Søg
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 15:47 Der er 16 kommentarer og
1 løsning

hvordan får man defineret et id på et link så det ikke reagerer

Hej jeg sidder lige og roder med en hjemmeside hvor jeg har lavet en java menu hvor linkenes baggrund er grå nu er mit spørgsmål så hvordan får jeg defineret det sådan at andre link jeg har på siden ikke får den grå baggrund når musen er over dem ? jeg har prøvet med onmouseover det virker ikke den beholder stadig den grå baggrund


Mvh
Niels Christiansen
Avatar billede Slettet bruger
25. september 2004 - 16:06 #1
Hvordan kan andre ting på siden overhovedet blive påvirket af hvordan en Java applet ser ud?

Du mente måske Javascript? (Java og Javascript er to MEGET forskellige ting.)
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 16:12 #2
du kan selv se det er egentlig dynamisk html som bruger lidt java samt en masse css www.rdnwo.dk du kan eventuelt prøve at føre musen over webmaster i bunden
Avatar billede Slettet bruger
25. september 2004 - 16:22 #3
OK, så det var altså Javascript, du mente og ikke Java.

Jeg vil foreslå, at du lige smider siden igennem en validator, for den bliver slet ikke vist i Firefox, og i Konqueror er teksten hvid på hvid baggrund.

Med hensyn til dit egentlige spørgsmål, vil jeg foreslå at lave en <div id="menu"> uden om menuen, og så bruge den til at sætte udseendet for links i menuen på denne måde:

#menu a:link {
  background: #fff;
}
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 16:37 #4
ja det hjælper ikke rigtigt den bliver ved med at tage baggrunden med med hensyn til en validator så venter jeg med at bruge sådan en til jeg er helt færdig med siden:)

firefox hvad er det har aldrig hørt om det er det godt ??
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 16:41 #5
mit css ser sådan her ud

#menu {   
a{color:white; text-decoration:none;}
a:hover{color:white; font-weight: bold;background-color:#7E7D7D;width:100;}
}

body{
background-color:transparent;
scrollbar-face-color:black;
        scrollbar-base-color:black;
        scrollbar-highlight-color:#7E7D7D;
        scrollbar-arrow-color:white;



}           
#link
a {color:blue;}
a:hover{color:white; font-weight: bold;}

hvis det hjælper lidt :)
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 16:51 #6
ah det kan jeg se fandt lige firefox og jeg kan også se hvorfor den ikke viser noget det er fordi den ikke understøtter funktionerne i css
Avatar billede Slettet bruger
25. september 2004 - 17:04 #7
Firefox er en browser, som både er mere sikker end IE, har mere korrekt understøttelse af standarderne end IE, og som kan køre på flere operativsystemer end IE. Jeg tvivler på at nogen kan nævne noget i CSS-standarden, der understøttes af IE og ikke af Firefox.

Tilbage til det væsentlige...

Jeg så lige denne stump i starten af style-blokken på siden:

#link{a:hover{color:blue;}a{color:white;}}

Den bør nok rettes til enten:

a#link {color:white;}
a#link:hover {color:blue;}

eller:

#link a {color:white;}
#link a:hover{color:blue;}

Bemærk at du skal altid sætte udseendet for et hover-link senere end for et ikke-hover-link, for en senere css-regel vil altid overtrumfe en tidligere, og et link er jo stadig et normalt link når man sender musen hen på det.

Derudover bør du rette background-color:transparent; for body til at sætte en farve.
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 17:14 #8
ok det kigger jeg lige på det skal dog siges at jeg har lige hentet firefox og kan godt se at den ikke viser noget hvilket undre mig da dette er den eneste side jeg har lavet hvor jeg bruger css/javascript menu de andre sider jeg har lavet er der ingen problemmer med heller ikke i firefox bortset fra at den ikke viser farverne på rullepanellerne som jeg har sat
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 17:22 #9
så nu virker det hvis du giver mig et svar skal du få dine point det
#link a {color:white;}
#link a:hover{color:blue;}
der var problemmet
mange tak for hjælpen
Mvh
Niels Christiansen

ps. har du en ide om hvorfor firefox slet ikke viser noget du må gerne se koden hvis det skulle hjælpe på det ??
Avatar billede Slettet bruger
25. september 2004 - 17:30 #10
Muligvis fordi du slutter din <div id="top"> med </top> i stedet for </div> så den div aldrig bliver sluttet.
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 17:56 #11
nej det er ikke det her er koden

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<link rel="stylesheet" type="text/css" href="body.css">
<style type="text/css">
<!--

