Нужна помощь по html коду кнопги

basilic
На сайте с 16.05.2008
Offline
369
640

<div style="BORDER-RIGHT: #0033cc 1px solid; BORDER-TOP: #0033cc 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #0033cc 1px solid; WIDTH: 88px; BORDER-BOTTOM: #0033cc 1px solid; HEIGHT: 31px; BACKGROUND-COLOR: #ccccff; TEXT-ALIGN: center"><strong><a style="VERTICAL-ALIGN: middle; TEXT-DECORATION: none" href="http://www.linkstroy.ru"><span style="FONT-SIZE: 9px; COLOR: blue">Строительный каталог сайтов</span></a></strong></div>

Отображается замечательно, однако если присоседить кнопку ливинтернета, рамблер-статы, то этот код сваливает последних на след строчку (последние к слову потом в одну строку идут).

Что добавить в DIV style чтобы все кнопки были в одну строчку?

align: left - пробовал, нифига (

[Удален]
#1


<div
id='our_banner'
style="
VERTICAL-ALIGN: middle;
WIDTH: 88px;
border: #0033cc 1px solid;
HEIGHT: 31px;
BACKGROUND-COLOR: #ccccff;
TEXT-ALIGN: center">
<a style="
VERTICAL-ALIGN: middle;
TEXT-DECORATION: none;
font-weight: bold;
font-size:9px;
color:blue;
"
href="http://www.linkstroy.ru">
Строительный каталог сайтов
</a>
</div>
<div id='another_banner'></div>

#our_banner, #another_banner {float:left;}

SPAN и STRONG тут абсолютно не нужны. И если настройки у border-left, -right, -top, -bottom одни и те же - используйте просто border - зачем загрязнять и усложнять читабельность кода?

basilic
На сайте с 16.05.2008
Offline
369
#2
So1:

<div
id='our_banner'
style="
VERTICAL-ALIGN: middle;
WIDTH: 88px;
border: #0033cc 1px solid;
HEIGHT: 31px;
BACKGROUND-COLOR: #ccccff;
TEXT-ALIGN: center">
<a style="
VERTICAL-ALIGN: middle;
TEXT-DECORATION: none;
font-weight: bold;
font-size:9px;
color:blue;
"
href="http://www.linkstroy.ru">
Строительный каталог сайтов
</a>
</div>
<div id='another_banner'></div>

#our_banner, #another_banner {float:left;}


SPAN и STRONG тут абсолютно не нужны. И если настройки у border-left, -right, -top, -bottom одни и те же - используйте просто border - зачем загрязнять и усложнять читабельность кода?

Дело все в том что код выдан этим порталом, соответственно его перетряхивать нельзя - проверяется роботом.

За float: left - спасибо!

Ткач
На сайте с 29.04.2007
Offline
95
#3

почему нельзя перетряхивать этот код?

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
[Удален]
#4

Вобщем, на блочные таги нужно вешать float:[left:right] или display:inline-block; (IE 6 не воспринимает inline-block и 7 по-моему тоже, если память не изменяет, поэтому для IE выход такой: //display: inline; zoom:1; - для 7 и 6, _display: inline; - только для 6).

Извращение: найти эти блоки при помощи jQuery (см. Traversing (поиск) на docs.jquery.com) и сделать css(key, value);

Iskatelnica
На сайте с 26.09.2008
Offline
27
#5

Сделайте табличку. В одну ячейку этот код, а все остальные в соседнюю.

basilic
На сайте с 16.05.2008
Offline
369
#6
Ткач:
почему нельзя перетряхивать этот код?

Да хотя бы потому что вечер, поздно, охота ее вставить и все:)

Я уже вставил - спасибо!

basilic добавил 07.12.2008 в 00:24

Iskatelnica:
Сделайте табличку. В одну ячейку этот код, а все остальные в соседнюю.

Не не, я бы пивка

G
На сайте с 20.12.2008
Offline
0
#7

Помогите разобрать код на адрес картинки и адрес самого банера

<!-- Ukrainian Banner Network 468х60 elite START -->

<center><script>

//<!--

ubn_user = "64502";

ubn_page = "1";

ubn_pid = Math.round((Math.random() * (10000000 - 1)));

document.write("<iframe src='http://banner.kiev.ua/cgi-bin/bi.cgi?h" +

ubn_user + "&amp;"+ ubn_pid + "&amp;" + ubn_page + "&amp;9' frameborder=0 vspace=0 hspace=0 " +

" width=468 height=60 marginwidth=0 marginheight=0 scrolling=no>");

document.write("<a href='http://banner.kiev.ua/cgi-bin/bg.cgi?" +

ubn_user + "&amp;"+ ubn_pid + "&amp;" + ubn_page + "' target=_top>");

document.write("<img border=0 src='http://banner.kiev.ua/" +

"cgi-bin/bi.cgi?i" + ubn_user + "&amp;" + ubn_pid + "&amp;" + ubn_page +

"&amp;9' width=468 height=60 alt='Ukrainian Banner Network'></a>");

document.write("</iframe>");

//-->

</script><br>

<small><a href=http://banner.kiev.ua/ target=_top>Украинская Баннерная Сеть</a></small>

</center>

<!-- Ukrainian Banner Network 468х60 elite END -->

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий