Notifikationer

Markér alle som læst Log ud

rones Nybegynder

30. september 2001 - 10:04 Der er 16 kommentarer og
1 løsning

Er der nogen der kan mig med at rette den her menu, sådan at linksene linker til en fil som kommer frem der hvor der står: \"Her åbner....\"????
OG hvordan retter jeg koden sådan at når musen kommer hen over et link i menuen, rammen/linjen farve og ikke kun teksten??
Her er koden:

<html>

<head>
<title>Runes Harry Potter Side</title>
</head>

<body bgcolor=\"#006699\" text=\"#000000\" topmargin=\"0\" leftmargin=\"0\" marginwidth=\'0\' marginheight=\'0\'>

<STYLE type=\"text/css\">

body {
font-family: Verdana, sans-serif;
/* 1. er ønsket. 2. vises på UA som ikke har 1. font*/
font-size: 12pt; /*Fuld scalérbar font*/
margin: 4em; /*værdien er relativ til fonten = X * fontStr*/
}
</STYLE>

<div align=\"center\">
<center>
<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" bordercolor=\"#333333\" width=\"602\" height=\"611\" id=\"AutoNumber1\">
<tr>
<td width=\"602\" height=\"100\" colspan=\"2\"><A href=\"http://runemig.whitehat.dk\"><img border=\"0\" src=\"harrypotterblå.gif\" width=\"650\" height=\"100\"></td>
</tr>
<tr>
<td width=\"51\" height=\"497\" rowspan=\"2\" align=\"center\" valign=\"top\">
<p align=\"left\">
<style type=\"text/css\">

</style>

<table cellpadding=\"0\" cellspacing=\"0\" border=0 class=menu width=50>
<tr>
<td width=\"130\" bgcolor=\"#000000\" height=\"20\" background=\"menu.jpg\">
<div class=overskrift style=\"width: 120; height: 10\">
<font size=\"1\" color=\"#FFFFFF\"><IMG SRC=\"menu.jpg\" BORDER=0 width=\"120\" height=\"20\"></div></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"side2.htm\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">-Forsiden</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">Gæstebog</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">Forum</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">Mail</font></span></a></td></tr>
<td width=\"130\" bgcolor=\"#000000\" height=\"20\" background=\"menu.jpg\">
<div class=overskrift style=\"width: 120; height: 10\">
<font size=\"1\" color=\"#FFFFFF\"><IMG SRC=\"contact.jpg\" BORDER=0 width=\"120\" height=\"20\"></div></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">contact</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">contact</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">contact</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">contact</font></span></a></td></tr>
<td width=\"130\" bgcolor=\"#000000\" height=\"20\" background=\"menu.jpg\">
<div class=overskrift style=\"width: 120; height: 10\">
<font size=\"1\" color=\"#FFFFFF\"><IMG SRC=\"links.jpg\" BORDER=0 width=\"120\" height=\"20\"></div></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">link</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">link</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">link</font></span></a></td></tr>
<tr><td class=menu width=\"120\">
<p style=\"text-align: left\"><a href=\"link1.html\" class=menupunkt>
<font color=\"#FFFFFF\"></font><span style=\"font-weight: 400\"><font color=\"#FFFFFF\" size=\"1\">link</font></span></a></td></tr>