#link{a:hover{color:blue;}a{color:white;}}
#top{position:absolute;top:5%;left:15%;z-index:-33}
#midt{position:absolute;top:120%;left:0%;z-index:-33}
#bund{position:absolute;top:615%;left:0%;z-index:-33}
#medtop,#med,#ledtop,#led,#goodtop,#good,#hottop,#hot,#divtop,#div,#artop,#ar,#lantop,#lan,#foretop,#fore
{border:10px;background-image:url(billeder/bg.gif);color:white;z-index:2;font-family:verdana;font-size:12px;}
#medtop{position:absolute;left:0px;width:98px;top:105px;z-index:1}
#med{position:absolute;left:0px;width:98px;top:119px;visibility:hidden;}
#ledtop{position:absolute; left:100px;width:98px;top:105px;z-index:1}
#led{position:absolute; left:100px;width:98px;top:119px;visibility:hidden;}
#goodtop{position:absolute; left:200px;width:98px;top:105px;z-index:1}
#good{position:absolute;left:200px;width:98px;top:119px;visibility:hidden;}
#hottop{position:absolute; left:300px;width:98px;top:105px;z-index:1}
#hot{position:absolute; left:300px;width:98px;top:119px;visibility:hidden;}
#divtop{position:absolute; left:400px;width:98px;top:105px;z-index:1}
#div{position:absolute; left:400px;width:98px;top:119px;visibility:hidden;}
#artop{position:absolute; left:500px;width:98px;top:105px;z-index:1}
#ar{position:absolute; left:500px;width:98px;top:119px;visibility:hidden;}
#lantop{position:absolute; left:600px;width:98px;top:105px;z-index:1}
#lan{position:absolute; left:600px;width:98px;top:119px;visibility:hidden;}
#foretop{position:absolute; left:700px;width:98px;top:105px;z-index:1}
#fore{position:absolute; left:700px;width:98px;top:119px;visibility:hidden;}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function vis(id){
id.style.visibility='visible';}
function skjul(id){
id.style.visibility='hidden';}
//-->
</script>

</head>
<body>
<div id="top">
<table summary="top" align="center" cellpadding="0" cellspacing="0">
<tr>
<td ><img src="billeder/side.gif" alt=""></td>
<td><img src="billeder/top.gif" alt=""></td>
<td><img src="billeder/side.gif" alt=""></td>
</tr>
</table></top>

<div id="menu">
<div id="medtop" align="center" onMouseover="vis(med)" onmouseout="skjul(med)"style="background-image:url(billeder/menu.gif);">Leder</div>
<div id="med" OnMouseOut="skjul(med)" onmouseover="vis(med)">
<a href="power.htm" target="midt">Powerpaw</a><br />
<a href="bad.htm" target="midt">Badass</a><br />
</div>


<div id="ledtop" align="center" onMouseover="vis(led)" onmouseout="skjul(led)"style="background-image:url(billeder/menu.gif);">Medlemmer</div>
<div id="led" OnMouseOut="skjul(led)" onmouseover="vis(led)">
<a href="raven.htm" target="midt">Raven</a><br />
<a href="coco.htm" target="midt">Coco</a><br />
<a href="pekon.htm" target="midt">Pekon</a><br />
<a href="kj.htm" target="midt">KJ</a>
</div>



<div id="goodtop" align="center" onMouseover="vis(good)" onmouseout="skjul(good)"style="background-image:url(billeder/menu.gif);">Goodstuff</div>
<div id="good" OnMouseOut="skjul(good)" onmouseover="vis(good)">
<a href="fiske.htm" target="midt">Fisketuren</a><br />
<a href="ip1.php" target="midt">Din IP</a><br />
<a href="ip.php" target="midt">Server IP</a><br />

</div>


<div align="center" id="hottop" onMouseover="vis(hot)" onmouseout="skjul(hot)"style="background-image:url(billeder/menu.gif);">Hotstuff</div>
<div id="hot" OnMouseOut="skjul(hot)" onmouseover="vis(hot)">
<a href="map.htm" target="midt">Maps</a><br />
<a href="fede.php" target="midt">Billeder</a><br />
<a href="login1.php" target="midt">Download</a><br />
</div>


