Kom ihåg mig?
Home Menu

Menu


WN > Webbutveckling & webbhotell > Klientsidans teknologier, design och grafik

CSS problem - vad e felet? -

 
Sidan 2 av 3 1 2 3
Visa första olästa Visa första olästa  
Ämnesverktyg Visningsalternativ
Oläst 2010-01-06, 18: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 18:39
Simpsons_lover är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-06, 18: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, 18: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, 19: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, 19: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, 20: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, 20: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, 20: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, 20: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, 20: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 20:42
Marku är inte uppkopplad   Svara med citatSvara med citat
Svara
Sidan 2 av 3 1 2 3

« Föregående ämne | Nästa ämne »

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

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 på
Smilies är på
[IMG]-kod är på
HTML-kod är av
Forumhopp


Alla tider är GMT +2. Klockan är nu 15:19.

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