Мой сайт поднят до http://www.avidest.com/. Я поместил facebook как кнопка и твиттер, следуя за кнопкой рядом друг с другом. По какой-то причине кнопка FB появляется ниже кнопки твиттера, а не рядом с ней. Я не могу понять, почему. Я поместил границу вокруг заголовка, чтобы облегчить вам все это увидеть. Вот мой CSS:Почему возникает разрыв между моими твиттерами и кнопками facebook?
.header {background:url(images/blackwhite10202.png); background-repeat: no-repeat; background-position: center top; padding:0; margin:0 auto; width: 100%; }
.headertop{width: 100%; background: transparent; height: 30px; min-width: 1020px; padding-left: 50px; margin: 0 auto;}/*background: #d3e5e8;*/
.topholder1 { background: transparent; margin:0 auto; padding:0; }
.topholder1 .topholder2 { margin: 0 auto; width:1070px;
.header_text { width:200px; float:right; font:normal 11px Tahoma, Geneva, sans-serif; color:#9a9a9a; padding:6px 450px 10px 200px; margin:0; margin-right: 0px; border: 1px solid black;}
А вот HTML:
<div class="header">
<div class="headertop">
<div class="topholder1">
<div class="topholder2">
<img src="images/avidestlogo50perresave.png" border="0" alt="logo" />
<div class="header_text">
Twitter button is here
FB Button is here
</div>
</div>
</div>
Как сделать две кнопки появляются бок о бок? Благодарю.
Элемент '.header_text' имеет ширину только 200px, но вы ожидаете, что элемент шириной 81px и второй с 450px будут расположены рядом друг с другом? Человек, вы удивляетесь, когда начнете с математики в школе: -P – CBroe