Trenger hjelp med meny (xhtm, css)

syklitengutt · 16. mars 2007

Heisann. Holder på å lage en side her, men jeg sliter litt med linkene.

Til de bruker jeg css og styring av bakgrunn.

Litt klønete fortalt.

Problemet er i allefall at i at i meny-01 i css har jeg satt størrelsen som skal

vises av bakgrunnsbildet til å være 60px.

ved hoover så skal fremdeles 60px vises og det funker, du ser bildet blir klarere, uten å forflytte seg og det gjøres ved å vise fra -60px. Ved active så skal -120 vises. dette virker også, men feilen er at det ikke er 60 px som vises.

Bildet er i å for seg 168px i vidde, så tallene skulle egentlig vært vidde 62, -62 og -124 men det gjør ikke noe. bg bildet kan sees her:

det som vises av bildet kan ikke være mer enn 20px eller noe.

Det skulle jo ha vært 60.

Alle tips prøves gjerne ut. Takker for alle svar.

Linken til siden er i allefall:

http://syklitengutt.frac.dk/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

</div>

<ul>

</ul>

</div></div></div>

</body>

</html>

[/code]

og her php:

/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: center;
font: normal 100.1% "Trebuchet MS", Verdana, Helvetica, sans-serif;
background: #121314 url("images/topbg.gif") repeat-x top;
}

#darkside { margin: 0 auto; 
position: relative; 
width: 733px; 
text-align: left; 
}

#top { width: 733px; 
height: 120px; 
padding: 45px 0 0 0; 
}

#header { width: 733px; 
height: 240px; 
background: url("images/header.png") no-repeat; 
}

#meny {
width: 733px;
height: 57px;
margin: 0;
background: url("images/menybg.png") no-repeat;
}

#meny ul { margin: 0; padding: 9px 0 0 20px; width: 733px; height: 25px; }
#meny ul li { list-style-type: none; display: inline; margin: 0; padding: 0; }
#meny ul li a { text-decoration: none; height: 25px; }
#meny ul li a span { visibility: hidden; }

#meny-01 { width: 60px; background: url("images/nav-blog.gif") no-repeat 0 0; }
#meny-01:hover { background: url("images/nav-blog.gif") no-repeat -60px 0; }
#meny-01:active, #meny-01:focus, #meny-01 #active { background: url("images/nav-blog.gif") no-repeat -120px 0; }

Endret 16. mars 2007 av syklitengutt

syklitengutt · 16. mars 2007

jeg tar å bumper jeg.

Ingen her som har litt greie på css.

Det er vel i css'en ett sted feilen ligger.

haugsand · 17. mars 2007

Egenskaper som margin, padding, width og height fungerer ikke på samme måte for inline-elementer som for blokk-elementer. Fjern display: inline; fra li, og legg til display: block; på a, og du er et skritt nærmere løsningen.

Logg inn

Trenger hjelp med meny (xhtm, css)

Anbefalte innlegg

syklitengutt

Lenke til kommentar

Videoannonse

syklitengutt

Lenke til kommentar

haugsand

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer