Willkommen in der Webstatt Zum Webstatt Blog und Stories
fish fish am 11.10.06 21: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;
}

netcup.de Warum gibt es hier Werbung?
sili sili am 11.10.06 21:13

Wala :)

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

fish fish am 11.10.06 21:15

danke. warum brauche ich hier 2x float?

fish fish am 11.10.06 21: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;
}

sili sili am 11.10.06 22:07

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


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

fish fish am 11.10.06 22:11

gut, okay. Danke.

fish fish am 12.10.06 22: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;
}

sili sili am 13.10.06 12:16

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

fish fish am 13.10.06 15:43

habe es schon hinbekommen, danke!

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt