Vadimka

возможно цифры обёрнуты в какой то тег, а у него возможно высота строки отличается (line-height) , заданы или margin или padding сверху или снизу, так же возможно что высота задана большая если это inline-block. полюбому либо цифры либо надписи в разных тегах а там уже параметры смотреть.

проблемы могут быть из за использования в стилях filter: , сталкивался с таким уже. не советую их использовать и ещё проверьте чтобы у всеч элементов с z-index было задано position

ну давай я начну) смотрел чрез firefox только, сижу со старого компа, запускать другие браузеры проблематично. буду писать так как у меня выглядит. первое что увидел, промотав вниз страницу - надпись Design by Vicoff съехала ниже границы #outer. ширина #outer у вас 88%, резиновая, тут сразу минус могу такой сказать - так как картинка логотип в шапке у вас фиксированая то на мониторах 1024px у вас она будет обрезаться, и текс в ней справа тоже - что не есть хорошо, при разрешение монитора больше 1280 появляется большой белый отступ у той же картинке справа - так же визуально недочёт. советую сделать фиксированую ширину для #outer. ну так мельком просмотрел всё, никаких косяков больше не заметил по коду да и визуально. хорошая вертска сайта начального уровня. дизайн во внимание не беру так как форум всё же html/css

вполне можно верстать без знаний JS, если конечно скрипт хороший, настроен и требует от вас только его подключения на страницу а так же при необходимости подключение библиотек таких как jquery например. в случае со слайдером, если он настроен и требует только того о чём я написал, то тут вам стоит только разобраться со структурой html кода слайдера и стилями. а прикручивать готовые скрипты - это вообще без использования JS, чистый CSS и шрифт сконвертированый например через http://www.fontsquirrel.com/fontface/generator, в 4 формата, ttf, svg, eot, woff - так как разыне браузеры используют различные форматы подключаемых шрифтов

уже долго мучает вопросы с этими двумя тегами.правильность вложения, для чего использовать лучше. всюду пишут по разному. в итоге запутался. в частности интересует следующий момент есть такая структура сайта. шапка подвал и меню навигации понятно какими тегами используем. а вот блок контента самого, например в этом блоке у нас на главной выводятся последние новости, статьи. какой из тегов <section> или <article> использовать для всего содержимого а какой для элементов в блоке с содержимым? и как в случае с интернет магазином, где элементы внутри блока контента это блоки с товарами?

самое интересное что на хостинге...В общем не из локального расположения если смотреть то рамка пропадает...да и локально исчезла вот после дальнейшей верстки. интересно было может что то влияло на появление такой рамки.

не плохой и интересный вариант) но мне именно 1px рамка нужна, по длинне короче штрихи. с хостингов, то есть с интернета даже 1 пиксельная в 8 нормально отображает. а вот на локале проблема. хотя сегодня заметил такую странную вещь. был голы код с одним div и стилем для него, проблема с рамкой пунктирной в ИЕ8...забил, делаю дальше, по мере написания кода страницы заметил что вскоре рамка отображалась как надо. так и не понял из за чего всё это. где бы почитать про это, с чем связано

звучит как "Напишите мне статью как вкрутить лампочку" http://htmlbook.ru/css/border http://htmlbook.ru/css/border-style почитай, раз попробуй и поймёшь как делать

в данный момент для меня не пустяк)))да и теперь просто хочу понять, можно ли исправить это, из-за чего это вообще

попробуйте скачайте по ссылке архив http://upwap.ru/2951368 с файлом, и если есть IE8 (не 9 и 10 в режиме совместимости а именно 8) проверьте. на 3 компах локально открываю - проблема на лицо

да причём тут 10 IE, ещё раз объясняю. в IE tester в режиме 8, в IE8 (не в 10, не в 9 в режимах совместимости а именно в 8), на виртуальной машине в 8 ИЕ. в этих трёх местах проверил - результат один.

да я же пишу что не на хосте а на локале. из папки запускаю файл index.html и на тебе. вот файлик залил http://upwap.ru/2951368 вот скрин отображения в IE TEster в IE8 так же ставлю толщину больше 1px - пропадает косяк. в чём же причина то?

что за чертовщина никак не могу понять http://table.ts6.ru/ или тот же код страницы <!DOCTYPE html> <html> <head> <title></title> <style> body { background: #444; } div { margin: 0 auto; width: 400px; height: 90px; border: 1px dashed #000; padding: 0px; background: #444; } </style> </head> <body> <div></div> </body> </html> Создаю через блокнот пустой файл с расширением .html, пишу код это. открываю страницу через IE8 (в режиме совместимости с IE7 открывает страницу), рамка как надо, пунктирная, чёрная, F12 в IE перевожу режим совместимости только IE8 - херак! рамка пунктирная только добавляется фон белого цвета, рамка как зебра. залил на хостинг, ссылка что сверху. открывает ровно в любом режиме совместимости..но на компе из любой директории такая лажа с пунктирной рамкой. что может быть?

