Red Planet
-
Posts
101 -
Joined
-
Last visited
Red Planet's Achievements
Explorer (1/14)
0
Reputation
-
Заметил на IE 7. Нужно было поставить min-width для резиновой растяжки.
-
Перевод на страницу для Internet Explorer 6.
Red Planet replied to Red Planet's question in HTML Coding
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> -
Здравствуйте! Искал сегодня решение для перевода, но всюду предлагаются лишь методы закрытия доступа. Например, этот, ест много других. Нет, если можно спокойно давать от ворот поворот, то я за, но вроде кто-то им все еще пользуется. При написании кода приходится править не только CSS, но и HTML. Например, в макете картинки в левой колонке не центрируются (display: block помогает всем, но не IE 6), бордюры у них же игнорируются, сдвигать при помощи margin-left - снова не работает. Но это так, чтобы не быть голословным. Как отослать пользователя на index_ie6.html? Какой код и куда вставлять?
-
Спасибо. Думал, что серьезная проблема, а оказалось, что всего лишь напутал с числами.
-
Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство 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; }
-
Насчет верхнего меню. Мне порекомендовали отказаться от спрайтов и сделать hover, чтобы не загружать лишние картинки. А что значит "мат"? Насчет обнуления отступов. Все бы хорошо, если бы только не разиновые блоки (коричневый и полоска внизу). Им если и явно задашь обнуления, то все равно остаются зазоры. ul, h4, footer { margin: 0; padding: 0; } #over-footer { padding: 32px 0 0 0; margin: 0; } Результат.
-
Понял, займусь этим.
-
Почему? Вместо * нужно использовать следующее? ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
-
Здравствуйте! Доделал макет, нужны замечания по качеству верстки. Проверял на Opera 9.63, Opera 11, Internet Explorer 6 (Portable), Internet Explorer 8, Google Chrome, Safari, Mozilla Firefox 3.6.13. Отсутствие закругленных уголков у блока с поиском на старых браузерах не недостаток, - так было задумано. Хотел испробовать способы для старых браузеров (на боковых блоках со ссылками) и для новых (на блоке с поиском). В том же блоке с поиском ничего, кроме абсолютного позиционирования, для ссылки не придумал. Буду рад комментариям на этот счет. Если бы не добавление после </html> кода, то документ был бы валидным. Как смог оптимизировал и сокращал CSS, но могут быть недостатки, плохие решения. Выпадающее меню сверху не делал. Верстка Жду ответов.
-
Еще вопросы. Там есть поле ввода, в котором текст посередине (по вертикали). Такое достигается путем задания одинаковых значений 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> Как сделать, чтобы при наведении на ссылку выделялась не она, а элемент списка?
-
eVErl@Sting, это виноват narod.ru psywalker, deadrash, спасибо за ответы.
-
Vlad, понял, буду ставить на фон элемента списка.
-
Добрый день. Поставил маркеры с помощью 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; }
-
Подключение в файле сss скрипта для окргления углов в IE
Red Planet replied to riki's question in HTML Coding
swetlana, дай Бог, чтобы оно было так, как вы говорите. Найду решение с картинками. Для того чтобы знать, как это делается. -
Подключение в файле сss скрипта для окргления углов в IE
Red Planet replied to riki's question in HTML Coding
swetlana, пренебрег бы, но читаю требования к верстке и вижу там IE6-8, FF3+, Opera9+, Safari4+, Chrome4+, мне нужно решение, подходящее для них.