Webstatt.org - Community seit 2006 - 2012 (2024?)

float-probleme?!

Avatar user-180
11.10.2006 19:10

hai. ich habe ein problem hiermit:

http://www.fish.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;
}

may the force be with you. but mostly with me.
Avatar user-300
11.10.2006 19:13

Wala lächeln

p.logo_klein {
width: 172px;
height: 65px;
background-color: red;
float:left;
}

Avatar user-180
11.10.2006 19:15

danke. warum brauche ich hier 2x float?

may the force be with you. but mostly with me.
Avatar user-180
11.10.2006 19:55

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.fish.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;
}

may the force be with you. but mostly with me.
Avatar user-300
11.10.2006 20:07

p.navi {
float: right;
margin:0;
}


Für die Navigation am besten mit einer Aufzählungsliste, dann kannst du die <li>s zentrieren zwinkern

Avatar user-180
11.10.2006 20:11

gut, okay. user-158ke.

may the force be with you. but mostly with me.
Avatar user-180
12.10.2006 20:03

was mache ich ur immer wieder falsch?
http://www.fish.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;
}

may the force be with you. but mostly with me.
Avatar user-300
13.10.2006 10:16

Original von user-180
was mache ich ur immer wieder falsch?
http://www.fish.bierquartier.de/test/css/


Kommt ganz darauf an, was du machen möchtest zwinkern
Navigation zentrieren?

ul.navi {
float: right;
padding: 0;
margin: 0;
text-align: center;
}

Avatar user-180
13.10.2006 13:43

habe es schon hinbekommen, danke!

may the force be with you. but mostly with me.