termoplus

я вижу только один выход, но он меня не очень радует. 1)body - задний фон 2)html - белый фон растягивающийся по вертикали (ширина 1030 пик) 3) для шапки и подвала - отдельные абсолют дивы с 100% шириной с картинкой по середине а ширина самого контента делать ну скажем 960 пик. получается как бы контент сайта поверх двух задних фонов, первый - белый фон 1030 пик. второй - общая картика для монитора от 1280 пик пусть покупает нормальный монитор

как как?

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

ребят привет. опять нуждаюсь в помощи, теперь чисто теоретической. сталкнулся с такой проблемой. попробую объяснить подробно. нужно сверстать макет для монитором от 1024 пик. сайт фиксировнный 1030 пик. плюс задний фон для мониторов 1680 пик. итак на мониторах 1024 пик фон сайта будет белым, при 1280 и выше сзади появляется красочный фон. так вот как сделать ширину точной для монитора 1024 пик., но чтобы не было видно деталей заднего фона и полосы прокрутки снизу. простыми словами мне нужно как минимум чтобы контент сайта был 1030 пик. чтобы быть увереным что не появляются задние детали. дизайн сделан так что ширина шапки и подвала 1030 пик. спасибо

я знаю что в коде ошибка... но мне нужно именно такой вариант. не хотелось бы создавать отдельный LI, или есть нужна? вот картинка:

при использовании тега h2 в теге ul валидотор ругается но очень нужно именно такой подход, может как то обрамить h2 во что-то другое? <ul class="class"> <h2 class="classH2">Producst</h2> <li>- <a href="#">Lorem ipsum dolor sit vamet.</a></li> <li>- <a href="#">Sed facilisis pede non nisi.</a></li> <li>- <a href="#">Nulla dapibus fringilla ipsum.</a></li> </ul> спасибо

можно использовать одну и ту же форму, то есть с одинаковыми названиями (name,id) на разных страницах и нужно прибавлять префиксы, например name=email2, id=email2........ спасибо

спасибо всем. а если очень нужно использовать display:block чтобы строчка опустилась на строчку вниз плюс возможность использовать margin-top, но не без фиксированной ширины, так как строчки у меня разные...

неа, так и делал, ниче интересного.... a:link {color: #3b8cd8; text-decoration: underline;} a.block { background: url(images/ar.jpg) no-repeat right top; padding:10px 0; padding-right:25px; } <p class="text"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce augue ligula, eleifend a, ornare eu, fringilla id, turpis. <span class="block"><a href="#">Ut auctor lacus at magna. Cras pulvinar.</a></span> </p>

не получается.. точнее у меня сама ссылка прописана на общий файл a:link{}; а оформление хочу сделать для конкретной ссылки например .block так вот, если .block { background: url(images/ar.jpg) no-repeat right; padding: 10px 0; padding-right: 20px; } ничего не выходит..........

код примерно такой, напишу ща очень коротко. .link{ display: block; background: url(images/ar.jpg) no-repeat right top; } display: block; - все портит!!!! удлиняет на всю строчку. padding здесь не использовал, так как итак иконка бежит в самый конец

мне не трудно написать 2-3 строчки. то что вы уже написали давно уже использовал, не получилось поэтому решил спросить..............

ребят, вы не так поняли. хотя ладно, можно пример?

а display что установить? block вроде не то, так как иконка окажется в конце строки. что именно установить? спасибо

подскажите как через CSS сделать иконку и линка но только с правой стороны. то есть линк может состоять из 10 символов, 20, 30.... нужно чтобы картинка отображалась через CSS. спасибо

psywalker все это прекрасно, спасибо большое, вот только все это не то что мне нужно! 1) не люблю абсолюты ваще! не знаю почему, но стараюсь не использовать. 2) у меня основная проблема в отступах, точнее каждый браузер показывает по разному высоту блока(на 2-4 пик), поэтому даже если самый нижний див прижимается к нижнему краю, все равно в разных браузерах отступ между верхней и нижней колонкой (правого блока) заметны. дело в этом. SelenIT я не так выразился. имел в виду, что лучше абсолюты использовать при фиксированных размерах, в противном случае старые браузеры глючат.... всем спасибо за все! закрываю топик

сорри, видимо я не так объясняю. давай решим для чего я хочу выронить правый нижний див по нижней стороне левой колонки. дело в том, что никак не получается поймать полное выравнивание. каждый браузер показывает по размому. один браузер на 3 пик не достает до дна, другой наоборот 3 пик вылетает за рамки. третий показывает все хорошо. поэтому я подумал что если бы его выделать по нижнему краю, все исправиться. хотя только понял, что на других страницах все будет по другому. простыми словами мне нужно как-то сделать так чтообы левая и правая колонка были на одно уровне (нижний край), это видно на картинке выше. на внутренних страницах без разницы, пусть одна колонка будет длинней другой - не важно!

на фотке отмечено что нижний правый див выровнен по нижнему краю с левым дивом. на других страницах в принципе можно чтобы левая колонка была длинней правого нижнего. а вот на главнгой все должно быть ровно. браузеры по разному отображают (3-5 пик разница) на каждом браузере.

вот так должно получится. левая колонка может увеличиваться на кажкой странице.

неа, не думаю что так получится. для того чтобы сделать абсалют, нужно родительскому элементу задать релатив, а чтобы задать релатив нужны фиксированные размеры...

спасибо ребят, вот только можно как-то бед абсалютов? так как левая колонка может изменяться.... спасибо

всем привет. опять я! ребят подскажите плиз как выровнить Див по нижнему краю. Например есть две колонки, левая например 600 пик в высоту, правая 450 и 150, так вот во всех браузерах див (150) по разному отображается, точнее доли мм. хочу воровнить его по нижнему краю левой колонки. можно? спасибо

дело в том, что одно другому мешает. настройки для ИЕ6 действуют на версию 7+, а версия 8 на 6-ку.

да не,я наоборот хотел код уменьшить, так только загромождаю. спасибо

если нужно прописать два спец класса, первый для всех браузеров IE кроме версию 8, другой только для версии 6, выходит так что нужно в теге head прописывать 2 события??????? <!--[if lt IE 8]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> ———- <!--[if IE 6]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> можно как-то совместить?