Kom ihåg mig?
Home Menu

Menu


CSS problem - vad e felet? -

 
Ämnesverktyg Visningsalternativ
Oläst 2010-01-06, 19:34 #11
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
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>

Senast redigerad av Simpsons_lover den 2010-01-06 klockan 19:39
Simpsons_lover är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 19:41 #12
Markus avatar
Marku Marku är inte uppkopplad
Medlem
 
Reg.datum: Jul 2009
Inlägg: 85
Marku Marku är inte uppkopplad
Medlem
Markus avatar
 
Reg.datum: Jul 2009
Inlägg: 85
gör exakt som förra gånger, dvs
Kod:
float: left;
På båda elementen
Marku är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 19:46 #13
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
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?
Simpsons_lover är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 20:17 #14
Markus avatar
Marku Marku är inte uppkopplad
Medlem
 
Reg.datum: Jul 2009
Inlägg: 85
Marku Marku är inte uppkopplad
Medlem
Markus avatar
 
Reg.datum: Jul 2009
Inlägg: 85
Skicka koden
Marku är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 20:22 #15
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
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>
Simpsons_lover är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 21:04 #16
Markus avatar
Marku Marku är inte uppkopplad
Medlem
 
Reg.datum: Jul 2009
Inlägg: 85
Marku Marku är inte uppkopplad
Medlem
Markus avatar
 
Reg.datum: Jul 2009
Inlägg: 85
Kan du länka mig dit du har sidan så jag kan se på problemet live?
Marku är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 21:18 #17
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Självklart.
Här: http://vinnprylar.se/wn/demo.html
Simpsons_lover är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 21:30 #18
Markus avatar
Marku Marku är inte uppkopplad
Medlem
 
Reg.datum: Jul 2009
Inlägg: 85
Marku Marku är inte uppkopplad
Medlem
Markus avatar
 
Reg.datum: Jul 2009
Inlägg: 85
Kod:
<div class="header">
</div>

<div class="header2">
Tävlingar
</div>
edit: efter slutet på meny diven
Marku är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 21:34 #19
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Simpsons_lover Simpsons_lover är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2009
Inlägg: 41
Nej du... då kom menyn vänster om headern.

Kolla: http://vinnprylar.se/wn/demo.html
Simpsons_lover är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 21:38 #20
Markus avatar
Marku Marku är inte uppkopplad
Medlem
 
Reg.datum: Jul 2009
Inlägg: 85
Marku Marku är inte uppkopplad
Medlem
Markus avatar
 
Reg.datum: Jul 2009
Inlägg: 85
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

Senast redigerad av Marku den 2010-01-06 klockan 21:42
Marku är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 09:40.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017