не понял что требуется. в IE8 и ниже не и будет работать как вы сказали, так как там нет поддержки таких псевдоклассов. либо дополнительно присваивайте второму дочернему класс какой-то либо через js реализуйте

при резиновой верстке стоит обращать внимание на такие моменты: ширина задаётся в процентах, а рамки задаются в px если есть. отсюда могут быть проблемы с тем что что-то не уместилось. например как у вас 7 вкладок 15% ширина + 2 отступ, и того 17% на вкладку, 17*6=102 уже перебор, через last-of-type можно убрать отступ у последнего, тогда ровно 100% НО!!! если у вас у каждой вкладки по 1px-ной рамки, то это к 100% + 14px лишних, отсюда и возможно и съезжает.

тоже столкнулся с проблемой fixed на мобильном устройстве. по крайней мере на своём плеере, android 2.2 на стандартном браузере и opera наблюдал следущее. div с полупрозрачным фоном (фон не гравное), на 100% ширины и на 100% высоты, то есть растягивается на весь экран (для затемнения в модальном окне нужен этот див был) при скролинге, получалось что див с fixded скролился вместе со всей странице и с задержкой возвращался на экран, съезжал как бы. причём ширина всегда была 100% а вот высота почему то изменалась закрывая то весь экран то небольшой полоской то половину то оставляя мелкий кусок незакрытого. с чем связано не знаю...наверное браузеры немного некоректно работают с данными свойствами. получилось только на стандартном проверить и opera, на firefox забыл посмотреть. а какая у вас проблема если можно подробнее, я не совсем по картинке понял

http://everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize/ может тут какой то из селекторов вам подойдёт. 7, 22, 24 модет один из них вам подойдёт. но смотрите поддержку браузеров.

заключите Without post class в тег другого типа, например span. прошу прощения, сам немного ошибся в объяснение. first-child выбирает любой первый дочерний элемент, каким тегом он не был бы. а first-of-type выбирает первый дочерний нужного типа, так как .post это div то он применяется к элементу первому элементу div, если у него есть класс post, замените пустой div без класса span'ом и будет то что надо

есть псевдокласс first-child и first-of-type , в вашем коде подсвечивается первый дочерний элемент #content если он с классом .post, псевдокласс first-child указывает стиль первому дочернему элементу, будь то div будь то p и т.д. добавление этого псевдокласса какому то классу значит что этот стиль будет применяться первомук дочернему элементу если он с классом (тот который вы указали), а в вашем случае нужно использовать first-of-type, будет присваиваться стиль первому из своего типа, то есть первому с классом post

не можеть быть чтобы в :hover другая картинка не показывалась. ошибка где то у вас значит. или делайте как ShumNo сказал, через тень box-shadow выделение при наведение, или рамкой хотя бы

можно, всё через float. или inlite-block; просо вы где то ошибки допускаете раз с float не выходит, два дива внутри родителя, оба с float: left; один с картинкой другой с текстом, блок родитель с overflow:hidden; попробуйте ещё дочерним дивам размеры задайте, если съезжают, значит размеры в сумме больше размеров родителя

margin: 0 auto; работает для блочных элементов, в вашем случае картинка это строчный элемент, либо обернуть её в контейнер (у вас она в теге а, он может быть контейнером), и контейнер должен быть блочным, если тег а то display: block; и его через марджин выровнить, или проще, блоку родителю text-align: center, и она будет по центру, но текст под картинкой тоже, выбирайте удобный способ, либо картинка в блочном контейнере, либо text-align:center, но текст в контейнер с выравниванием по левому краю

css2, можешь сделать картинку по центру и чтоюы она не повторялась, плюс можно сделать ещё позиционирование фиксированым, крути не крути скрол-она на месте. css3 - можно масштабировать фон

не любитель разбираться в чужих кодах, по мне проще с нуля сделать. ну мне вот например непонятна немного структура сайта div left-side и right, что в них будет? ато пустые висят. не любитель я процентных значений размеров. по мне так лучше в px всё делать, тут правда дело вкуса кто в чем лучше делает. и поработать советую над кроссбраузерностью. вот процентные размеры дают о себе знать при масштабирование, блок в котором форма и текст Введите поле, при масштабирование между ними появляется белая полоса, это только при масштабирование, при нормальном просмотре на любых экранах её не будет но как небольшой мозолящий глаз минус мешает. а так ...прикинул бы на бумаге структуру тегов, если трудно представить как что должно быть.

есть такая замечательная клавиша F12 )) в хроме, в IE, в мозиле если firebug установить)) показывает код, и при клике по тегу его Css свойства, вот в IE у вас у div стоят Float, внутри легово <form> у которого width: 100% и он растягивается не по ширине блока родителя а по ширине всего окна, плюс к тому же у вас всё в процентах, попробуйте задайте блоку родителю position: relative и тоже самое form внутри этого блока. я бы конкретно сказал в чём проблема, но увы я не на работе уже, там место рабочее удобнее, мог бы всё протестировать.