Snabb hjälp i css.

2010-12-11 12:26

Medlem

Plats: Vellinge
Registrerad: Okt 2010

●

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>

Rapportera Redigera

Citera flera Citera

2010-12-11 14:04

Permalänk

Nordis

Medlem

Plats: Falun
Registrerad: Jul 2001

●

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

Rapportera Redigera

Citera flera Citera

2010-12-11 14:46

Permalänk

Jurkedurke

Medlem

Plats: Vellinge
Registrerad: Okt 2010

●

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?

Rapportera Redigera

Citera flera Citera

2010-12-11 15:41

Permalänk

Tazavoo

Medlem ★