Hjelp med CSS Meny + problem med div's

[inspo]

Heia..

 

Nå har jeg lært meg litt css og har begynt å lage ny hjemmeside da den gamle var ganske stygg..

 

Men jeg trenger litt hjelp med menyen... Når noen holder musen over teksten så skal det komme en boks opp.. Men jeg har ett lite problem med att den boksen som skal komme opp ikke er sånn som den skal..

 

Her kan du se problemet

 

CSS:

.solidblockmenu{
margin: 0;
padding: 0;
float: right;
position: fixed;
font: bold 14px "Trebuchet MS";
width: 100%;
border: none;
border-width: 0px 0;
background: none;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: right;
color: white;
padding: 46px 30px;
text-decoration: none;
border-right: none;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(grafikk/button.png) center center repeat-x;
}

 

Også boksen:

Endret 9. november 2007 av chop1

[Thullball]

Kan du beskrive litt mer hvordan du vil at den skal se ut?

[inspo]

Kan du beskrive litt mer hvordan du vil at den skal se ut?

 

 

Jeg vil att det skal bli en boks over hvert menyvalg.. sånn som den i midten her:

Endret 8. november 2007 av chop1

[mohuhau]

Du bør sette bredden på menyelementene like store som knappebildet. Men ser du har prøvd en del forskjelligt og du vil antaglivis få enkelte problemer med denne koden når du skal bygge videre på siden. Her har jeg endret koden litt slik at du får det slik du vil.

 

css:

/* Meny */
.solidblockmenu{
margin: 0;
padding: 0;
font: bold 14px "Trebuchet MS";
}

.solidblockmenu li a{
float: right;
color: white;
width:126px;
line-height: 31px; /* Setter linjehøyden lik høyden av button.png slik at teksten blir stående på midten */
text-decoration: none;
text-align:center;
margin-top:38px;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(grafikk/button.png) center center repeat-x;
}

 

Si fra om det er noe her du ikke forstår så skal jeg prøve å forklare hvorfor.

[inspo]

Takk

Endret 8. november 2007 av chop1

[mohuhau]

Beklager at jeg gav deg kode som ikke virker i safari og opera. Her er kode som virker der også

 

/* Meny */
.solidblockmenu{
margin: 0;
padding: 0;
font: bold 14px "Trebuchet MS";
}

.solidblockmenu li {
float: right; 
width: 126px; 
text-align: center;
margin-top: 38px;
list-style-type:none;
}

.solidblockmenu li a{
color: white;
line-height: 31px; /* Setter linjehøyden lik høyden av button.png slik at teksten blir stående på midten */
text-decoration: none;
display:block;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(grafikk/button.png) center center repeat-x;
}

[inspo]

Beklager at jeg gav deg kode som ikke virker i safari og opera. Her er kode som virker der også

 

/* Meny */
.solidblockmenu{
margin: 0;
padding: 0;
font: bold 14px "Trebuchet MS";
}

.solidblockmenu li {
float: right; 
width: 126px; 
text-align: center;
margin-top: 38px;
list-style-type:none;
}

.solidblockmenu li a{
color: white;
line-height: 31px; /* Setter linjehøyden lik høyden av button.png slik at teksten blir stående på midten */
text-decoration: none;
display:block;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(grafikk/button.png) center center repeat-x;
}

 

 

Takk igjen;)

[inspo]

Ja men nå har jeg ett annet problem.. hehe;)

 

Jeg skulle prøve å lage en sånn liten liste på venstre side.. i Internet Explorer er det okay men i Opera og Firefox blir ikke den ene teksten i midten

 

 

EDIT: problemet er løst

Endret 9. november 2007 av chop1

[Haraldson]

Emnetittelen i denne tråden er lite beskrivende for trådens innhold og det er derfor ingen god emnetittel. Jo bedre og mer beskrivende emnetittelen er, jo lettere er det for andre å skjønne trådens innhold og det vil være lettere å treffe den riktige forumbrukeren med det rette svaret. Ber deg derfor om å endre emnetittel slik at du unngår at en moderator stenger tråden. Vennligst forsøk å ha dette i tankene neste gang du starter en tråd, og orienter deg om hva vår nettikette sier om dårlig bruk av emnetitler.

 

Bruk -knappen i første post for å endre emnetittelen.

 

(Dette innlegget vil bli fjernet ved endring av emnetittel. Ikke kommenter dette innlegget, men gjerne dette innlegget når tittelen er endret, så vil det bli fjernet..)

[Stian Jacobsen]

Anbefaler deg å bruke "Sliding doors".. Søk på google etter "sliding doors css"