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.