Witam,

Przyznam ,że kupe lat pracuje z html i css ale za cholerę nie mogę wyrównać tej ramki fb w stosunku do diva z logowaniem aby to było ładnie na równi:


Oto kod HTML:

[HTML] pobierz, plaintext 
<div id="top_1"><img src="gfx/logo.gif"></div>
<div id="top_3">txt</div>
<div id="top_2">
<iframe src="//www.facebook.com/plugins/like.php?href=x&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=20&amp;appId=x" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:20px;" allowTransparency="true"></iframe>
<div id="log_bg"><a href="rejestracja.html" class="bd"><img src="gfx/add.png" style="vertical-align:bottom;"> Zarejestruj się</a> | <a href="x" class="bd"><img src="gfx/key.png" style="vertical-align:bottom;"> Zaloguj się</a></div><br/><br/>
</div>
<div class="czysc"></div><br/>
[HTML] pobierz, plaintext 

CSS:

[CSS] pobierz, plaintext 
div.czysc {clear: both;}
#top_1 {float:left;width:200px;padding:8px 0 0 5px;}
#top_3 {float:left;width:210px;padding:5px 0 0 0;}
#top_2 {float:left;width:532px;padding-top:8px; text-align:right;}
#log_bg {background:#dcdcdc; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding:5px; display: inline;}
a.bd:hover{border-bottom: #4a4a4a 1px dotted;}
[CSS] pobierz, plaintext 

Próbowałem wszelkie sposoby...

Możecie pomóc :-)

Z góry dzięki

Nie chce mi się zbytnio wgłębiać (mogles napisac jaki div z jakim sie nie dopasowuje ),ale samo stosowanie paddingów to w naszej erze przeglądarek już woła o pomstę

Sprawa jest taka ,że w div top_2 cała sytuacja się rozgrywa. Reszte dokleiłem zeby był podgląd większego fragmentu.

// A co zamiast paddingów ?

wywal puddingi dołóż jeszcze jednego diva i użyj zwykłych marginesów

Temat do zamknięcia.

Poprostu wrzuciełem w top_2 dwa divy w jednego wrzuciłem "lajka" facebookowego a w drugiego diva te linki do logowania :-)