Storm
-
Posts
145 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Storm
-
У меня Firefox картинку показывает.
-
Отличные ссылки Решение: в стиль .right_content_border нужно добавить float:left;
-
ardjuna, каким образом ваш вопрос имеет отношение к вопросу Bim-Bom? Хотите задать вопрос, начинайте новую тему.
-
Понял так, что затемнение нужно только по бокам блока .header-breadcrumbs. В этом случае для быстрого решения проблемы заключи этот блок в div, в фоне которого справа повтори по Y градиент.
-
Если очень надо, то сделать это можно так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <form id="form1" method="post" action=""> <input type="text" name="name" /> </form> <a href="java script:void" onclick="document.getElementById('form1').submit()">send form</a> </body> </html>
-
Наверное, при таких условиях задачу решить не удастся. Пробовал писать для td#pagechat display:block;overflow:auto;, но в Опере он сжимается до минимально возможной высоты, если убрать display:block;, то не сжимается, но растягивается, при добавлении текста.
-
Развиваю это решение. Вот что получается. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ body {margin:0;padding:0;} .align_center {position:relative;z-index:1;width:800px;background:green;} .align_center_to_left {position:relative;right:50%;float:right;} .align_center_to_right {position:relative;right:-50%;z-index:2;background:gray;} .align_center_to_right div {background:blue;} /*]]>*/ </style> </head> <body> <div class="align_center"> <div class="align_center_to_left"> <div class="align_center_to_right"> <div>menu 1</div> <div> </div> <div>menu 2</div> <div> </div> <div>menu 3</div> <div> </div> <div>menu 4</div> <div style="clear:both;"></div> </div> </div> <div style="clear:both;"></div> </div> </body> </html> Теперь проблема в следующем: элементы меню (.align_center_to_right div) нужно выстроить по горизонтали. Если пишу элементам float:left, то в ИЕ6 весь блок меню съезжает левее так, что его правый край совпадает с центральной линией .align_center. Можно бы было задавать элементам меню display:inline, но тогда (что логично) нельзя будет задавать высоту самого блока с пунктом меню. Наверное нет простого решения этой задачи. Если наращивать этот код, то табличный вариант останется оптимальнее.
-
Уже решил свою проблему?
-
Вместо <button class="searchButton">Поиск</button> напиши <input type="submit" class="searchButton" value="Поиск" /> в стилях задай размеры кнопки и фон, убери границу, пропиши стиль для шрифта на кнопке
-
пнг24
-
чтобы див не тянулся по ширине, поставь ему фиксированное значение width
-
Я бы не против, но наверное не получится убить всех.
-
Если на quot;-//W3C//DTD HTML 4.01 Transitional//EN">, то нет. Теряется весь смысл задачи - уход от использования таблиц.
-
Ничего странного, что в ИЕ6 не работает.
-
Благодарен, интересный вариант, но в ИЕ6 не работает. Вс? прижато влево и появляется горизонтальный скролл.
-
Я тоже придерживаюсь этого мнения. Но вс?-таки интересно есть ли решение данной задачи, потому что такая структура меню встречается часто, а таблицами рекомендуют пользоваться только для представления табличных данных. Может знатоки данного форума подбросят полезную идею?
-
Ничего не мешает, только давай верн?мся к первоначальной задаче. Если с помощью таблицы вс? настолько просто решается, я спрашивал знает ли кто-нибудь можно ли так же просто решить это без таблицы. А усложнять код скриптами только для того, чтобы не использовать таблицу, бессмысленно.
-
position: absolute; - хороший вариант, но с помощью него можно будет выставить меню по центру тогда, когда я буду знать точную ширину блока меню. Или я не правильно понял идею?
-
Только php код он там уже не увидит.
-
Имею в виду, что если мы не выставим таблице ширину, то е? ширина будет минимальной и определяемой содержимым этой таблицы. Если в div мы не выставим ширину, то его ширина будет занимать всю доступную ширину - вот этого мне как раз и не надо. Как заставить div растягиваться по содержимому(а не на вс? доступное пространство), и чтобы при этом он был по центру родительского блока?
-
Если так работает, "пляши" от этой структуры файлов и вс? получится.
-
Чтобы контейнер с пунктами меню выровнялся по центру - ему нужно выставить ширину, иначе он растянется на вс? доступное пространство. Посмотри код табличного решения. В н?м: - div - вс? доступное пространство под меню; - table - контейнер с пунктами меню, который всегда должен быть по центру; - td - контейнеры пунктов меню. Ширина каждого не зада?тся, расширяется по контенту + можно добавить отступы внутри этого контейнера. Загвоздка именно в том, что таблица может растягиваться по контенту, если ей не задать ширину, а div этого не умеет. Можно написать display:table, но в ИЕ6 работать не будет.
-
<?php echo "Готовая страничка"; ?>
-
Если шаблон резиновый по ширине, то мой вариант с одной картинкой понятное дало не подойдет. Можешь код выложить?
-
попробуй использовать флоат=лефт, тогда дивы будут в одной строке находиться и помести их в общий див, который будет по середине страницы... Если использовать float:left для каждого пункта меню, то они прижмутся к левому краю контейнера, а нужно, чтобы были по центру.