warobushek
-
Posts
68 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by warobushek
-
схлопывание маргинов не работает для table и p
warobushek replied to warobushek's question in HTML Coding
угу... значит про схлопывание маргинов табл. и парагр. можно забыть ... я правильно понял? -
схлопывание маргинов не работает для table и p
warobushek replied to warobushek's question in HTML Coding
Вот здесь выложил http://tri4.ax3.net/test.html -
У меня написан следующий код: <p>параграф</p> <p>параграф</p> <table> .. содержимое таблицы .. </table> <p>параграф</p> <p>параграф</p> Заданы стили: #content p { line-height:110%; margin:1em 0; } table { margin:1em; width:100%; } Так вот: между параграфами маргины схлапываются как надо, а между таблицей и параграфом нет. Почему так? Как сделать так, чтобы схлапывались?
-
line-height одинаков в css, а визуально нет
warobushek replied to warobushek's question in HTML Coding
Т.к. 1.42em использую только для выравнивания размера шрифта вне блока и внутри него. А em - относительные единицы. Поэтому выбрал em. А что в этом не так? -
Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inner div { font-size: 1.42em; } </style> </head> <body> <div id="content_text"> Подключение телевизионного приемника * (в подключение входят материалы и работы по монтажу, включая прокладку кабеля до 20 п.м. стандартным способом, проход 1 стены, настройка каналов в автоматическом режиме). Возобновление предоставления услуг после приостановки действия договора в случае нарушения своевременной оплаты Абонентом предоставляемых услуг <div class="cornered"> <div class="inner"> <div> Абонентская плата за полный пакет каналов (эфирные и спутниковые каналы) независимо от количества ТВ-приемников. Абонентская плата юридических лиц за полный пакет каналов (эфирные и спутниковые каналы) независимо от количества ТВ-приемников. Возобновление предоставления услуг после приостановки действия договора в случае нарушения своевременной оплаты Абонентом предоставляемых услуг. ПРИМЕЧАНИЕ: При отказе от подключения возврат денежных средств производится в размере 75% от первоначально внесенного на счет абонента аванса </div> </div> </div> </div> </body> </html>
-
Можно ли делать например так: <table> <tr><th></th><th></th></tr> <tr><th></th><th></th></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> ?
-
npofopr Я попробовал так: dt { display: list-item; list-style-type:decimal; } ИМХО смысла даже display:list-item делать не было, т.к. Спасибо, действительно проще ol использовать.
-
Пишу вот такое правило: dt { list-style:decimal outside none; } Не срабатывает. Можно ли все таки с помощью css добавить нумерацию именно к списку определений?
-
спс
-
Если в первом включаемом файле есть правило .myclass {font-weight:bold;} И во втором включаемом файле есть правило .myclass {font-weight:normal;} То какое правило будет действовать?
-
ну это само собой
-
1. жаль 2. thx, нашел @import url("имя файла")
-
Можно ли в CSS сделать что-нибудь наподобие ?? #abc {... правила для abc ... } #CONTENT { div {...} b {...} table {...} } #xyz {... правила для xyz ... } Т.е. не повторять #CONTENT кучу раз а написать один раз. И еще: можно ли этот участок кода (внури #CONTENT) вынести в другой файл?
-
в моем случае помогло только header() спасибо !
-
<!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Лето</title> </head> <body> <br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето 123 </body> </html> Если этот текст помещаю в test.php, то получаю вот такие крякозябры: Если же в test.html, то нормальный вывод. Если в браузере выбрать кодировку utf-8, то и .php файл нормально отображается
-
Как сделать маску круглых углов для flash?
warobushek replied to warobushek's question in HTML Coding
решено: добавил <param name="wmode" value="opaque"> -
<param name="wmode" value="opaque">
-
У меня получается почему-то только для рисунков, а вставленный flash плюет на слой, который выше я делаю так: <div id="sq_banners"> <a class="banner ban1" href="#b1"> <object type="application/x-shockwave-flash" data="<?php print $images ?>TVcontent.swf" width="125" height="125" id="ad1"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="<?php print $images ?>TVcontent.swf" /> <param name="quality" value="high" /> <param name="wmode" value="window" /> <param name="bgcolor" value="white"/> <param name="flashvars" value="clickTAG=www.akado-ural.ru" /> </object> <span class="mask"> </span> </a> <a class="banner ban2" href="#b2"> <img src="<?php print $images ?>sqban4.png" alt="" width="125" height="125" /> <span class="mask"> </span> </a> </div> и задаю такие стили: #sq_banners { float:left; height:125px; margin-right:30px; overflow:hidden; position:relative; width:250px; } .banner:link, .banner:visited, .mask { display: block; width: 125px; height: 125px; } .banner:link, .banner:visited { cursor: pointer; position: relative; float: left; text-decoration: none; } .mask { position: absolute; top: 0; left: 0; background: url(images/sqban_mask.png) no-repeat; } .ban2 .mask { background-position: 100% 0; }
-
Была задача сделать следующее меню: 1. Каждый пункт разделен от близ лежащих границей. 2. Выбранный пункт выделяется круглой рамкой. (выбранный пункт - открытый раздел сайта) 3. Пункт, на который навели указатель мыши, выделяется круглой рамкой. 4. При наведении указателя на пункт, отличный от выбранного, рамка должна пропадать на выбранном пункте и появляться на наведенном. 5. Рамка должна быть расчитана на многострочное название меню (т..е. высота не фиксирована) 6. При переходе курсора с одного пункта на другой все должно быть гладко и красиво, т.е. должно быть такое ощущение, что указатель передвигают чуть ли не по сплошной ссылке. Вы скажете, что это не так сложно сделать? На первый взгляд да. Это займет ну максимум 2-3 дня у начинающего веб-разработчика, который замутил парочку сайтов. Но будет ли это корректно отображаться во всех браузерах? На самом деле, при создании такого меню начинают возникать такие проблемы как: не скрывается граница пункта меню, меню скачет по всякому, ссылка до наведения на нее отображается не как display: block; Вы зададите вопрос: а разве такого еще не делали? Подобное меню есть на сайте http://www.akado.ru/porting/connection/ Сделано оно там немного по-другому принципу. Минусом их меню является то, что в ИЕ оно отображается не так как в мозилле и других нормальных браузерах. PsyWalker же смог сделать так, чтобы меню отображалось во всех браузерах. Проверял результат по браузерам: ИЕ6 ИЕ7 Опера Мозилла Хром Сафари Макстон Действительно, такого еще не делали. По-крайней мере, я такого не встречал. Что мне еще понравилось, это организация работы. Быстро(меньше суток), качественно, несколько вариантов. Вот результаты его работы: первый вариант, второй вариант За проделанную работу я очень благодарен этому человеку и мог бы дать в отношении его только лучшие рекоммендации.
-
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
warobushek replied to warobushek's question in HTML Coding
Уверен, что по номеру 464144107 постучал? мне сообщений не приходит. Так поправить.. что именно? аську? ко мне все нормально от других сообщения приходят. меню? думаю.. пробую.. надеюсь, что поправлю -
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
warobushek replied to warobushek's question in HTML Coding
в инвизе был, сообщения не получил -
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
warobushek replied to warobushek's question in HTML Coding
Давай, ася 464 144 107 Добавил height:1%; zoom:1; После этого стали мешаться границы сверху li при наведении. Чтобы вылечить добавил еще вот это. #cur_menu li:hover {border:0 none;} ul#cur_menu li.current:hover { border:0 none; } Но теперь меню стало прыгать (( наверно из-за margin-bottom:-1px; и margin-top:-1px; фак... -
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
warobushek replied to warobushek's question in HTML Coding
это не опечатка? -
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
warobushek replied to warobushek's question in HTML Coding
пробовал как Вы говорите, нет эффекта. Почти получается когда высоту 100% задаю ссылке., но тогда при наведении верхняя граница видна((( что не есть гуд -
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
warobushek posted a question in HTML Coding
Помогите пожалуйста разобраться. Вот на этой странице участок кода http://tri4.ax3.net/akado_ural/menu2.html Из-за этого получается ужасный эффект прыгающего меню ((