HTML & CSSur HTML, XHTML & CSS
14 svar · 551 visningar · startad av 3on
Hej!
Har en DHTML submeny som vill ligga under huvudtexten (maintexten). Det går inte att klicka på dessa länkar i menyn eftersom att de ligger under texten som står på förstasidan.
Hur kan jag lösa detta? Löser jag det genom någon kod i min index.php eller kan man lägga in ett CSS attribut så att menyn hamnar överst?
För att lättare förstå min förklaring, ta en titt på bifogad bild.
Tack på förhand!
Ingen som vet?
Om båda är positionerade kan du testa med z-index:1 på menyn.
Okej vart skall man skriva in det?
I din css-fil.
CSS Filen till min template
#header {
padding: 0;
margin: 0;
position: relative;
height: 130px;
background-color: #ffffff;
background-flash: url(../images/optik.swf);
background-repeat: no-repeat;
background-position: left top;
z-index: 1
}
Ställde även in "z-index: 1" i cssfilen för menyn.
Det fungerar fortfarande inte i IE. Funkar som vanligt i FF.
Vad står 1 för i koden "z-index: 1;"?? Vad händer om jag ändrar siffra?
Tänkte om man kan göra mainbodymodulen till en z-index: 2?
z-index är hur vilket positionerat element som ska ligga framför andra, så om menyn ska överlappa "mainbody" vill du ha högre z-index på menyn.
Okej jag ska testa sätta ett lägre värde på allt annat.
Kan jag sätta vilket värde somhelst? Alltstå det fungerar likadant om jag sätter 99 på menyn och värde 50 på allt annat?
Vad står !important; för?
3on skrev:
Alltstå det fungerar likadant om jag sätter 99 på menyn och värde 50 på allt annat?
Ja, men är det inte lättare att bara sätta z-index:1 på menyn och låta bli att ange det på resten?
3on skrev:
Vad står !important; för?
Att deklarationen inte kan överskridas och att den gäller oavsett selektorns specificitet.
Okej nu har jag testat det utan att de fungerar i IE.
Finns det något annat man kan göra för att lösa problemet?
Det ser bra ut för mig (menyn överlappar det andra)...
zcorpan skrev:
Det ser bra ut för mig (menyn överlappar det andra)...
Okej kolla [Produkter] [Glasögon] [Bågar] från exempelvis förstasidan.
Funkar de för dig? För mig går de inte att trycka på Bågar pga att submenyn ligger under.
Testa ändra rad 72 till
<div style="position:relative; [b]z-index:99;[/b] top:0px; left:0px; width:auto; height:20px;">
zcorpan skrev:
Testa ändra rad 72 till
<div style="position:relative; [b]z-index:99;[/b] top:0px; left:0px; width:auto; height:20px;">
Yes!! Där satt den! :e Skönt! Tack för hjälpen!
überfuzz: Tack! Fixar till de imorn! :)
En fråga till bara. Vad är de för skillnad på position: relative; och absolute?
Finns de någon bra sida om CSS?
