Jump to content

Great Rash

Expert
 View Profile  See their activity

  • Posts

    7,974

  • Joined

  • Last visited

  • Days Won

    144

 Content Type 

Everything posted by Great Rash

  1. Great Rash
    Ох как все усложнилось-то... А на картинке, приведенной вами, все было достаточно просто... Ну, как говорится, мое дело предложить, а ваше - отказаться.
  2. Great Rash
    А как же <pre>???
  3. Great Rash
    А если conditional comments переписать вот так: <!--[if lte IE 6]> <style type="text/css"> #ie-only { display: block; } #mozilla-only { display: none; } </style> <![endif]--> Ну ведь ничего не стоит написать новые стили (или дописать новые правила к уже существующим).
  4. Great Rash
    Извиняюсь за 2 поста сразу... Совсем забыл про долбаный IE. Вот вариант, который работает в IE6 и в Мозилле. Больше нигде не проверял... <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Div'ы Колонки одинаковой высоты</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Arial; } #ie-only { display: none; } #mozilla-only { display: block; } div { float: left; width: 250px; border: red 1px solid; } ul { margin-left: 25px; list-style: none; } li { display: block; } li.left { float: left; } li.right { float: right; } li.none { clear: both; } li.one-pixel { height: 1px; } li.clear { clear: left; } img { float: left; width: 10px; height: 10px; border: #aaa 1px solid; } </style> <!--[if IE 6]> <style type="text/css"> #ie-only { display: block; } #mozilla-only { display: none; } </style> <![endif]--> </head> <body> <div id="ie-only"> <ul> <li class="left">text №1</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li> <ul> <li class="left">text №2</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li></li> <li class="left">text №3</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li></li> <li class="left">text №3</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> </ul> </li> <li> <ul> <li class="one-pixel"> <ul> <li class="left">text №2</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li></li> <li class="left">text №3</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li></li> <li class="left">text №3</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> </ul> </li> </ul> </li> </ul> </div> <div id="mozilla-only"> <ul> <li class="left">text №1</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="none"> <ul> <li class="left">text №2</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="clear left">text №3</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="clear left">text №4</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> </ul> <li> <li class="none"> <ul> <li class="none"> <ul> <li class="left">text №5</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="clear left">text №6</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> </ul> </li> </ul> <li> </ul> </div> </body> </html>
  5. Great Rash
    <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Div'ы Колонки одинаковой высоты</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Arial; } div { float: left; width: 250px; border: red 1px solid; } ul { margin-left: 25px; } li { display: block; } li.left { float: left; } li.right { float: right; } li.none { clear: both; } li.clear { clear: left; } img { float: left; width: 10px; height: 10px; border: #aaa 1px solid; } </style> </head> <body> <div> <ul> <li class="left">text №1</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="none"> <ul> <li class="left">text №2</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="clear left">text №3</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="clear left">text №4</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> </ul> <li> <li class="none"> <ul> <li class="none"> <ul> <li class="left">text №5</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> <li class="clear left">text №6</li> <li class="right"> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> <img src="img.gif" alt="" /> </li> </ul> </li> </ul> <li> </ul> </div> </body> </html>
  6. Great Rash
    Glebr Еще бы! Все зависит от дизайна, а не от высоты меню по отношению к контенту. Если дизайнер беспомощен, то одинаковые колонки не спасут. Посмотрите css-дизайны тут: http://www.freecsstemplates.org/ или тут: http://www.csszengarden.com/ И вы убедитесь, что маленькая высота блока меню по отношению к блоку текста ни разу не мешает сайту выглядеть опупенно!
  7. Great Rash
    ote4ek Берем ваш код, заходим на http://www.lipsum.com/, генерим там около 5 абзацев текста и вставляем в таком порядке: block1 - 2 абзаца block2 - 3 абзаца block3 - 5 абзацев Любуемся подводными камнями. Согласем с Владом в том, что одинаковые по высоте колонки - это дебильный архаизм времен табличной верстки... К сожалению, как показывает практика, люди быстро привыкают к дебильному и никак не могут отвыкнуть...
  8. Great Rash
    Кроме как уменьшить размер шрифта ничего в голову не приходит... Лично я восьмой шрифт читаю без проблем... не очкарик.
  9. Great Rash
    Это потому, что остальные браузеры нормальные.
  10. Great Rash
    В ИЕ менять селект нельзя вааще никак... Экстраординарный способ без JS: прятать бордеры селекта в див, этот див прятать в еще один див, у которого увеличивать высоту. Что-то типа такого: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Div'ы Колонки одинаковой высоты</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } fieldset { border: 0; } div { float: left; border: #69c 1px solid; height: 20px; vertical-align: middle; } div.in { float: left; margin: -1px; overflow: hidden; position: relative; } select { margin: -1px; } </style> </head> <body> <form action="" method="post"> <fieldset> <div> <div class="in"> <select name="select"> <option value="1" selected>я первая опция</option> <option value="1" selected>я вторая опция</option> </select> </div> </div> </fieldset> </form> </body> </html>
  11. Great Rash

    Меню

    Great Rash replied to Glebr's question in HTML Coding

    Да можно. Пример: div a.class { color: #f00; ... text-decoration: none; } Да можно. Пример: <a href="#" class="class1 class2">я ссылка</a>
  12. Great Rash
    Вообще ничего не понятно, в коде разбираться лень, да и к чему два кода хтмл'ных... короче ничего не ясно в вопросе... потому наверное и ответа ни одного. Из того, что понял: 1. А размер ячейки разве не известен? Ну уж через яваскрипт его точно можно найти... 2. Не придумал, что тут написать... поэтому написал тут всякую лабуду, чтобы цифра "1" не выглядела тупо.
  13. Great Rash
    Лишний раз убеждаюсь в калищности этого браузера... горбатого, как грится, могила исправит. Вообще я вот у себя сейчас попробовал помасштабировать (CTRL+колесо мыши), правда не знаю, чего там шестерка по умолчанию из шрифтов юзает, но масштабировалось вроде... А может еще попробовать яваскриптом отлавливать нажатие CTRL+"+" и CTRL+"-" и менять стили для параграфов. А может я вообще не догнал, что такое масштабирование пиксельных шрифтов и порю чушь...
  14. Great Rash
    А ежели использовать два разных стиля для отступов? Типа: p { margin: 0.455em 0; //margin: 0.5em 0; } Ну и пусть в ИЕ будут отступы побольше... сам виноват. А зачем, если не секрет, делать ради ИЕ6 вместо пикселей em-ы?
  15. Great Rash
    Макет как макет... ведро и молоток плоские, тени от иконок лажовые, если разрабатываются сайты, то нафиг там небоскребы (сперва подумал, что строительная компания)? Зачем 2 раза копирайт, причем один раз на рашне, а другой на инглише? А в целом нормально... сверстать легко будет кстати.
  16. Great Rash
    misha_evro смотрите пост №14, я его проапдейтил... а то думаю медленно, а на сабмит жму быстро
  17. Great Rash
    Если имелся ввиду вот этот бекграунд: http://www.stock-odezhda.com/templates/vla...pronto_bgrd.gif то, например у меня все отображается прекрасно. UPD: не, наврал... как всегда поторопился... в ИЕ действительно не видно. Но вот заметил, что у вас этот бекграунд в двух местах лежит: 1. см. ссылку выше 2. http://www.stock-odezhda.com/img/pronto_bgrd.gif Если кликнуть по первой ссылке, то ИЕ скажет, что "The requested URL /templates/vla...pronto_bgrd.gif was not found on this server". Уж не знаю глюки ли это ИЕ или фича форума (из-за того, что он ссылку сокращает тупой ИЕ не догоняет в чем дело). UPD2: Попробуйте написать так: body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url('http://www.stock-odezhda.com/img/pronto_bgrd.gif'); background-repeat: no-repeat; background-position: top center; } т.е. прописать абсолютный путь к картинке. По крайней мере у меня локально ваш бекграунд отобразился.
  18. Great Rash
    Адын: http://www.alistapart.com/articles/slidingdoors Два: http://www.alistapart.com/articles/slidingdoors2 Внизу статей есть ссылка на русский перевод. И не надо никаких jQuery.
  19. Great Rash
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } div#left { float: left; background: #f00; } div#right { background: #0f0; border-left: #f00 200px solid; } div#footer { background: #00f; color: #fff; } .clear { clear: both; } p { padding: 5px; } </style> </head> <body> <div id="left"> <p> menu item<br /> menu item<br /> menu item<br /> </p> </div> <div id="right"> <p> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> content<br /> </p> </div> <div class="clear"></div> <div id="footer"> <p> footer footer footer footer footer footer footer footer footer footer footer footer </p> </div> </body> </html>
  20. Great Rash
    А если попробовать так: background-image: url('../img/pronto_bgrd.gif'); и еще, на всякий пожарный: вместо Body написать body
  21. Great Rash
    А чем не устраивают классы?
  22. Great Rash
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> div { float: left; overflow: hidden; } select { border: none; //margin: -1px; } </style> </head> <body> <div> <select> <option value="VAK">Вакансии</option> <option value="ACC">Афоризмы</option> </select> </div> </body> </html> По идее работает везде. UPD: только если size будет больше 0, то у тега option бордеры убрать не получится.
  23. Great Rash
    Ну и правильно, ведь вы делаете смену стиля при наступлении события hover у ссылки <a>. Почему же вся ячейка должна подсвечиватьсся? Не знаю будет ли это работать, но я бы попробовал назначить display: block; ссылке, и (т.к. после этого, по идее, можно будет присвоить ей высоту и ширину) растянуть контейнер ссылки на ширину ячейки, а именно width: 100%; height: 100%;. А потом поиграться с отступами.
  24. Great Rash
    Да я про контейнер стазу и подумал, просто смущало то, что в IE нифига не работало как надо. В общем всем спасибо за помощь! Запишу себе на корочку еще один баг IE.
  25. Great Rash
    О шестой, не знаю есть ли там пустые строки, не смотрел, но по идее быть не должно. Тем более в том примере, который я тут запостил, никаких пустых строк, пробелов и т.п. нет. UPD: Невнимательно прочитал ваш пост... попробовал убрать строку <?xml version="1.0" encoding="utf-8"?>, ничего не изменилось. Таковы рекомендации W3C http://www.w3.org/QA/2002/04/valid-dtd-list.html UPD2: Извиняюсь, плохо смотрел (просто уже задолбался с этой проблемой и не заметил), оказывается вы были правы - действительно, если убрать строку перед доктайпом, то в IE все становится нормально. И даже валидацию проходит
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept