WN - CSS problem - vad e felet? -

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - CSS problem - vad e felet? - (https://www.wn.se/forum/showthread.php?t=1039864)

Vet du vad felet är här då?
Vill ha dom här 2 bilderna högst upp brevid varandra, men funkar inte.
Dom hamnar precis under varandra istället. :(

CSS-koden.

Kod:

.header{

background: url(header.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 153px;

}



.header2{

background: url(header2.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 153px;

}

HTML-Koden.

Kod:

<div class="header">

</div>



<div class="header2">

TEXT

</div>

gör exakt som förra gånger, dvs

Kod:

float: left;

På båda elementen

Tack!
Men då hamnar menyn fel.
Och när jag flyttar ner den, så hamnar texten dubbelt så långt ner än menyn.
Vet du vad felet kan vara då?
Ska jag skicka koden?

CSS-Koden.

Kod:

.header{

background: url(header.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 153px;

float: left;

}



.header2{

background: url(header2.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 153px;

float: left;

}



.meny{

background: url(meny.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 30px;

float: left;

}



.tavlingar{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}



.linje{

background: url(linje.jpg) no-repeat right;

padding: 0px 0px 0px 20px;

height: 27px;

float: left;

}



.vinnare{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}



.linje2{

background: url(linje.jpg) no-repeat right;

padding: 0px 0px 0px 20px;

height: 27px;

float: left;

}



.regler{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}



.linje3{

background: url(linje.jpg) no-repeat right;

padding: 0px 0px 0px 20px;

height: 27px;

float: left;

}



.kontakt{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}

HTML-Koden.

Kod:

<HTML>

<HEAD>

<TITLE>Test.</TITLE>

<link rel="stylesheet" href="vp.css" type="text/css" />

</HEAD>

<BODY>

<center>



<div class="header">

</div>



<div class="header2">

Tävlingar

</div>





<div class="meny">

<div class="tavlingar">

Tävlingar

</div>



<div class="linje">

</div>



<div class="vinnare">

Vinnare

</div>



<div class="linje2">

</div>



<div class="regler">

Regler

</div>



<div class="linje3">

</div>



<div class="Kontakt">

Kontakt

</div>



</div>



</center>

</BODY>

</html>

Kan du länka mig dit du har sidan så jag kan se på problemet live?

Kod:

<div class="header">

</div>



<div class="header2">

Tävlingar

</div>

edit: efter slutet på meny diven

Nej du... då kom menyn vänster om headern.

Kolla: http://vinnprylar.se/wn/demo.html

demo.html

Kod:

<HTML>

<HEAD>

<TITLE>Test.</TITLE>

<link rel="stylesheet" href="vp.css" type="text/css" />

</HEAD>

<BODY>

<center>



<div class="meny">

<div class="tavlingar">

Tävlingar

</div>



<div class="linje">

</div>



<div class="vinnare">

Vinnare

</div>



<div class="linje2">

</div>



<div class="regler">

Regler

</div>



<div class="linje3">

</div>



<div class="Kontakt">

Kontakt



</div>



</div>

<div class="wrap">

<div class="header">

</div>



<div class="header2">

<br/> Här ska det stå något.

</div>

</div>

</center>

</BODY>

</html>

vp.css

Kod:

.wrap {

width: 800px;

margin: 0 auto;

}

.header{

background: url(header.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 153px;

float: left;

}



.header2{

background: url(header2.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 153px;

float: left;

}



.meny{

background: url(meny.jpg) no-repeat right;

padding: 0px 0px 0px 0px;

width: 400px;

height: 30px;

float: left;

}



.tavlingar{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}



.linje{

background: url(linje.jpg) no-repeat right;

padding: 0px 0px 0px 20px;

height: 27px;

float: left;

}



.vinnare{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}



.linje2{

background: url(linje.jpg) no-repeat right;

padding: 0px 0px 0px 20px;

height: 27px;

float: left;

}



.regler{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}



.linje3{

background: url(linje.jpg) no-repeat right;

padding: 0px 0px 0px 20px;

height: 27px;

float: left;

}



.kontakt{

font-family: arial, verdana;

font-size: 18px;

color: #000;

padding: 0px 0px 0px 12px;

float: left;

}

edit: update på koden