mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
При правильной верстке и дивы везде одинаково отображаются и хаков для ие6-7 минимум используется. Ничего сложного в верстке дивами невижу. Табличками верстал только email, даже в небольшой страничке легко запутаться среди кучи tr-td. Табличкой наверное проще верстать только элементарные макеты. А то что табличками быстрее верстать - никогда неповерю.
-
Хм ну тогда воть #wrapper:after{ content:"."; display:block; clear:both; line-height:0; font-size:0; height:0; } Везде - 10 Главное преимущество этого способа в том что блок родительский нетолько очищает поток, но он и не "схлопывается", а это значит дополнительный контейнер для бекграунда
-
Немогу сказать Единственная проблема - этот способ не решает проблему выпадения маргинов. Хотя если сделать так: #wrapper:after{ content:"."; display:block; clear:both; line-height:0; font-size:0; } то вроде все ок... ща буду тестить <!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> <style type="text/css"><!-- body{ margin:0; } #wrapper{ height:1%; background:#00f; } #wrapper:after{ content:"."; display:block; clear:both; line-height:0; font-size:0; } #sidebar{ float:left; width:200px; background:#f00; margin:0 0 10px; } * html #sidebar{ margin-right:-3px; } #content{ overflow:hidden; height:1%; background:#0ff; margin:0 0 10px; } p{ margin:10px 0; } --></style> </head> <body> <div id="wrapper"> <div id="sidebar"> <p>sidebar</p> </div> <div id="content"> <p>content</p> </div> </div> </body> </html> В хроме и сафари нижний отступ получается не 10px, а 11px как по мне так вполне приемлимо. :after{ content:""; display:block; clear:both; } Получается это примерно тоже что создать пустой див с clear:both
-
Ну дык проверь
-
Круто ты его... Плавающие блоки обернуть родительским. Родителю hasLayout+overflow:hidden. Если нельзя чтобы родитель все обрезал(например чтото абсолютом надо вынести за пределы блока) то Родителю hasLayout+after... div{ height:1%; overflow:hidden; } или div{ width:100%; overflow:hidden; } или div{ zoom:1; overflow:hidden; } если по каким-то причинам overflow:hidden; нельзя то тогда вместо него div{ height:1%; } div:after{ content:""; display:block; clear:both; } или div{ width:100%; } div:after{ content:""; display:block; clear:both; } или div{ zoom:1; } div:after{ content:""; display:block; clear:both; } выбирайте на свое усмотрение.
-
вообще логика неверная. "ранг", "титул" - это лейблы. Кнопка "сохранить" в дополнительных комментариях ненуждается.
-
Если фона нет то тогда другое дело. Но я чтото путаю или тут были разговоры по поводу бг в колонках?
-
И при этом еще чтобы колонка которая невлезла переносилась на новую строку? Тогда джс. Вот только осталось научится редактировать джс под свои нужды, так как там лишнее есть, ведь он был задействован в другом примере
-
Тебе колонки надо тянуть по самой высокой? Или их высота жестко заданна? Также ширины их тянутся или жестко заданны?
-
<form name="selections"> <fieldset > <legend>Ранг</legend> <table> <tr> <td><select name="individual" onChange="loadIndividual(this.form)"> <option value="rank8">Вице-адмирал</option> <option value="rank9">Адмирал</option> <option value="rank10">Адмирал флота</option> </select> </td> <td><img alt="image" src="catalog/rank1.gif" id="img" /></td> </fieldset> <fieldset > <legend>Ранг</legend> <tr> <td colspan="2"><input type="text" name="textfield" id="textfield" size="40"></td> </tr> <tr> <td colspan="2"> <input name="input" type="submit"> </tr> </table> </fieldset> </form>
-
Просто его надо ставить минимально-достаточным
-
Мдя, у меня z-index выше 3 очень редко бывает.
-
зачем длиннющую? Вполне достаточно квадратика 10х10. Можна и 1х1 обойтись, но в ие7 часто бывает видно как этот квадратик построчно заполняет элемент. Ну а 10х10 все ок
-
Извини за грубость, но ты что с ума сошел? Я вообще считаю что глобальный сброс стилей это зло. Всякие YUI и Эрика Мейера(но этот хоть немного получше) ... И абзацам надо давать отступ не паддингом, а маргином. И поверь при правильной верстке все везде одинаково! Вспомнил про YUI... Както верстал сайт с требованием от клиента YUI Reset, YUI Base, YUI Fonts, YUI Girds. Все это можна найти тут http://developer.yahoo.com/yui/reset/ И сайт был элементарный, но из-за этой всей гремучей смеси пришлось еще переопределять сбросы эти нехорошие... Так вот пока я разбирался что к чему, то я тихо возненавидел этого инженера Nate Koechley, который таким замученным взлядом смотрел на меня с окна плеера.... Эх попался бы он мне.... хоть чемнибудь бы обогрел... Ведь проблема не в дефолтных маргинах. Если бы он написал p{margin:0 0 10px;} то тогда во всех браузерах это был бы одинаков результат - отступ между блоками 10пиксов. Но он был бы. Потому что переопределение величины маргина не уберет такое явление как "выпадение маргина". Вот обычно те кто постоянно юзают сбросы, те и несовсем понимают какие дефолтные стили, и в каких браузерах. Было бы неплохо сразу научится без сбросов верстать, чтобы понять на каких элементах какие дефолтные стили.
-
ТС, по твоей проблеме ты уже три топика создал. Зачем? За такое и прибанить могут. Сделал один топик, и там его раскручивай. Что тебе непонятно? Я же тебе все почти сделал, осталось до кучи собрать. Или тебе дать готовый полностью код? только что посмотрел - все здорово отображается. Иль ты както по другому хочешь? Блок центрируется, в нем твоя менюха постоянно на одном месте, при любых разрешениях.
-
Ой, я это пропустил... недоглядел както. Да неужели?
-
13px 13pt разницу видишь?
-
// - так коментируют строку джс комент ксс - /* margin:0; */
-
да какой джс? body{ background:#130E0A; margin:0; font:18px "Comic Sans MS",Verdana,Arial,Helvetica,sans-serif; } #wrapper{ width:766px; margin:0 auto; background:url(images/Gallery.jpg) no-repeat; min-height:700px; position:relative; } * html #wrapper{ height:700px; overflow:visible; } и никакой высоты на боди тут ненадо. Высоту на боди ставят только в случае если надо какой нить блок растянуть на 100% высоты экрана! Тогда ставят yна боди и хтмл height:100% навигации айди сделать и: #navigation{ margin:0; padding:0; list-style:none; position:absolute; top:...px; left:...px; }
-
Без експрешена можна сделать чтобы ширина дропа зависила от его содержимого.
-
Наверное самые вредные советы на этом форуме. Ничего зря не придуманно. Всему свое назначение. То что у абзацев маргины а не паддинги - это правильно. Ненадо их на паддинги заменять. Если хотите чтобы во всех браузерах одинаково было - надо маргины и оставить, только задать значение.
-
Разбивка по колонкам в зависимости от количетсва пробелов
mishka replied to crazyawm's question in HTML Coding
я бы больше всего сделал через <dl>. Флотнул <dt> а <dd> text-align:right; -
Ладно... еще раз повторюсь: http://stepbystep.htmlbook.ru/ Либо же переносите топик в раздел комерческих услуг.
-
Незачто... хоть время в ожидании быстрее прошло Бывает... сам такой же... и сообщения свои редактирую по несколько раз
-
както так <!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> <style type="text/css"><!-- .heading{ text-align:center; margin:0 0 -8px; position:relative; } .heading span{ background:#fff; padding:0 5px; } .box{ height:1%; border:1px solid #000; text-align:center; padding:10px; } --></style> </head> <body> <div id="wrapper"> <div class="heading"> <span>Заголовок по центру</span> </div> <div class="box"> Мой текст </div> </div> </body> </html>