B
bonafide69
Guest
Hallo!
Habe hier ein Floatproblem und weiss nicht wo der fehler liegt. Hab diverse Floatvarianten ausprobiert und nix funzt. Bitte um Hilfe auch wenn dieses Thema schon x mal behanelt worden ist und ich dies auch gegoogelt habe. Sorry aber ich check den Fehler nicht. :'( Danke
HTML Code:
CSS:
Habe hier ein Floatproblem und weiss nicht wo der fehler liegt. Hab diverse Floatvarianten ausprobiert und nix funzt. Bitte um Hilfe auch wenn dieses Thema schon x mal behanelt worden ist und ich dies auch gegoogelt habe. Sorry aber ich check den Fehler nicht. :'( Danke
HTML Code:
HTML:
<div id="unten">
<ul id="box1"><img src="http://www.psd-tutorials.de/modules/Forum/images/box1.png"
<li><a href="#"></a></li>
</ul>
<ul id="box2"><img src="http://www.psd-tutorials.de/modules/Forum/images/box2.png"
<li><a href="#"></a></li>
</ul>
<ul id="box3"><img src="http://www.psd-tutorials.de/modules/Forum/images/box3.png"
<li><a href="#"></a></li>
</ul>
</div>
CSS:
Code:
#unten {
border: 0px dashed silver;
width: 870px;
height: 144px;
margin-top: 10px;
margin-left: 15px;
background-color: #99CC66;
border: 0px solid #b30202;
}
#box ul {
margin: 0px;
padding: 0px;
list-style-type: none;
border: 0px;
display: inline;
}
#box1 li {
display: inline;
}
#box2 li {
display: inline;
}
#box3 li {
display: inline;
}
#box1 li a {
background-image: url(../images/);
background-repeat: no-repeat;
color: #000000;
font-size: 14px;
font-weight: normal;
display: block;
list-style: none;
text-align: center;
padding-top: 15px;
width: 280px;
height: 144px;
float: left;
}
#box2 li a {
background-image: url(../images/);
background-repeat: no-repeat;
color: #000000;
font-size: 14px;
display: block;
list-style: none;
text-align: center;
padding-top: 15px;
width: 310px;
height: 144px;
float: left;
}
#box3 li a {
background-image: url(../images/);
background-repeat: no-repeat;
color: #000000;
font-size: 14px;
font-weight: normal;
display: block;
list-style: none;
text-align: center;
padding-top: 15px;
width: 280px;
height: 144px;
float: left;
}
#box1 li a:visited {
background-image: url(../images/);
background-repeat: no-repeat;
color: #000000;
font-size: 14px;
font-weight: normal;
display: block;
list-style: none;
text-align: center;
padding-top: 15px;
width: 280px;
height: 144px;
float: ;
}
#box2 li a:visited {
background-image: url(../images/);
background-repeat: no-repeat;
color: #000000;
font-size: 14px;
font-weight: normal;
display: block;
list-style: none;
text-align: center;
padding-top: 15px;
width: 310px;
height: 144px;
float: ;
}
#box3 li a:visited {
background-image: url(../images/);
background-repeat: no-repeat;
color: #000000;
font-size: 14px;
font-weight: normal;
display: block;
list-style: none;
text-align: center;
padding-top: 15px;
width: 280px;
height: 144px;
float: ;
}
#box1 li a:hover {
background-image: url(../images/);
background-repeat: no-repeat;
text-decoration: none;
}
#box2 li a:hover {
background-image: url(../images/);
background-repeat: no-repeat;
text-decoration: none;
}
#box3 li a:hover {
background-image: url(../images/);
background-repeat: no-repeat;
text-decoration: none;
}
Zuletzt bearbeitet von einem Moderator: