Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Do 12.04.2007 21:58
Titel 5 divboxen mit float left nebeneinander? |
|
|
hallo..ich würde sehr gerne 5 div boxen nebeneinander positionieren...allerdings müssen alle divboxen in einer divbox ummantelt sein die die eig. float left hat!
wie könnt ich das machen?
momentan schaut es so aus:
css:
Code: | body{
color: #333;
font-size: 11px;
font-family: verdana;
background-color:#fff;
}
.tab h3{
color: #333;
padding: 3px;
font-size: 12px;
margin: 0 1px 1px 0;
text-align: center;
background: #6FB9E9;
}
h3{
margin: 0;
padding: 5px;
font-size: 14px;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
}
#wrapper{
width: 600px;
}
#left{
float: left;
width: 100px;
}
#right{
float: right;
width: 500px;
}
.tab{
color: #333;
padding: 3px;
margin: 0 1px 1px 0;
text-align: left;
}
.stretcher{
background: #fff;
} |
html:
Code: | <div id="left">
<div class="tab">
<a href="javascript:;" " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Start','','bilder/01over.jpg',1)"><img src="bilder/01.jpg" name="Start" border="0" id="Start" /></a>
</div>
<div class="tab">
<a href="javascript:;" " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Firma','','bilder/02over.jpg',1)"><img src="bilder/02.jpg" name="Firma" border="0" id="Firma" /></a>
</div>
<div class="tab">
<a href="javascript:;" " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Leistungen','','bilder/03over.jpg',1)"><img src="bilder/03.jpg" name="Leistungen" border="0" id="Leistungen" /></a>
</div>
<div class="tab">
<a href="javascript:;" " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Referenzen','','bilder/04over.jpg',1)"><img src="bilder/04.jpg" name="Referenzen" border="0" id="Referenzen" /></a>
</div>
<div class="tab">
<a href="javascript:;" " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kontakt','','bilder/05over.jpg',1)"><img src="bilder/05.jpg" name="Kontakt" border="0" id="Kontakt" /></a>
</div>
<br />
</div> |
weiß da wer ne lösung?
danke:)
|
|