bilder neben- anstatt untereinander

[Revenget]

nun, ich hab folgenden code im css:

.follow {margin: 0px 0px 0px 0px;padding: 0px 0px 10px 98px;clear:both}


#follow1 a {background: url(http://img705.imageshack.us/img705/9017/facebooknt.png) no-repeat; display:block; width:32px;}

#follow1 img {display:block; border:0; width:32px;}

#follow1 a:hover img {visibility: hidden; width:32px;}

#follow1 a:hover {border:0; width:32px;}


#follow2 a {background: url(http://img849.imageshack.us/img849/5960/twittermw.png) no-repeat; display:block; width:32px;}

#follow2 img {display:block; border:0; width:32px;}

#follow2 a:hover img {visibility: hidden; width:32px;}

#follow2 a:hover {border:0; width:32px;}


#follow3 a {background: url(http://img695.imageshack.us/img695/2870/youtubelk.png) no-repeat; display:block; width:32px;}

#follow3 img {display:block; border:0; width:32px;}

#follow3 a:hover img {visibility: hidden; width:32px;}

#follow3 a:hover {border:0; width:32px;}

und diesen in der html:

<div class='follow'>

<div id='follower1'>
<a href='#' name='Facebook'><img src='http://img39.imageshack.us/img39/3523/facebook2e.png'/> </a>
</div>

<div id='follower2'>
<a href='#' name='Twitter'><img src='http://img29.imageshack.us/img29/5290/twitter2o.png'/> </a>
</div>

<div id='follower3'>
<a href='#' name='YouTube'><img src='http://img543.imageshack.us/img543/4093/youtube2.png'/> </a>
</div>
</div>

als ich die codes aufm pc hatte, gabs dort noch einen hover-bildwechsel. als ich das ganze dann auf dem blog hatte (mit links etc), als test hat der mir die bilder alle untereinander angeordnet und den hover effekt weggelassen...
bin seit gestern am rätseln, woran es liegt... habt ihr ne idee?

 

[threadi]

Im HTML-Code hast Du die ID "follower1" etc. genannt, im CSS aber steht "#follow3" - bemerkst Du was?

 

[Revenget]

oh okay danke war ja klar, dass es irgendwas offensichtliches ist, sowas bemerk ich meistens nicht ^^"

okay, also die hover-funktion klappt, aber die bilder stehen trotzdem noch untereinander, was mach ich dagegen?
sorry, bin noch n neuling auf dem gebiet...

 

[threadi]

Du müsstest eigentlich für die <div>'s innerhalb von dem umgebenden <div> mit der Klasse "follow" jeweils "float: left;" angeben. Das sollte lokal bei dir eigentlich auch schon notwendig sein, vlt. hast Du es nur nicht komplett in den Blog kopiert. Wenn diese Eigenschaft im Blog vorhanden ist und es dann dennoch nicht klappt, dann liegt es an den Styles des Blogs die diese Eigenschaften ggfs. überschreiben. Das könntest Du mit der Firefox Erweiterung Firebug bzw. Dragonfly für Opera oder den Entwicklertools im IE (ab Version 8) herausbekommen. Ansonsten könnte man dir nur durch einen Link auf deinen Blog helfen um das sich genau anzuschauen.

 

[Revenget]

okay, die bilder stehen jetzt nebeneinander, doch überschneidet sich das ganze mit dem nachfolgenden widget. ich dachte eigentlich, dass sich das du den "clear:both;" aufhebt...

hier mal ein bild davon:


Dein button sollten eigentlich 10px über der orangenen linie sein und die wochentage die danach in den schwarzen kästchen sind sollten in einer reihe liegen...

 

[threadi]

Ohne Quellcode und/oder Link kann man da auch nur raten.