Aviseringar
Rensa alla

CSS-meny krånglar


Ämnesstartare

mrman:

kod

Enfeeble:

Kolla

Har ni några mer tips nu till mitt senaste problem?


   
SvaraCitera

My dreams are her:

Har ni några mer tips nu till mitt senaste problem?

Har tyvärr inte sorry [sad]


   
SvaraCitera

Tror bestämt jag lärde mig igår att fransmän skriver css om det görs ett självmål i fotboll.


   
SvaraCitera

My dreams are her:

Har ni några mer tips nu till mitt senaste problem?

Hmm, problemet för min del är hur man skriver html koden. Jag kan kolla runt lite och testa själv, så återkommer jag. [bigcheers]


   
SvaraCitera
Ämnesstartare

Enfeeble:

Hmm, problemet för min del är hur man skriver html koden. Jag kan kolla runt lite och testa själv, så återkommer jag. [bigcheers]

Jag kanske bör posta den senaste versionen av CSS:en.

div#page-wrap {
width:980px;
margin: 0 auto;
}
#nav {
list-style:none;
height: 75px;
width:980px;
position:relative;
line-height:1.4em;

}
#nav li {
height: 15px;
width: 100px;
float:left;
font-size: 1.4em;
text-align:center;
padding: center;

}
#nav a {
height:1.5em;
display:block;
text-decoration:none;
color:#000;
background:
margin-top: 110px;
margin-bottom: 15px;
color: black;
padding-top: 2px;
font-weight: bold;
position: center;
background:green;
}
#nav a:active, #nav a:focus, #nav a:hover {
color: red;
background:#deeef2;
}
/* --------- Sub Nav --------- */

#nav li.current ul {
left:0px;

}

#nav ul {
display: none;
position:center;
left: 0em;
height:0px;
width:980px;
list-style:none;
padding:center;
margin-right: 100px;

padding-top:-100px;

}
#nav li:hover > ul {
display:inline;
position: absolute;
width:auto;
margin: 0px;

}

#nav ul a {
font-size:60%;
width: 100px;
height:0px;
padding:10px;
margin:-10px;
background: green;

}
#nav li:active ul, #nav li:hover ul {
color:red;
left:0;

}

div#widget {
width: 980px;
height: 12px;


   
SvaraCitera
Ämnesstartare

Min trial and error taktik funkar långsamt men nu tror jag att jag fått bukt på varför jag inte kunde klicka på undermeny. Det går ju fortfarande ej att klicka på submenyerna 4,5 och 6. Detta beror på att undermenyn ej är centrerad direkt under varje ord i huvudmeny.

Känns nu mest som jag använder denna tråd som blogg och ej diskussion.


   
SvaraCitera

Finns flertalet webbdesign forum. Finns säkert någon entusiast som kan hjälpa dig att lösa problemet [y]


   
SvaraCitera
Ämnesstartare

mrman:

Finns flertalet webbdesign forum. Finns säkert någon entusiast som kan hjälpa dig att lösa problemet

http://tinyurl.com/cptcu7m


   
SvaraCitera

My dreams are her:

Schysst [wink]


   
SvaraCitera
Ämnesstartare

Jag kan få till det att se ut som nummer ett i denna skiss med inte som nummer 2. Det är nummer två jag vill uppnå.

skiss.png


   
SvaraCitera
Ämnesstartare

Varför blir det olika stort mellanrum mellan de olika orden? Utrymmet mellan Hem och nyheter samt om och kontakt är ju mycket större än mellan de andra.


   
SvaraCitera
Ämnesstartare

Preview.

Så ser menyn ut nu. Alla tips är välkomna.


   
SvaraCitera
Åtta

My dreams are her:

Varför blir det olika stort mellanrum mellan de olika orden?

Därför att du har satt varje list-item att vara 100px brett, oavsett hur långt ordet är. Om du gör om dem till att vara inline (och tar bort den fasta bredden, samt gör länkarna inuti till inline också) kommer de att anpassa sig efter ordets längd.


   
SvaraCitera
Ämnesstartare

Åtta:

Därför att du har satt varje list-item att vara 100px brett, oavsett hur långt ordet är. Om du gör om dem till att vara inline (och tar bort den fasta bredden, samt gör länkarna inuti till inline också) kommer de att anpassa sig efter ordets längd.

Tar jag bort den fasta bredden trycks orden ihop. Vill ju ha lite luft mellan varje ord.


   
SvaraCitera
Åtta

My dreams are her:

Vill ju ha lite luft mellan varje ord.

Det använder du marginal till.


   
SvaraCitera