ХОЛОДный

Теперь проблема звучит по-другому. Повторю на всякий случай код css. В HTML следующие изменения: получил свой класс, так же получил свой класс. img.mainpage{ border: none; } a.clickimg{ border: none; } a.clickimg:hover { border: 1px /* Толщина рамки */ solid /* Сплошная рамка */ #DA261E /* Цвет рамки */ } Теперь в эксплорере все,как надо, только осталось решить проблему с В FF ссылка выделяет в рамку область, но не всю картинку. Умничка Эксплорер выделяет всю картинку.

Спасибо, буду пробовать. Только я не знаю, как располагать 'ы по вертикали, если же я буду пихать 'ы подряд, они горизонтально установятся. Поищу, на этом сайте я 99,9% нахожу того, что нужно.Как задать расстояние между ними, я уже знаю. Кстати, теперь картинки не обводятся красной рамкой. Обводится "строка", видимо, она равна ссылке href="ooops.html" img.mainpage{ border: none; margin: 2px; } a.clickimg{ border: none; } a.clickimg:hover { border: 1px /* Толщина рамки */ solid /* Сплошная рамка */ #DA261E /* Цвет рамки */ } У меня исправились отступы по горизонтали, вертикальные отступы из-за по-прежнему не те. 1. В том-то и дело, на FF все тип-топ, когда же я открыл вс? это добро в IE, я ужаснулся и заплакал. 2. Да, картинки идут ссылками, вначале попробую рецепт Vlad'a. 3. Не, какие списки-то. Я же код html'ный написал.

Проблема изображена на картинке, давите, чтобы увеличить: Как видно, Эксплорер (верхняя)) задает дикие расстояния между ячейками таблицы, к тому же, они разные. Нет красной рамки при наведении на картинку. Мозилла (нижняя) все делает так, как я хочу: и расстояние между картинками (через margin) и красная рамка в 1 пиксель при наведении. Код приведен ниже. В чем может быть проблема, плиз, хелп. Вот мой код: css: /*изображения, на которые можно кликать*/ A IMG{ margin: 2px; border: none; } A IMG:hover { margin: 2px; border: 1px /* Толщина рамки */ solid /* Сплошная рамка */ #DA261E /* Цвет рамки */ } html: <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top"> <a href="sample.html"><img src="../mainpage/preobr_grave.jpg" /></a> <a href="sample.html"><img src="../mainpage/church.jpg" /></a> </td> <td valign="top"> <a href="sample.html"><img src="../mainpage/wash.jpg" /></a> <a href="sample.html"><img src="../mainpage/evrey.jpg" /></a> <a href="sample.html"><img src="../mainpage/drova.jpg" /></a> </td> <td valign="top"> <a href="sample.html"><img src="../mainpage/pohod_row.jpg" /></a> <a href="sample.html"><img src="../mainpage/gun.jpg" /></a> </td> </tr> </tbody> </table>

О боги, заработало! большой рахмад!

p { text-indent: 12pt; font-size: 12pt; color: black; font-family: Arial; } UL { margin: 0px; list-style-image: url('http://trener.otryad-nadezhda.ru/bitrix/templates/common/images/list_point.gif'); /*square Квадратные маркеры */ list-style: inside; /* Маркеры размещаются за пределами текстового блока */ } LI { margin: 3px; } всеравно такая же фигня. Ничего не меняется. картинка с проблемой

http://www.htmlbook.ru/faq/?a=14 Это прочитал, у меня написано следующее: UL { margin: 0px;/*отступ*/ list-style-image: url('/bitrix/templates/common/images/list_point.gif'); list-style: inside; /* Маркеры размещаются за пределами текстового блока */ } LI { margin: 3px; } /*А вот абзац*/ p { text-indent: 12pt; font-size: 12pt; color: black; font-family: Arial; padding-top: 5px; /*от верхнего*/ padding-bottom: 5px; /*от нижнего*/ } суть проблемы: <p> Действующие лица трагедии: </p> <ul> <li>Жучка, супер собачка</li> <li>Мурзик, самый крутой котик</li> <li>Шмупсик, самый главный пупсик</li> </ul> Между и образовывается мегаотступ, как его побороть? margin не помогает...(

Решение найдено. Мне друг помог с версткой. Но проблема осталась, потому что злодей-Битрикс оборачивает таблицу меню еще в несколько таблиц и выравнивания не происходит. Тему можно закрывать...( <table width=100% cellpadding= 0 cellspacing=0> <tr> <td style ="background:url(' menucenter1.gif');"> <div style="width:41px; float: right; background:url(' menuright1.gif'); height:73px; "> </div><div>menu1</div></td> <td style="background:url(' menucenter2.gif');"> <div style="width:41px; float: right; background:url(' menuright2.gif'); height:73px; "> </div><div>menu2</div></td> <td style="background:url(' menucenter3.gif');"> <div style="width:41px; float: right; background:url(' menuright3.gif'); height:73px; "> </div><div>menu3</div></td> <td style="background:url(' menucenter4.gif');"> <div style="width:41px; float: right; background:url(' menuright4.gif'); height:73px; "> </div><div>menu4</div></td> <td style="background:url('menucenter5.gif');"> <div style="width:41px; float: right; background:url(' menuright5.gif'); height:73px; "> </div><div>menu5</div></td> <td style="background:url(' menucenter6.gif');"> <div style="width:41px; float: right; background:url(' menuright6.gif'); height:73px; "> </div><div>menu6</div></td> </tr> </table>

<html> <body> <table border="0" height="73" width="100%" cols="21"> <tr> <td width="12" background="menuleft0.gif"> </td> <td width="14%" background="menucenter0.gif"> </td> <td width="41" background="menuright0.gif"> </td> <td width="12" background="menuleft1.gif"> </td> <td width="14%" background="menucenter1.gif"> </td> <td width="41" background="menuright1.gif"> </td> <td width="12" background="menuleft2.gif"> </td> <td width="15%" background="menucenter2.gif"> </td> <td width="41" background="menuright2.gif"> </td> <td width="12" background="menuleft3.gif"> </td> <td width="14%" background="menucenter3.gif"> </td> <td width="41" background="menuright3.gif"> </td> <td width="12" background="menuleft4.gif"> </td> <td width="14%" background="menucenter4.gif"> </td> <td width="41" background="menuright4.gif"> </td> <td width="12" background="menuleft5.gif"> </td> <td width="14%" background="menucenter5.gif"> </td> <td width="41" background="menuright5.gif"> </td> <td width="12" background="menuleft6.gif"> </td> <td width="14%" background="menucenter6.gif"> </td> <td width="41" background="menuright6.gif"> </td> </tr> </table> </body> </html> В этом случае "средние" ячейки (width="15%") вытягиваются по экрану. А "левая" и "правая" ячейки с указанной шириной в 12 и 41 пиксель соответственно, "обращаются в линию", толщиной в 1 пиксель. Что ж такое-то. Насколько я знаю, при указании количества колонок (cols="21"), браузер рассчитывает положение таблицы на экране, а затем грузит содержимое. Так почему же он не может сделать так: Ширина экрана - 7*(12+41) = остаток остаток / 7 = ширина средних колонок. Или как же он, все-таки работает..? Хотя, указание в % видимо, приоритетнее указания ширины в пикселях. Сначала он делит экран на 7 частей по 14% от ширины, а в оставшееся пытается вписать ячейки с явным указанием ширины.

так не покатит. Кнопка состоит из двух частей : одна часть спокойно растягивается, вторая-нет. Если бы я вс? в одну ячеку пихал, было б все по-другому

Это Битрикс...Вряд ли это поможет. Если удастся сверстать так, без пхп, то и через пхп тож пройдет. <?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <? $sMenu = '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>'; //width="100%" for($i=0; $i<count($MENU_ITEMS); $i++) { $MENU_ITEM = $MENU_ITEMS[$i]; extract($MENU_ITEM); if($SELECTED) $clrtext = 'topmenu'; else $clrtext = 'topmenuact'; //menu button is the table inside parent table cell $sMenu .= '<td>'; //menu consists of 3 cells: left and right have fixed size, center cell scales for menu text $sMenu.='<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr class="q">'; $sMenu.='<td background="/bitrix/templates/common/images/menuleft'.$i.'.gif"><div class="fix12"><div></td>'; $sMenu.='<td background="/bitrix/templates/common/images/menucenter'.$i.'.gif" width="100%"><div><a href="'.$LINK.'" class="'.$clrtext.'"><nobr> '.$TEXT.' </nobr></a></div></td>'; $sMenu.='<td background="/bitrix/templates/common/images/menuright'.$i.'.gif"><div class="fix41"><div></td>'; //$sMenu .= '</tr><tr height=23px><td> </td></tr></table>'; $sMenu .= ' </tr></table>'; $sMenu .= '</td>'; } $sMenu .= '</tr></table>'; ?>

ваше предложение не работает. получается тоже самое, что и у меня. Текст не равняется

вот, что я хочу. Для этого мне нужно в среднюю ячейку из тройки поместить слой высотой в 50 А текст, принадлежащий слою, отравнять по уровню 25... Вот, что я хочу..

бред. так писать в атрибутех нельзя! надо: height="73" а лучше вешсть на tr и на td одинаковый класс и в нем задавать высоту это надо для кроссбраузерности в сафари, и кажется оперы Спасибо, исправил! А по теме есть что-нибудь?

Теперь выглядит так: /*ценральная часть кнопки меню*/ td.centermenu{ vertical-align: middle; } DIV.menucenter{ height: 50px; vertical-align: baseline; } И html: <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td background=" left0.gif" width=12px height=73px></td> <td class="menucenter" align="center" height=73px background="center0.gif"><div class="centermenu"><a href="blabla.php"><nobr> ссылка </nobr></div></a></td> <td background="right0.gif" width=41px height=73px></td> </tr> <!--и так еще 6 раз--> </table> ничего не поменялось... И так пробовал... не, что-то не так я делаю /*ценральная часть кнопки меню*/ td.menucenter{ vertical-align: middle; } DIV.menucenter{ height: 50px; vertical-align: middle; } Не получается.(

Есть таблица из 21ого столбца, которые разбиты на повторяющиеся тройки ширина 1ого = 10px ширина 2ого= x..? ширина 3его = 43px и так семь раз Вопрос: Надо сделать так, чтобы все x были одинаковые я пробловал делать так: <td width=10px backgorund="blabla2.gif"> </td> <td width="14%" backgorund="blabla2.gif">текстик </td> <td width=43px backgorund="blabla3.gif > </td> Т.е. я планирую, что браузер повычитает из ширины экрана семь раз 10 пикселей, затем 7 раз 43 пикселя, оставшееся число разделит на 7 и задаст их вторым колонкам. Но, видимо, он делает вс? совсем не так. Ширина вторых колонок равняется по их содержимому.

В общем названные рецепты не помогают..( Есть еще что-то?

Я подправил css: DIV.menucenter{ height: 50px; vertical-align: middle; } Вот ссылка на картинку. http://img409.imageshack.us/my.php?image=h...questionbp2.jpg Посмотрите, пожалуйста. Я хочу сделать так, чтобы надписи выровнялись по черной линии. Если надпись в одну строку, то линия проходит через "центр надписи", если надпись из двух строк, то первая строка НАД линией, а вторая - под ней. Не получается. Никак не пойму, что не так делаю. Подскажите. Добавлено: Ау.... Поможите мне..

Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> <tr> <td align="center" valign="center" background="blabla.gif"> </td> <td align="center" valign="top" background="blabla1.gif"> <div class="menucenter"> Эта запись выравнена по ур-ню 25px </div> </td> <td align="center" valign="center" background="blabla2gif"> </td> </tr> </table> И почему-то не работает, запись равнятеся по верху ячейки... Что делать?