Permalänk

Snabb hjälp i css.

Ska nu börja koda ett skolprojekt och fastnade nu i början med hur i helsikke jag ska importera bilder i mina divs i css dokumentet.

mitt css dokument ser nu ut såhär :

body {background-color:#BBBABC; padding-left:35px;} .layout {font-family: arial; font-size: 12px; font-weight: normal; color: #333333; line-: 140%; margin: 2px; background-color: #cccccc; padding: 10px; padding-left:10px; border: 1px solid #FFFFFF; width: 95%; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml-border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; margin-right: auto; margin-left: auto; float: left;} } .header { background-image:url(bilder\Header1.PNG); width: 127px; height: 127px; }

Bilden i .header vägrar att visas och jag har ingen aning om vad som är problemet.
Mitt html dokument ser ut som såhär :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <link href="formatering.css" rel="stylesheet" type="text/css"> <title>Webdesign</title> </html> <body> <div class="layout"> <div class="huvud"> </div> </div> </body> </html>

Permalänk
Medlem

Du har ju ingen klass som heter "header".. De klasser du har heter layout och huvud. Hur hade du då tänkt att det skulle funka??
Så prova skriv så här istället,

.huvud { background-image:url(bilder/Header1.PNG); width: 127px; height: 127px; }

Visa signatur

EPoX 8RDA+, XP2500+, 2x256Mb PC3200 (DualCh), Club3D 9800PRO, Seagate 7200.7 160Gb 8Mb Limited edition

Permalänk

Ah tack för upplysningen men jag kopierade fel editering. Den är nämnd .huvud.
DÄRIMOT vad jag såg nu var att, när jag tar bort .layout så syns bilden. Hade tänkt ha det så att det blir den border; ramen runt hela layouten, just därför bäddade jag in headern i .layout, men det verkar som att den lägger sig under den. Hur ska jag gå tillväga?

Permalänk
Medlem

Testa att ta bort den extra klammern du har efter .layout.

Permalänk

Så simpelt var det! Återkommer om det dyker upp något mer!