mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Предлагаю прекратить спор, я постараюсь никому ничего неговорить про то надоли использовать сброс. Но порекомендую тем кто его использует, ознакомится с дефолтным поведением елементов, и знать их дефолтные стили. Необязательно точно попиксельно, главное знать наличие.
-
я имел ввиду что я видел как на этом форуме выкладывали код с обнулением паддингов на <li> бывалые форумчане. Утверждать небуду, но кажется это были именно вы. Спасибо
-
Многие "признанные" досих пор таблицами верстают. Я неговорю что я профиссионал, но видел работы "профисионалов". Опыт я немеряю доходами. Я уверен что Эрик Мейер профисионал своего дела, и он никогда нестанет обнулять на <li> паддинги, потому что, врядли бы он создал свое обнуление, незная у каких елементов какие дефолтные стили, чем ксожалению грешат те кто пользуется этим обнулением. Покажите мне где я попусту обнулял чтото, то я конечно пересмотрю это и если действительно так то я конечно перестану так делать. Если вы имеете ввиду код который тут форумчане выкладывают, а я его поправил но неполностью... то такое действительно было, так как невсегда хочется ковырятся в чужом... Насчет стоимости то поверьте такое есть, только не в рунете, и конечно такие деньги платят не русские. То что вы давно пользуетесь сбросом - то пользуйтесь. Те кто давно верстают таблицами - верстайте как вам удобно. Но те кто только учатся пусь сразу учатся правильно делать.
-
да, вы правы <!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>Test</title> <style type="text/css"> body{ margin:0; font:14px/18px Verdana,Tahoma,sans-serif; } .box{ width:100%; overflow:hidden; } .name{ float:left; } .size{ float:right; } .dotted-line{ display:block; overflow:hidden; height:1%; background:#ff0 url(dotted-line.gif) repeat-x; } </style> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="box"> <span class="name">Size</span> <span class="size">19K</span> <span class="dotted-line"> </span> </div> </div> <!-- end wrapper --> </body> </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>Test</title> <style type="text/css"> body{ margin:0; font:14px/18px Verdana,Tahoma,sans-serif; } .box{ width:100%; overflow:hidden; } .name-hold{ height:1%; overflow:hidden; } .size{ float:right; } .name{ float:left; } .dotted-line{ display:block; overflow:hidden; height:1%; background:url(dotted-line.gif) repeat-x; } </style> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="box"> <span class="size">19K</span> <span class="name-hold"> <span class="name">Size</span> <span class="dotted-line"> </span> </span> </div> </div> <!-- end wrapper --> </body> </html> Спаны использовал чтобы без стилей это все становилось в линию... чтобы можно было понять что к чему
-
Чудак человек.... Мерятся с вами я небуду. Вы работали на фирме занимающейся версткой? Или только в домашних условиях? Дома очень сложно достичь того уровня какой на фирмах занимающихся версткой. Обратите внимание - именно версткой. В таких фирмах где верстка самой елементарной странички оценивается выше 100$ Неотноситесь вражески к моим советам. Проверьте их на деле и скажите вредные они или нет. Нехотите принимать - не принимайте. Есть что возразить - возражайте с конкретными аргументами.
-
А флотнуть вместо инлине-блок нельзя? У вас несработал <br /> в ие6 из-за zoom Попробовал - флотать нельзя
-
css-reset - сброс дефолтных стилей браузера (причем в каждом браузере есть свой дефолтный css). *{padding:0;margin:0;border:0;} Это народный краткий css-reset. И то что еще никакой америкос необозвал его своим именем незначит что это не сброс стилей Вырежу картинкой с макета и повешу на бекграунд на лишку. Так 100% будет кросбраузерность
-
и в диве id="text" поменяйте левый маргин на паддинг. Он обрезал ваши маркеры, так как у <ul> вы обнулили паддинг, то маркеры уехали за пределы блока text.
-
Уберите этот неграмотный код *{padding:0;margin:0;border:0;} И маркеры появятся. И на будующее запомните - это дурной тон!!!! Не обнуляйте стили глобально, неиспользуйте css-reset без просьбы клиента
-
Проблема в zoom:1; Постарайтесь избавиться от него Вот и первый баг использования zoom У вас что получилось <ul> <li></li> <div> <li></li> <li></li> <li></li> <li></li> </div> <li></li> <ul>
-
Попробуйте вместо elem.style.display=""; написать elem.style.display="table"; если это таблица или elem.style.display="block"; если это блочный елемент Странно, у меня ваш пример работает... И браузер у меня FF 3.0.13 Может у вас в браузере скрипты отключенны?
-
А чем то что вы предлагаете будет универсальнее? Понял - возможность использования под этим всем делом неоднородного бекграунда...
-
Ну что тут скажешь... ну применяйте css-reset. Всеравно мне вас не переубедить... Но просто знайте что это дурной тон... Так же как и обнулять паддинги на <li> , что делают даже бывалые участники этого форума.
-
Попробуйте тоже решение, только добавте бекграунд этим двум плавающим блокам. Бекграунд - цвет фона. И если что то паддингами еще и подровнять
-
Если их нет, то они должны быть дефолтные, а не со сброшенными стилями.
-
li.catalog_block, li.first_in_line_catalog_block{ list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } * html li.catalog_block{ display: inline; cursor:pointer; zoom:1; } * html li.first_in_line_catalog_block{ display: inline; cursor:pointer; zoom:1; } *html нельзя писать несколько селекторов через запятую
-
неошибается тот кто ниче неделает Правда если дают макет в котором есть все случаи и все елементы которые могут встретится...... Не ну всеравно их стоит переопределить, а не обнулить а потом определить... А если вы применили css-reset... а в макете нет допустим <h4> и вы незнаете какой он будет... какие стили вы ему задаете? Придумываете сами? Не проще ли оставить по дефолту?
-
В том и дело что по дефолту 0!!! Это у <ul> padding-left есть. Дело не в том чтобы помнить точно колличество пикселей, дело в том чтобы помнить где что А вы их не обнуляйте, а переопределяйте если надо. Если нет то оставте дефолтные.
-
Блин, как ссылку на другой пост на этом форуме сделать? http://forum.htmlbook.ru/index.php?showtop...20&start=20 http://forum.htmlbook.ru/index.php?showtop...st&p=110955 там это
-
css-reset это зло, человек заполняющий сайт ожидает стандартного поведения елементов, а они вдруг по непонятным причинам ведут себя не так(слипаются, и ниче неразберешь в этой лепнине). Учтите что у человека занимающегося контентом больше всего нет фаербага, да и с цсс он знаком неблизко. А чем вам плохи дефолтные стили браузера? Как по мне так очень продуманные и уместные (только немного различаются в разных браузерах). css-reset используйте только если этого требует клиент. После записи *{padding:0;margin:0} посмотрите на <ol> в разных браузерах, да и на <ul> тоже. А эти елементы очень часто используют с дефолтными стилями. И еще, те кто пользуется сбросом, потом когда правят чужой проект или доделывают, то начинают обнулять маргины паддинги на элементах где их никогда и небыло, например на <li>. Это потому что они даже незнают какие дефолтные стили этих елементов.
-
кхе, кхе... А как текст на абсолюте растянет блок по вертикали?
-
скопируйте код и посмотрите во всех браузерах. Тогда получится конструктивный разговор. -moz-inline-box Да, ненадо жестко задавать, надо задавать по ширине картинки, если она есть
-
А проверьте и увидите... ведь текст это инлайновый елемент и картинка тоже
-
Смотрю в фф3.0 Блоки становятся в линию, но их ширина зависит от текста. Если текста много то блок шире картинки, просто картинка по центру становится. Пример полностью скопировал отсюда, только, естественно, картинки свои вставил И как вы думаете будет ли работать inline-block в фф2?