Love_silense
-
Posts
35 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Love_silense
-
"Не семантично... зато дешево, сердито и практично! "(почти (с)) Сам так сделал некоторое время назад(с паддинг топом, что идентично), но искренне надеюсь что существует решение которое позволит не плодить лишних дивов. Ещё варианты ? з.ы. прошу прощения что изначально не до конца сформулировал постановку вопроса.
-
есть следующий цсс фаил html, body { height:100%; width:100%; } body { font: 12px/100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ width:1000px; position:relative; } #height_container { background: #999999; height: 100%; /* для IE6 */ min-height: 100%; } #footer, #height_container, #header { width:100%; } /**html #height_container { overflow: visible; overflow:hidden; }*/ #header { background-color:#33FF00; height:100px; z-index:6; margin:0px auto; zoom:1; position:absolute; left:0; top:0; } #footer { background-color:#000099; margin:-100px auto 0; height:100px; position:relative; zoom:1; z-index:5; } #news_sidebar, #navigation_sidebar, #work_area { height:auto; float:left; display:inline-block; text-align:left; position:relative; height:100%; zoom: 1; z-index:1; } *html #news_sidebar, #navigation_sidebar, #work_area { display:inline; zoom:1; } #work_area { background-color:#FFFFFF; margin:0 0 0 150px; width:700px; } #news_sidebar { width:150px; background-color:#FFFF00; } #navigation_sidebar { width:150px; background-color:#FFFF00; margin:0 0 0 -850px; } и следующая разметка страницы: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="UnizhTemplate.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"></div> <div id="height_container"> <div id="work_area">mimi</div> <div id="navigation_sidebar">mumu</div> <div id="news_sidebar">mama</div> </div> <div id="footer"></div> </body> </html> Нужно добавить стилям #news_sidebar, #navigation_sidebar, #work_area свойство padding-top:100px; каким то таким образом что-бы их высота не увеличилась. Это возможно? Видел в интернэте готовые решения для подобного макета, но для самообучения хотелось бы узнать как можно выйти из сложившейся ситуации.
-
Вопрос заключается в следующем. Очень часто траблы эксплорера лечатся установкой атрибута, обозначенного в заголовке темы. Сам лечу, сам радуюсь. Но очень хочется знать, что именно даёт элементу включение haslayout кроме того что "если есть баг то эта штука лечит"=) Если можете дать линк, в котором это расписано будет замечательно, сам найти не смог.
-
Не настолько все гораздо проще. получилось что-то вроде <div> ширина 4Х <ul> <li></li> ширина Х .....много много ли..... <li></li> </ul> </div> просто этот див с точки зрения здравого смысла абсолютно лишний так как он заключен в ещё один див, который держит бекграунды и я думал что он-же будет контейнером для списка.
-
К сожалению выложить сейчас возможности нет(перевёрстываю под битрикс и что-б выложить нужно весь сайт обновлять иначе компоненты могут не "распознатся" ибо ровными руками тоже не отличаюсь ). За фишку с *html спасибо. Не помогло, но буду знать на будущее. Если вы можете подсказать где в интернете можно почитать книгу по CSS(а не короткие статейки каких немеряно и по каким я цсс и разбирал) буду очень благодарен. Или не в интернете а просто название что-б можно было поискать бумажный вариант. Решил всё как обычно через жопу - путём создания обложечного дива с шириной под ровно четыре пункта меню
-
есть многострочная менюшка, состоящая из елементов типа inline-block с фоновой картинкой и именем элемента. Через каждые четыре пункта вставлен тег </br>. В FF и опере все происходит адекватно, в IE6 перевод на новую строку просто игнорируется и пункты выстраиваются по всей ширине экрана. Использую атрибуты Display:inline; zoom:1; для получения инлайн-блока в експлорере. стили выглядят так: html>body li.catalog_block, li.first_in_line_catalog_block для всех кроме ие { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } *html li.catalog_block, li.first_in_line_catalog_block для ие { list-style:none; display: inline; width:132px; height:188px; text-align:center; font:bolder 15px/10px Sans-serif; text-decoration:none; color:#f3f3f3; cursor:pointer; zoom:1; }
-
Нет, куда-то смылся закрывающий тег гиперссылки, в остальных браузерах видимо закрытие какого-то из дивов, в которые эта ссылка была вложена закрыло и её. В опере - нет.
-
В опере при наведении курсора на некоторые области сайта(бекграунды, заданные в СSS) курсор ведёт себя как при наведению на ссылку, которая отсылает по следующему адресу: <site_root>/= другими словами - посылает в равно Посмотреть на это чудо можно здесь www.catalpa.com.ua. (серые элементы дизайна) В других браузерах все нормально. Если кто-то знает в чем проблема - подскажите плиз ________________________________________________________________________________ _____ Вопрос закрыт, открыт другой. Если из файла куда-то изчезает несоклько букв(в данном случае закрывающий тег гиперссылки) єто вирусы, или возможны варианты?
-
не отображается фоновое изображение в элементе списка
Love_silense replied to Love_silense's question in HTML Coding
3ABAPKA, спасибо вам, мне почему то в голову не пришло впихнуть через атрибут style. Заработало(хотя чего-то поплыла остальная разметка, но тут уж сам разберусь) не могли бы обьяснить логику? почему в одном случае работает а в другом нет? -
<a href="<?=$arSection["SECTION_PAGE_URL"]?>"> <li class="first_in_line_catalog_block" background="<?echo CFile::GetPath($arSection["DETAIL_PICTURE"])?>"> <?echo CFile::GetPath($arSection["DETAIL_PICTURE"])?> </li> </a> в результате выражение CFile::GetPath($arSection["DETAIL_PICTURE"] выдаёт урл изображения, но в фон это изображение не ставится(свойство background не срабатывает). у кого-то есть идеи? стили такие: li.catalog_block, li.first_in_line_catalog_block { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; vertical-align:top; } li.first_in_line_catalog_block a, li.catalog_block a { color:black; } запихнуть в них фон не могу ибо для каждого пункта меню он разный.