Rikani

zhuravlik, вообще пробелы появляются из-за того, что элементам <li> вы прописали display:inline и поставили между ними пробельный символ (в данном случает перевод каретки на новую строку). Если вы напишите код в таком виде <li>Один</li><li>Два</li><li>Три</li><li>Четыре</li><li>Пять</li> то пробелов не будет. Упс, это древность какая-то Извините)

Есть один полезный JS-скриптик, который подставляет флэш на страницу в нужное место, не требует активации в IE и Opera, и к тому же проверяет версию флэш-плеера. Я пользуюсь им. Вот официальная страница проекта: http://code.google.com/p/swfobject/ А вот русская инфа про него: http://designformasters.info/posts/flash-embed-with-swfobject-2/ и http://uppod.ru/player/faq/swfobject/

Возможно вам стоит попробовать один из трех, пришедших мне в голову, вариантов. Прописывать для внешнего div'а. Вариант 1: display: inline-block; Валиант 2: float: left/right; Вариант 3: position: absolute;

margin padding

Это так называемый "Margin Collapsing". Подробнее можно прочесть тут. http://habrahabr.ru/blogs/css/123250/ Вместо рамки в 1px для div 1 можно указать overflow:hidden

Вот так можно. http://jsfiddle.net/kc9yf/

Если вы так заморачиваетесь с уголками, значит для вас важна поддержка старых IE. Поэтому только для IE6 и IE7 у блока с классмо "sales" надо прописать display:inline.

От сюда .bttl a{ font-size: 1.125em; font-family: Arial, Helvetica, sans-serif; color: #006699; float: left; } уберите "float: left" И от сюда тоже .sales{ margin: 0 0 0 10px; height: 16px; float: left; display: inline-block; }

Попробуйте задать div'у с классом "sales" display: inline-block. Может быть этого хватит, а может и нет, трудно сказать не увидев всего кода вместе с CSS

Ваша ссылка с картинкой находится в div'е, а он по умолчанию является блочным элементом и занимает всю ширину контейнера.

Может быть так? <a href="#">ссылка 1</a> <a href="#"><img src="/картинка.jpg" alt="картинка"></a> А первая ссылка и картинка-ссылка ведут на разные страницы?

У вас вложенность немного не правильная. Есть возможность ее изменить? <div id="box"> <div id="box-header"></div> <div id="box-middle"></div> </div> Вот так, например. Если даже и будет отображаться background вашего "box-header", то на скругленным уголках у вас будет прорисовываться серый фон от блока "box-middle". А мне кажется, что вам это не нужно.

http://htmlbook.ru/html/article

Ага, не очень красиво, когда картинки при первом наведении мигают.

А ширина контейнера не фиксированная? Может быть по ширине не вписывается? Выложите код, варианта "вообще без P".

Может быть использовать, что-то типа этого? HTML <div id="wrap"> <div id="left">тут левая картинка</div> <div id="content">тут весь ваш контент</div> </div> CSS #left{float: left; width: 100px;} #content{margin-left: 100px;}

А можете нарисовать схему, как должно всё выглядеть? И если есть какой-то код, то кусок кода выложить.

conditional comments

Пуленепробиваемое решение. Можно и display: block. Минус overflow:hidden, в то, что это overflow:hidden. А если нужно отличное от hidden значение? P.S. Забыл добавить, чтобы была полная поддержка всех браузеров надо дописать для IE6 zoom: 1. Работать будет везде.

psywalker, так я поэтому и написал, что нужно пересматривать минимум 2 раза. Согласен, все проходится в сжатые сроки, запомнить такой объем информации да еще и понять сразу, очень сложно.

Если вы из Москвы, то советую пройти курсы в центре "Специалист", ну или поискать записи курсов на торрентах - HTML и CSS 1 и 2 уровень (пересмотреть минимум 2 раза!). На этих записях как раз курс читает Петров Е.Г., отличный преподаватель(я после просмотра этих курсов, не пожалел денег и записался, чтобы послушать его в живую ). Ну и в дополнение советую прослушать курс "Веб - дизайн. Создание корпоративных и информационных сайтов". Тоже по верстке много полезных вещей + приобретёте минимальные навыки работы с фотошопом, для верстальщика самое то.

Или .content:after { content: ""; display: table; clear: both; }