</table>
<p align=\"left\">
<td width=\"545\">
<p align=\"right\"><script language=\"JavaScript\">
function co(element,mode) {
if (mode==\"in\") {
cursortype = \'hand\'
colorval = \'#B7C6D6\'
} else if (mode==\"out\") {
cursortype = \'\'
colorval = \'#e9e9e9\'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
</script>

<table cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#006666\" width=\"80%\" height=\"12\">
<tr>
<td gcolor=\"#006666\" align=\"right\" width=\"80%\" height=\"10\" bgcolor=\"#006666\"><b><i><font face=\"Arial, Helvetica, sans-serif\" size=\"1\" color=\"#000066\">
sidst opdateret d. 29 September</font></b></i></tr>
</table></td>

<tr>
<td width=\"545\" height=\"522\" align=\"center\" valign=\"top\">
<p align=\"center\"> <p align=\"center\">Her åbner runemig.whitehat.dk snart op..!<p align=\"center\">TEKST<p align=\"center\">
TEKST</td>
</tr>
<tr>
<td width=\"80%\" height=\"12\" colspan=\"2\" bgcolor=\"006666\">
<p align=\"center\"><font color=\"#C0C0C0\" size=\"1\">Copyright © 2001 - <a href=mailto:rune-mig@sol.dk>Rune</a></a></font><font size=\"1\">

</font>
</td>
</tr>

</center>
</div>

<style type=\"text/css\">
a {
color: #FFFFF5;
text-decoration:none;
}
a:link {
color: #666699;
text-decoration:none:
}
a:visited {
color: #666699;
text-decoration:none;
}
a:active {
color: #666699;
text-decoration:none;
}
a:hover {
color: #D5D5D5;
text-decoration:underline;
}

</body>
</html>

Synes godt om

olebole Juniormester

30. september 2001 - 10:11 #1

<ole>
Det er utroligt, den kode overhovedet kan vises! Noget gevaldigt rod, der er copy/pasted sammen fra flere steder.
Du må lære noget mere elementært HTML, før du kan kaste dig ud i den slags.
/mvh
</bole>

Synes godt om

rones Nybegynder

30. september 2001 - 10:18 #2

Til venstre for tabellen hvor der står: \"sidst opdateret...\" er der en lille tabel, men jeg kan ikke finde den i html-koden, hvor er den, hvordan retter jeg baggrunds-farven i den???

Ole>> Jeg ved det godt, jeg er ikke så god til HTML. Du kunne vel ikke rette lidt i koden, sådan at den er mere overskuelig...??(joke...men du er da velkommen til det;-))

Rune.

Synes godt om

masken Nybegynder

30. september 2001 - 10:50 #3

Du kunne jo starte med at separere de spredte CSS og html\'en.

Synes godt om

masken Nybegynder

30. september 2001 - 10:54 #4

Den tabel du spørger efter er den \"massive\" blok (tabel) som starter med \"menu.jpg\".

Synes godt om

masken Nybegynder

30. september 2001 - 11:01 #5

Inde i <a href>-tag\'en skriver du navnet på den html-fil du vil have frem (istedet for \"link1.html\"). Men hvis du vil have den frem KUN i cellen hvor der står \"Her åbner...\", så bliver du jo nødt til at opdele din side med frames eller indsætte en iframe.
Når du så har gjort det, kan du indsætte en target=\"HerAabner_RunesHovedFelt\" i <a href>-tag\'en...

Held og lykke.
Kender du iøvrigt ikke \"Dreamweaver\" (kunne måske hjælpe dig lidt..) (se www.macromedia.com for trial download)

Synes godt om

rones Nybegynder

30. september 2001 - 11:21 #6

Jeg mener ikke \"menu.jpg\"!!
På den samme linje er der den tabel hvor der står \"sidst opd...\". og imellem de to tabeller er der en til som jeg ikke kan se i HTML-koden. Man nar jeg se siden kan jeg godt!

OG så er det, det med menuen...???

Rune.

Synes godt om

rones Nybegynder

30. september 2001 - 11:23 #7

Jeg behøves ikke det der med frames!!!
Jeg vil bare have det der med når musen kører over, som beskrev øverst!

Rune.

Synes godt om

masken Nybegynder

30. september 2001 - 11:29 #8

Måske er jeg tungnem, men forklar helt præcist hvad du vil have når musen kører over et link.
OG hvilken tabel???
Hvis det er det \"bå\" felt imellem \"menu.jpg\" og \"sidst opd...\", så er jo bare et felt i tabellen. Ikke en hel tabel.

Synes godt om

masken Nybegynder

30. september 2001 - 11:32 #9

Efter lige at have taget et 2. kig på din html-side, kan jeg desværre kun sige som /olebole... Få lidt mere styr på din html. (-;

Synes godt om

Slettet bruger

30. september 2001 - 12:41 #10

Så skal du lave en <iframe>, der hvor siderne skal åbne, fx:

<iframe src=\"her-aabner.html\" width=\"300\" height=\"200\" scrolling=\"auto\" name=\"indhold\">Hvis du kan læse dette, er du helt galt på den!</iframe>

Og så i linksene skal du skrive:
<a href=\"link.html\" target=\"indhold\">Link</a>

Hvis det er for besværligt at skulle skrive target=\"indhold\" hver gang, kan du sætte dette ind i toppen af din side:
<base target=\"indhold\">

Så vil alle links automatisk henvise til iframen, med mindre andet er specificeret!

Synes godt om

thomas_yde Nybegynder

30. september 2001 - 12:51 #11

Well hvis jeg har forstået det rigtig så vil du ændre din table color når musen løber henover den er det korrekt?

Hvis vil jeg forslå at du fjerne dit Javascript, da jeg ikke se hvor du bruger det.
hvis du vil skifte farve inde i din table kan du gøre det på 2 måder. Den ene er en global som du allerede har benyttet, den anden er en lokal for den ekelte table.
1) den globale ligger i din anden <style>
a.menupunkt:hover {
text-decoration: none;
background-color: #041D46;<-- den kode bekriver den farve på table der kommer når musen peger på den. den kan du rette til en anden farvekode-

2) lokal:
Så skal du skrive inde i din tabledata container følgende:
<td onmouseover=\"style.backgroundColor=\'#farvekode\'\" onmouseout=\"style.backgroundColor=\'#oprindelig_farve_kode\'>

Men hvis du ikke har helt styr på javascripts og den slags, så hold dig helt til html kodning det kan læres på en dag.

Synes godt om

olebole Juniormester

30. september 2001 - 16:50 #12

Mon ikke det var en idé at starte med at få lukket tabeller og rettet andre grundlæggende HTML-fejl. Menuen er da fløjtende ligegyldig, sålænge den helt basale struktur ikke er iorden.
/mvh

Synes godt om

rones Nybegynder

30. september 2001 - 17:49 #13

Er der ikke nogen der vil rette strukturen på HTML-koden istedet for at lave de andre ting jeg bad om???? OG I MÅ IKKE FJERNE MENUEN ELLER NOGET, BARE RETTE STRUKTUREN!

Rune.

Synes godt om

olebole Juniormester

30. september 2001 - 17:55 #14

Du mener vel skrive en hel ny side til dig? Du får mere ud af at lære noget HTML og skrive den om selv.
/mvh

Synes godt om

rones Nybegynder

30. september 2001 - 18:03 #15

NEJ!
Bare rette/optimere (tror jeg nok det hedder) i koden!
Rune.

Synes godt om

rones Nybegynder

30. september 2001 - 18:03 #16

sådan at at det bliver mere overskueligt...

Synes godt om

olebole Juniormester

30. september 2001 - 18:09 #17

Ja....det er det, jeg skriver: \"...skrive en helt ny side...\". At rette denne er at skrive en helt ny. Det er ét rod!
Gå ud på nettet og find nogle tutorials og køb dig et par bøger om emnet. Det er en meget bedre idé...du får ikke noget ud af, en af os skriver din side om.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS