hai. ich habe ein problem hiermit:
http://www.xyz-70.bierquartier.de/test/css/
eigentlich sollten die beiden absätze nebeneinaner sein und nicht versetzt (das grün dürfte nicht zu sehen sein. was mache ich falsch?
<div class="seite">
<p class="logo">
<img src="images/logo.png" alt="wtf.">
</p>
<p class="logo_klein">
<img src="images/logo_klein.png" alt="wtf.">
</p>
</div>
div.seite {
width: 584px;
margin-top: 52px;
background-color: green;
}
p.logo {
width: 412px;
height: 65px;
background-color: red;
float: right;
}
p.logo_klein {
width: 172px;
height: 65px;
background-color: red;
}
Wala :)
p.logo_klein {
width: 172px;
height: 65px;
background-color: red;
float:left;
}
danke. warum brauche ich hier 2x float?
okay, jetzt habe ich ein ähnliches problem, obwohl ich beide male float benuzt habe. ausserdem: wie bekomme ich die navigation so hin, dass der text in der mitte steht?
gleiche adresse--- http://www.xyz-70.bierquartier.de/test/css/
<div class="mitte">
<img class="bild" src="images/rechenzentrum.png"/>
<p class="navi">
<a class="link" href="einfuehrung.htm">REFERENZEN</a>
<a class="link" href="einfuehrung.htm">REFERENZEN</a>
</p>
</div>
div.mitte {
width: 584px;
height: 206px;
background-color: #424242;
clear: both;
margin-top: 1px;
padding: 1px;
}
img.bild {
border: 1px white solid;
float: left;
}
p.navi {
float: right;
}
a.link {
width: 96px;
height: 20px;
display: block;
background-color: #A5A5A5;
border: 1px white solid;
margin-bottom: 1px;
font-family: verdana;
color: white;
font-size: 11px;
text-decoration: none;
}
p.navi {
float: right;
margin:0;
}
Für die Navigation am besten mit einer Aufzählungsliste, dann kannst du die <li>s zentrieren ;)
gut, okay. xyz-48ke.
was mache ich ur immer wieder falsch?
http://www.xyz-70.bierquartier.de/test/css/
<div class="mitte">
<img class="bild" src="images/rechenzentrum.png"/>
<ul class="navi">
<li><a class="link" href="einfuehrung.htm">REFERENZEN</a></li>
<li><a class="link" href="einfuehrung.htm">REFERENZEN</a></li>
</ul>
</div>
img.bild {
border: 1px white solid;
float: left;
}
ul.navi {
float: right;
margin:0;
width: 94px;
}
ul.navi li{
list-style: none;
text-align: center;
margin:0;
}
a.link {
width: 94px;
height: 20px;
display: block;
background-color: #A5A5A5;
border: 1px white solid;
margin-bottom: 1px;
font-family: verdana;
color: white;
font-size: 11px;
text-decoration: none;
}
Quote
Original von xyz-70
was mache ich ur immer wieder falsch?
http://www.xyz-70.bierquartier.de/test/css/
Kommt ganz darauf an, was du machen möchtest ;)
Navigation zentrieren?
ul.navi {
float: right;
padding: 0;
margin: 0;
text-align: center;
}
habe es schon hinbekommen, danke!