Jump to content

Red Planet

User
  • Posts

    101
  • Joined

  • Last visited

Everything posted by Red Planet

  1. Заметил на IE 7. Нужно было поставить min-width для резиновой растяжки.
  2. swetlana, намек понял. Куда PHP-код вставляется? Я пробовал сегодня, но не работало. Может, не туда вставлял или оттого, что по протоколу file:/// запускал, а надо было через Денвер. sigma77, не работает. <!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"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Temp</title> <link href="my-style.css" rel="stylesheet" type="text/css" /> <!--[if IE 6]> <script> window.location.pathname = 'ie6.html' </script> <![endif]--> </head> <body> Lorem... </body> </html>
  3. Здравствуйте! Искал сегодня решение для перевода, но всюду предлагаются лишь методы закрытия доступа. Например, этот, ест много других. Нет, если можно спокойно давать от ворот поворот, то я за, но вроде кто-то им все еще пользуется. При написании кода приходится править не только CSS, но и HTML. Например, в макете картинки в левой колонке не центрируются (display: block помогает всем, но не IE 6), бордюры у них же игнорируются, сдвигать при помощи margin-left - снова не работает. Но это так, чтобы не быть голословным. Как отослать пользователя на index_ie6.html? Какой код и куда вставлять?
  4. Спасибо. Думал, что серьезная проблема, а оказалось, что всего лишь напутал с числами.
  5. Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство padding? Отступ от правого края есть, а вот от левого нет. Это можно исправить, если задать свойству margin-left величину большую, чем ширина левого, но тот факт, что правый игнорирует padding стал для меня неожиданностью. Я что-то забыл или так оно и есть? Скриншот (видно, что граница проходит вплотную). HTML. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Temp</title> <link href="my-style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="content"> <div class="left"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis, elit et rhoncus accumsan, turpis risus aliquet ipsum, luctus mattis risus magna at lacus. Vivamus ultrices ante eget leo rutrum at malesuada magna egestas. Duis accumsan nunc luctus risus convallis id gravida erat venenatis. Nam vitae urna in lacus gravida auctor eget sit amet ligula. Donec justo lorem, ultrices nec elementum non, placerat sit amet lectus. Phasellus nec nibh feugiat tellus faucibus convallis non et felis. Quisque consectetur velit eu dolor varius sagittis.</p> </div> <div class="right"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis, elit et rhoncus accumsan, turpis risus aliquet ipsum, luctus mattis risus magna at lacus. Vivamus ultrices ante eget leo rutrum at malesuada magna egestas. Duis accumsan nunc luctus risus convallis id gravida erat venenatis. Nam vitae urna in lacus gravida auctor eget sit amet ligula. Donec justo lorem, ultrices nec elementum non, placerat sit amet lectus. Phasellus nec nibh feugiat tellus faucibus convallis non et felis. Quisque consectetur velit eu dolor varius sagittis.</p> </div> </div> </body> </html> CSS. body { background: #ccc; } img { border: none; } * { margin: 0; padding: 0; } #content { margin: 0 auto; width: 900px; padding-bottom: 100px; } #content { background: #9999cc; } #content div.left, #content div.right { padding: 10px; } #content div.left { float: left; width: 400px; border-right: 1px solid #000; } #content div.right { margin-left: 400px; }
  6. Насчет верхнего меню. Мне порекомендовали отказаться от спрайтов и сделать hover, чтобы не загружать лишние картинки. А что значит "мат"? Насчет обнуления отступов. Все бы хорошо, если бы только не разиновые блоки (коричневый и полоска внизу). Им если и явно задашь обнуления, то все равно остаются зазоры. ul, h4, footer { margin: 0; padding: 0; } #over-footer { padding: 32px 0 0 0; margin: 0; } Результат.
  7. Понял, займусь этим.
  8. Почему? Вместо * нужно использовать следующее? ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
  9. Здравствуйте! Доделал макет, нужны замечания по качеству верстки. Проверял на Opera 9.63, Opera 11, Internet Explorer 6 (Portable), Internet Explorer 8, Google Chrome, Safari, Mozilla Firefox 3.6.13. Отсутствие закругленных уголков у блока с поиском на старых браузерах не недостаток, - так было задумано. Хотел испробовать способы для старых браузеров (на боковых блоках со ссылками) и для новых (на блоке с поиском). В том же блоке с поиском ничего, кроме абсолютного позиционирования, для ссылки не придумал. Буду рад комментариям на этот счет. Если бы не добавление после </html> кода, то документ был бы валидным. Как смог оптимизировал и сокращал CSS, но могут быть недостатки, плохие решения. Выпадающее меню сверху не делал. Верстка Жду ответов.
  10. Еще вопросы. Там есть поле ввода, в котором текст посередине (по вертикали). Такое достигается путем задания одинаковых значений padding? Например. div.for-search form input.input-text { padding: 3px 0; } <div class="for-search"> <img src="images/magnifier.png" alt="Search" /> <form name="input-to-search"> <input type="text" class="input-text"></input> </form> </div> Как сделать, чтобы при наведении на ссылку выделялась не она, а элемент списка?
  11. eVErl@Sting, это виноват narod.ru psywalker, deadrash, спасибо за ответы.
  12. Vlad, понял, буду ставить на фон элемента списка.
  13. Добрый день. Поставил маркеры с помощью list-style: url(images/sdbr-marker.gif). Слишком большой отступ у них от пунктов списка. Ладно бы это было на Internet Explorer 6, но это наблюдается на последней Opera 11, и на Mozilla Firefox 3.6.13. Сами маркеры сползают немного относительно текста (ведь должны быть по центру). Как проблему решить? Internet Explorer 6. Opera 11 (уходят вверх). Mozilla Firefox 3.613 (уходят вниз). HTML. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>XHTML Strict</title> <link href="my-style.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]> <script defer="defer" type="text/javascript" src="pngfix.js" mce_src="pngfix.js"></script> <script src="min-max-ie6-fix.js" defer="defer" type="text/javascript"></script> <link href="my-style-ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body> <div id="cont"> <ul class="list-in-sdbr"> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li><a href="#">Lorem Ispum</a></li> <li class="last-in-list"><a href="#">Lorem Ispum</a></li> </ul> </div> </body> </html> CSS. body { background: #08526a; font-family: Arial, Helvetica, sans-serif; } img { border: none; } * { margin: 0; padding: 0; } a, a:hover { text-decoration: none; } #cont { width: 240px; margin: 0 auto; } ul.list-in-sdbr li.last-in-list { border-bottom: none; } ul.list-in-sdbr { font-size: 11px; margin: 16px 10px 30px 20px; } ul.list-in-sdbr li { border-bottom: 1px dashed #206c85; list-style: url(images/marker-sdbr.gif); margin-bottom: 6px; } ul.list-in-sdbr li a { color: #a7d5e4; } ul.list-in-sdbr li a:hover { color: #dff2f8; }
  14. swetlana, дай Бог, чтобы оно было так, как вы говорите. Найду решение с картинками. Для того чтобы знать, как это делается.
  15. swetlana, пренебрег бы, но читаю требования к верстке и вижу там IE6-8, FF3+, Opera9+, Safari4+, Chrome4+, мне нужно решение, подходящее для них.
  16. Добрый день. Хотел данным методом закругленные углы сделать, но на IE 6, Opera 9.63 закругления игнорируются. Пробовал разные htc, но толку никакого. Можно заставить его работать на всех браузерах? Хороший метод. Кода мало, нет лишних рисунков, блоков. Не хочется от него отказываться.
  17. Vlad, спасибо. Ваше сообщение обязательно запишу себе на будущее. В моем случае можно коричневому блоку задать высоту на 1 пиксель меньше, чем она на самом деле и сделать padding-top: 1px. Что за книга?
  18. Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).
  19. Это для того чтобы поисковики искали слова home, about us, support и т. д.?
  20. psywalker, хотел дополнить сообщение вопросом еще до вашего ответа, но раз уж тема зашла, то сам Бог велел спросить. Ликбез по браузерам. 1. На какие браузеры вообще не стоит обращать внимания? 2. Есть ли такие браузеры, на которых можно положиться? Скажем, если на них работает, то на других и проверять не за чем - будет работать однозначно. А мне думается, что спрайты там - самое оптимальное. Если по-вашему, то придется делать ссылку текстом, ей фон, изменение фона на hover для каждой. Мучений будет больше.
  21. Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка
  22. Верно заметили вы, спасибо. Теперь не буду display: inline писать зря. Так и сделаю.
  23. Добрый вечер! Для того чтобы картинки в блоке шли друг за другом горизонтально нужно применить display: inline. Как сделать так, чтобы находящиеся в блоке картинки равномерно распределялись по его ширине? Подгонять вручную отступами или есть что-то готовое? Например. Полосатый блок, в котором фотографии.
  24. Добрый вечер. Есть код. Сответствующий ему CSS. Как видно, здесь явно не указана ширина внутреннему блоку container? Он центрирован отступами. Обязательно ли явно указывать ширину или можно поступить как здесь поступил я? Поддерживает ли это IE 6?
  25. Добрый вечер. Есть макет, застопорился на шапке. Там несколько картинок (две картинки с изображением эквалайзера и мужчина с гитарой), логотип и список справа. Как-то все очень разбровано. Как оформить? Может header'у задать position: relative и сделать всем внутренним элементам абсолютное позиционирование? Макет.
×
×
  • 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