<div align="center" id="divtop" onMouseover="vis(div)" onmouseout="skjul(div)"style="background-image:url(billeder/menu.gif);">Diverse</div>
<div id="div" OnMouseOut="skjul(div)" onmouseover="vis(div)">
<a href="kontakt.htm" target="midt">Kontakt</a><br />
<a href="bog.php" target="midt">Gæstebog</a><br />
<a href="news.php" target="midt">Debat</a><br />

<a href="link.htm" target="midt">Links</a><br />
</div>

<div align="center" id="artop" onMouseover="vis(ar)" onmouseout="skjul(ar)"style="background-image:url(billeder/menu.gif);">Arrangementer</div>
<div id="ar" OnMouseOut="skjul(ar)" onmouseover="vis(ar)">
<a href="login9.php" target="midt">Poker aften</a>
<a href="login7.php" target="midt">Fodbold</a>
</div>


<div align="center" id="lantop" onMouseover="vis(lan)" onmouseout="skjul(lan)"style="background-image:url(billeder/menu.gif);">Lan-aftener</div>
<div id="lan" OnMouseOut="skjul(lan)" onmouseover="vis(lan)">
<a href="war.htm" target="midt">CV og PCW</a><br />
</a></div>

<div align="center" id="foretop" onMouseover="vis(fore)" onmouseout="skjul(fore)"style="background-image:url(billeder/menu.gif);"><a href="forside.php"target="midt">Forsiden</a></div>
<div id="fore" OnMouseOut="skjul(fore)" onmouseover="vis(fore)">
</a></div>
</div>
<script language="JavaScript" type="text/javascript">
<!--
skjul(med);
skjul(led);
skjul(good);
skjul(hot);
skjul(div);
skjul(ar);
skjul(lan);
skjul(fore);

//-->
</script>
<div id="midt">
<table summary="midt" border="1" style="border:1px;" width="800" height="500" cellpadding="0" cellspacing="0" align="center">
<tr>
<td bgcolor="#292929"><iframe src="forside.php" allowtransparency="true" name="midt" width="798" height="490" frameborder="0"> </iframe></td>
</tr>
</table></div>
<div id="bund">
<table summary="bund" border="0" height="29"  width="800" cellpadding="0" cellspacing="0"  align="center">
<tr>
<td width="14" >
<img src="billeder/test.gif" alt="" ></td><td  style="background:url(billeder/b.gif);">
<font face="verdana" color="white" size="1"><center>Webmaster <div id="link"><a href="mailto:sandraniels@post.tdcadsl.dk" >Niels Christiansen & Paw tarris</a></div></font></center> </td><td width="14"><img src="billeder/test1.gif" ></td>
</tr></table></div>
</body>
</html>
Hvis du orker at se det igennem så vil jeg da meget gerne høre hvad du mener og tak for hjælpen igen med hensyn til det andet :)
Avatar billede Slettet bruger
25. september 2004 - 18:02 #12
Du skal i hvert fald rette den </top> til </div>

Derudover er der en del steder, hvor du mangler et mellemrum mellem attributter:

onmouseout="skjul(med)"style=

skal være

onmouseout="skjul(med)" style=
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 18:12 #13
ja det hjalp da lidt nu kan mna se menuen :)
Avatar billede Slettet bruger
25. september 2004 - 18:25 #14
Derudover:  background-color:transparent; er kun noget man bør bruge på specifikke elementer på siden. Hvis du bruger det på body betyder det jo, at selve siden skal have gennemsigtig baggrund, og det betyder, at du ikke har defineret en baggrund for din side.
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 19:02 #15
ok jeg har jo gjort det at jeg har givet tabellen som indeholder iframen en sort baggrund og så har jeg gjort iframen gennemsigtig derpå er jeg fri for at skrive en href i head på alle siderne
Avatar billede Slettet bruger
25. september 2004 - 19:06 #16
Ja, du kan godt bruge den på body i en iframe, men du bør ikke bruge den på body på selve hovedsiden.

Hvis du i dine styles på selve hovedsiden skriver:

body {background:black;}

Så skulle den del være klaret.
Avatar billede nielschristiansen Nybegynder
25. september 2004 - 19:20 #17
OK TAK FOR HJÆLPEN :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
I går 14:16 installere windows på separat diskpartition Af Malm i Windows
I går 13:43 Problem med mcafee Af Malm i Andet software
I går 13:39 Er tilstrækkelig antivirus incl på ny Samsung smartphone ? Af annam i Backup- & Antivirus
19/0819:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
White papers
Flere white papers »