mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Я про бг на боди ничего не говорил. Это вполне нормально.
-
Насчет спрайтов - погугли, на блогах расписанно достаточно подробно(набери "css спрайты"). Это когда изображения режут не отдельно, а обьединяют. Насчет body - когданить порежешь страничку, и попытаешся прикрутить лайбокс (это первое что вспомнил, так как тут на форуме уже обращались с подобной проблемой) тогда и увидишь что нехорошая идея центрировать сайт тегом body.
-
Часто есть привычка делать один Н1 на страничке, и этим Н1 называть саму страничку. Например есть сайт какойнить компании занимающейся сбором яблок. И на сайте есть страничка "Про нас". И эти слова "Про нас" написанны вверху самым крупным и красивым текстом. Ну и верстальщики естественно его запихивают в Н1. Так вот вопрос - неужели для поисковика более информативно будет "Про нас", нежели далее по тексту несколько Н1 со словами "собираем яблоки", "продаем яблоки"? Но переусердствовать тоже не стоит. Я не говорю что можна весь сайт в Н1 заключить. Меру нужно знать.
-
Если это какойнить блог, где одна статья на одну страничку, то там конечно лучше 1 заголовок первого уровня. А если у тя страничка насыщенна разнообразной инфой, краткими статьями... то почему бы и нет? Неработает потому что нехватает высоты строки. Твой код напоминает масло маслянное. И Н1, и стронг. Делай как sigma77 показала. <h1><a href="http://www.pravovest.ru/hotnews/" title="Новости законодательства">Горячие новости законодательства</a></h1>
-
Да неужели? Тоесть ты хочешь сказать что в твоем коде реально по оси Y прорепитить пнг бекграунд? который бы не перекрывал ни верхний, ни нижний? И посмотри фаербагом куда у тебя подевался блок <div class="b"></div>, ты так уверяешь что он внизу будет? Ага, и так ты прийдешь к моему коду. Когда у тя пройдет параноя? Поверь то что у меня еще +2 блока(так как я в своем коде привел общий случай фиксированного по ширине дива с пнг бекграундом с закруглениями), это потому что так нужно. Могу дать задачку, и ты после поймешь почему там нужно еще 3 блока.
-
А ты попробуй теперь сюда лайтбокс применить. Макс, ну я же не заставляю. Я же ток совет даю. Хочешь так центрировать - да пожалуйста. Но потом при косяках начинаються вопросы, а почему у меня не так да не эдак как хотелось бы.
-
Заблуждение.
-
Сразу же, с самого начала избавляйтесь от привычки центрировать сайт тегом <body>. Сделайте общий блок (например #wrapper) и его центрируйте. На боди оставь body{ margin:0; font: 14px/16px Verdana,Tahoma,sans-serif; } В пикселях или в емах размер шрифта, это на ваш вкус. Сама суть что там нужно обнулить маргин, и задать параметры шрифта. p,h1 { margin: 0; padding: 0; } На параграфах и заголовках паддингов и небыло никогда. И нехорошо такое обнуление делать. a{ outline: none; } Жесть... Не делайте так. Это фича браузера. И иногда очень удобно табом перебирать линки, а вы напрочь лишаете юзеров такой возможности. float: left; background-image: url(img2/BgHDRTop1.png); width: 960px; margin: 0 auto; И что оно тут отцентрируется? Ведь оно же флотнуто. Ваш враг - флоат. .leftForm p input { background-image:url("img2/FormButton.png"); background-repeat:no-repeat; border:0 none; clear:both; height:22px; margin-left:50px; width:63px; } .leftForm p input:hover { background-image:url("img2/FormButtonHover.png"); cursor:pointer; } Старайтесь делать спрайтами такие бг. Чтобы при первом ховере небыло мерцания.
-
Ну это я уже невнимательно твой код посмотрел. Макс, тот код что я привел, он необходимый и достаточный. Ты еще раз прочти условие, и посмотри - выполнил ли ты его в своем коде. Ну и перед тем как чтото выложить, было бы неплохо проверить как оно работает и работает ли вообще.
-
Абсолютно справедливые замечания.
-
Ну наконец то, внимательно просмотрел код.
-
http://forum.htmlbook.ru/index.php?showtop...mp;#entry134466
-
http://forum.htmlbook.ru/index.php?s=&...st&p=134466 Я те уже готовый код предоставил, осталось картинки нарезать, ну и размеры подогнать.
-
<a href="index.html"> - я так понимаю что ссылка по которой вы пытаетесь попасть на главную везде имеет такой вид. Таокой ссы лкой вы будете переходить на страничку index.html которая находится в том же каталоге где и текущая страничка. Вы же переходите в другой каталог, значит оттуда линка на главную должна иметь вид <a href="../index.html">
-
Ты вникни в суть вопроса, а потом лезь. Также запомни что H по дефлту блочный.
-
Может и ты почитаешь всю инфу на сайте? Чтобы потом не задавать таких вопросов, ведь ты же заявил что будешь лучшим веб мастером. Поэтому тоже начинай читать.
-
Когда вместо # будет норм ссылка, то вместо того чтобы аккордион открыть ты перейдешь по линке на другую страничку
-
Аккордеон работает. Только странно что вложенный список вообще видно становится, так как ты на лишки высоту задал, то куда вложенному списку открываться? И если кликаешь по линке, чтобы открыть вложенный список, то нужно еще return false дописать. Иначе происходит неприятный скачек вверх странички. Макс, у тя какойто не универсальный аккордеон.
-
Общий принцип такой же как в моем примере - замена картинки. Только я это делаю бекграундом, а тут картинки, и при ховере джсом меняются картинки. Но как не крути всеравно нужны 2 картинки - обычное состояние, и ховерное.
-
.container .t, .container .b{ height:10px; overflow:hidden; background:url(t.png); } .container .b{background:url(b.png);} Ты что не видишь что я для нижнего блока сразу другой бг вешаю?
-
А постоянное наличие неактивного горизонтального скролла ничуть не смущает?
-
Я показал как сделать 2 колонки всередине. Что тут непонятно? Думаешь есть принципиальное отличие верстки общего контейнера для 2х колонок пнг (1 пнг контейнер), и внутренних колонок? Сложно кусок кода начиная с блока container вставить в нужное место? Или мне нужно было показать верстку всей странички?
-
Блочная верстка. Выравниваем список по ширине.
mishka replied to Great Rash's topic in Tricks and solutions
Еще раз подтвердил звание джедая -
<!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>title</title> <style type="text/css"> body{margin:0;} .container{ width:800px; } .container .t, .container .b{ height:10px; overflow:hidden; background:url(t.png); } .container .b{background:url(b.png);} .container .m{ height:1%; padding:0 20px; background:url(m.png) repeat-y; } .container .m:after{ content:""; display:block; clear:both; } .container .frame{ width:100%; float:left; margin:-5px 0; position:relative; } .column1{ width:200px; float:left; } .column2{ width:500px; float:right; } </style> </head> <body> <div class="container"> <div class="t"></div> <div class="m"> <div class="frame"> <div class="column1"> <p>Lorem ipsum dolor sit amet consectetuer mauris sed dictumst odio eu. Pede pede enim wisi neque Vestibulum sed congue volutpat tempus Aliquam. Et malesuada nulla hendrerit sit vitae sed porttitor libero consectetuer metus. Sagittis Pellentesque Pellentesque quis Nulla pede lacus Nulla lobortis ipsum Proin. Vel elit.</p> <p>Non tellus velit mattis Nulla id nibh aliquet vitae id Morbi. Aenean diam orci facilisis sagittis vestibulum purus nulla adipiscing id aliquet. Vestibulum mattis habitasse aliquet felis velit egestas convallis pulvinar Curabitur nascetur. Nulla tellus.</p> </div> <div class="column2"> <p>Lorem ipsum dolor sit amet consectetuer mauris sed dictumst odio eu. Pede pede enim wisi neque Vestibulum sed congue volutpat tempus Aliquam. Et malesuada nulla hendrerit sit vitae sed porttitor libero consectetuer metus. Sagittis Pellentesque Pellentesque quis Nulla pede lacus Nulla lobortis ipsum Proin. Vel elit.</p> </div> </div> </div> <div class="b"></div> </div> </body> </html> куда какой бг сунуть я думаю понятно...
-
Макс, если ширина фикс, то проблем нет. А вот если резина, то либо табличка либо джс, другого немогу придумать