dmitriydrachov

Да, отличное решение, но если элементы вырваны из потока, например float'ом. я просто пользуюсь сейчас 960 grid system и там элементы располагаются с помощью float, думал заменит на inline-block, но тогда появляются отступи, из методов которые я знаю, а именно нулевой шрифт, отрицательный маргин и коментарии не подходять - 0 шрифт не подходит ибо использую em а не px, маргин - потому что верстка резиновая(да и сетку нарушает), коментарии просто не хочу. Правда можно вложить это дело в дивы, но не хочется хламить код. А вообще я о разумности применения скрипта хотел бы узнать, мне просто не нра что для поиска классов надо парсить все dom дерево.

http://habrahabr.ru/post/73113/

Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .

display: block или line-height:0

Вы читаете масштаб повлияет?)) line-height: 19px; должно быть что и высота *margin-top: -1px; для ie7 вот это помогло

html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.

Ну так они почти одинаково отображаются. А вообще правильней было бы сказать какими должны быть браузеры и ос чтобы одинаково отображать шрифты.

Каждый браузер по своему рендерит шрифт. Есть такая штука которая в независимости от браузера и ОС будет рисовать тебе твой шрифт, но js должен быть включен - http://typeface.neocracy.org/ ,а также http://habrahabr.ru/post/23280/

<sss> —???????????? Ты разрабатываешь свой стандарт? http://jsfiddle.net/7FC9E/1/

У тебя трансформ на весь блок действует а значить и на шрифт в нем—вынеси в отдельный блок шрифт и отпозиционируй его как надо, либо попробуй :after(befor) { content:"bla-bla";} а вообще код у тебя как из мухи слон))

И мне пожалуйста помогите, не могу нормально отобразить меню в ie7

Дай css код.

top; 50%; left: 50%; margin-right: -Xpx; X- половина ширины элемента. margin-top: -Ypx; недостаток - если у тебя внутренний элемент изменит размеры то надо будит их прописывать по новой.

Могу только направить, ибо сам не с таким не сталкивался. http://jsfiddle.net/HM2mX/ - вот посмотри возможно там ты найдешь ответ но это по моему костыли еще те. Лучше через js.

http://lmgtfy.com/?q=%D0%BC%D0%B0%D0%BA%D0%B5%D1%82+%D1%82%D1%80%D0%B5%D1%85%D0%BA%D0%BE%D0%BB%D0%BE%D0%BD%D0%BE%D1%87%D0%BD%D0%BE%D0%B3%D0%BE+%D1%81%D0%B0%D0%B9%D1%82%D0%B0

Сдвинь сам блок.

А что именно не работает и какая версия оперы?

градиент либо стилем сделай http://htmlbook.ru/css/cat/gradient, либо прозрачный наложи прозрачную png.

а ты не думал что position: absolute для li наложит их всех в одном месте? http://jsfiddle.net/fmpPe/1/

Ссылку на сайт в студию.

<div id="menu_position"> <div id="menu"> <ul> <li><a href="#">1</a></li> <li><a href="#">22</a></li> <li><a href="#">333</a></li> <li><a href="#">4444</a></li> <li><a href="#">55555</a></li> <li><a href="#">666666</a></li> <li><a href="#">666666</a></li> <li><a href="#">666666</a></li> <li><a href="#">666666</a></li> </ul> </div> </div> * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } #head { position: relative; width: 100%; height: 30%; outline: 1px solid #cc0000; } #menu_position { width: 100%; position: absolute; bottom: 0px; } #menu ul { list-style: none; text-align: center; } #menu ul li{ font-size: 2em; margin-right: 20px; display: inline; } #menu ul li a { text-decoration: none; } #menu ul li a:hover { color: rgba(255,0,0,0.5); }

Либо убери float, либо при наведении поменяй border на outline.

Всегда задавайся вопросом "что если...?" Я просто напросто добавил текста в твои колонки получилось - http://jsfiddle.net/R4ANN/1/

Попробуй погуглить что-то типа "живой поиск js". Сам не делал такого. В голову приходит много идей, но всегда найдутся подводные камни, В общем можно поковырять, если чего будет интересное отпишу.

Думаю что чуть по другому. http://jsfiddle.net/2G5kp/