/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hjælp til at få billede i venstre side.
Fra : Patrick


Dato : 18-02-09 13:51

Hejsa,

Jeg har en hjemmeside hvor jeg gerne vil have et billede i
venstre side. Men når jeg sætter det ind med float kommer det
ikke HELT ud i venstre side.
Her er min style.css:

--------------------------------------
*{
margin:0;
padding:0
}
img {border:0px}

html{
margin:0px;
padding:0px;
height:100%;
width:100%
}
body{
width:766px;
margin:auto;
}
#header{
height:234px
}
#header img{
float:left
}
..marg{
margin:0 0 0 64px
}
#header ul{
list-style-type:none;
float:left;
display:block;
margin:11px 0 0 0
}
#header li{
float:left
}
#content{
font-family:Arial;
font-size:12px;
color:#394242
}
..block1{
width:645px;
background-color:#ededed;
padding:14px 33px 16px 90px;
margin:0 21px 30px 0;
float:left
}
..float{float:left}
..text1{
margin:16px 0 0 12px;
}
..block2{
padding:16px 0 0 0;
margin:0 0 60px 0;
background-image:url(images/sol.gif);
background-repeat:no-repeat;
background-position:435px 53px;
}
..text2{
display:block;
padding:17px 100px 0 455px;
}
..text2 strong{
color:#f4c844;
}
..block3{
width:275px;
padding:14px 33px 16px 90px;
margin:0 21px 30px 0;
float:left
}
..block3 ul{
list-style-image:url(images/square.gif);
margin:20px 0 0 12px
}
..block3 li{
padding:1px
}
..block3 a{
color:#f4c844;
text-decoration:underline
}
..block4{
margin:30px 0 20px 0;
padding:14px 0 0 0;
}
..text3{
display:block;
padding:17px 100px 0 430px;
}
..block4 a{
font-weight:bold;
color:#f4c844;
}
..data{
font-weight:bold;
color:#f4c844;
text-decoration:none
}
#footer{
background-color:#9d9d9d;
height:57px;
margin:60px 0 0 0;
clear:both;
font-family:Tahoma;
font-size:10px;
color:#c9c9c9;
padding:18px 0 0 65px
}
..footer{
color:#c9c9c9;
text-decoration:underline
}
..menu{
display:block;
list-style-type:none;
margin:0 0 0 250px
}
..menu li{
float:left;
padding:0 5px 0 5px;
color:#868686
}
..menu li a{
display:block;
padding:0 5px 0 5px;
font-size:11px;
text-decoration:none
}
..active{
color:#fbbd00
}
..link{
color:#c9c9c9;
}

--------------------------------------
En der kan hjælpe mig med hvad der skal ændres/tilføjes?
Hjemmsiden er:
www.pcsupporten.wep.dk

Tak på forhånd.
Hilsen Patrick

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Patrick (18-02-2009)
Kommentar
Fra : Patrick


Dato : 18-02-09 13:53

Sorry.. det er denne her:

*{
margin:0;
padding:0
}
img {border:0px}

html{
margin:0px;
padding:0px;
height:100%;
width:100%
}
body{
width:766px;
margin:auto;
}
#header{
height:234px
}
#header img{
float:left
}
..marg{
margin:0 0 0 64px
}
#header ul{
list-style-type:none;
float:left;
display:block;
margin:11px 0 0 0
}
#header li{
float:left
}
#content{
font-family:Arial;
font-size:12px;
color:#394242
}
..block1{
width:645px;
background-color:#ededed;
padding:14px 33px 16px 90px;
margin:0 21px 30px 0;
float:left
}
..float{float:left}
..text1{
margin:16px 0 0 12px;
}
..block2{
padding:16px 0 0 0;
margin:0 0 60px 0;
background-image:url(images/sol.gif);
background-repeat:no-repeat;
background-position:435px 53px;
}
..text2{
display:block;
padding:17px 100px 0 455px;
}
..text2 strong{
color:#f4c844;
}
..block3{
width:275px;
padding:14px 33px 16px 90px;
margin:0 21px 30px 0;
float:left
}
..block3 ul{
list-style-image:url(images/square.gif);
margin:20px 0 0 12px
}
..block3 li{
padding:1px
}
..block3 a{
color:#f4c844;
text-decoration:underline
}
..block4{
margin:30px 0 20px 0;
padding:14px 0 0 0;
}
..text3{
display:block;
padding:17px 100px 0 430px;
}
..block4 a{
font-weight:bold;
color:#f4c844;
}
..data{
font-weight:bold;
color:#f4c844;
text-decoration:none
}
#footer{
background-color:#9d9d9d;
height:57px;
margin:60px 0 0 0;
clear:both;
font-family:Tahoma;
font-size:10px;
color:#c9c9c9;
padding:18px 0 0 65px
}
..footer{
color:#c9c9c9;
text-decoration:underline
}
..menu{
display:block;
list-style-type:none;
margin:0 0 0 250px
}
..menu li{
float:left;
padding:0 5px 0 5px;
color:#868686
}
..menu li a{
display:block;
padding:0 5px 0 5px;
font-size:11px;
text-decoration:none
}
..active{
color:#fbbd00
}
..link{
color:#c9c9c9;
}

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Patrick (18-02-2009)
Kommentar
Fra : Patrick


Dato : 18-02-09 14:00

Jeg har selv lige løst det :)

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Karl Erik Christense~ (18-02-2009)
Kommentar
Fra : Karl Erik Christense~


Dato : 18-02-09 14:04

Den Wed, 18 Feb 2009 13:00:06 +0000 skrev Patrick:

> Jeg har selv lige løst det :)

Kl. 12:50 smider du dit spørgsmål ud.
Kl. 13:00 har du selv løst det!

EXCUSE ME??

---
Karl Erik.

Søg
Reklame
Statistik
Spørgsmål : 177459
Tips : 31964
Nyheder : 719565
Indlæg : 6408189
Brugere : 218881

Månedens bedste
Årets bedste
Sidste års bedste