kamaz6141

UP!

поподробнее плиз))

не могу разобраться я по тому примеру((( мне нужно чтобы отмеченные блоки автоматически дорисовывались до низа, пишу height:auto и они просто исчезают... вот html <div class="news"> <div id="ygol1"></div> <div id="ygol2"></div> <div id="top"></div> <div id="left"></div> <div id="right"></div> <div id="center"> CD-визитка — оптический диск, выполняемый в формате визитной карточки (повторяет её размер 90?50 мм). Предназначен для хранения персональных данных, дополняющих контактную информацию, отпечатанную на лицевой стороне CD-визитки. Диск визитки предназначен для воспроизведения в компьютерном приводе, его проигрывание обеспечивается расположением в её нижней части выпуклостей, фиксирующих диск в 8-см углублении для mini-DVD и mini-CD-дисков. В отличие от CD-открыток, диск выполнен из более плотного материала и имеет меньший радиус, поэтому существует меньше возможностей его разрыва в компьютерном приводе. Для вариантов выполненных на базе CD-технологии характерен объём 20 Мб. Обратная сторона диска допускает нанесение на неё меток и изображений, хотя в центре диска присутствует отверстие. [править] Стандарты Существует несколько стандартов хранения данных на цифровых оптических дисках. В совокупности они называются «Радужными книгами». Они включают в себя «Красную книгу» — стандарт для аудиодисков, «Белую книгу» — стандарт хранения видео данных, «Жёлтую книгу» — стандарт хранения компьютерных данных, а также «Зелёную книгу» — стандарт хранения мультимедийной информации на диске, объединяющий три предыдущих стандарта (см.: CD-i). </div> <div id="ygol3"></div> <div id="ygol4"></div> <div id="bottom"></div> </div> вот сss #ygol1{ overflow:hidden; float:left; margin-left:30px; width:80px; height:80px; background:url('../images/ygol1.png') no-repeat left top; } #ygol2{ overflow:hidden; float:right; margin-right:30px; width:80px; height:80px; background:url('../images/ygol2.png') no-repeat right top; } #top{ overflow:hidden; height:80px; background:url('../images/top.png') repeat-x center top; } #left{ overflow:hidden; float:left; margin-left:30px; width:80px; height:auto; background:url('../images/left.png') repeat-y left top; /*вот левый кусок картинки*/ } #right{ overflow:hidden; float:right; margin-right:30px; width:80px; height:auto; background:url('../images/right.png') repeat-y right top; /*вот правый кусок картинки*/ } #center{ overflow:hidden; height:auto; background-color:#d7d7d7; } #ygol3{ overflow:hidden; float:left; margin-left:30px; width:80px; height:80px; background:url('../images/ygol4.png') repeat-y left bottom; } #ygol4{ overflow:hidden; float:right; margin-right:30px; width:80px; height:80px; background:url('../images/ygol3.png') repeat-y right bottom; } #bottom{ overflow:hidden; height:80px; background:url('../images/bottom.png') repeat-x bottom center; } как то так...просто не силён во всём этом, убил 3 суток и не могу разобраться как это сделать нормально...

блин...я вообще запутался....вот что получается: а нужно и чтобы при изменении обьёма текста корректно менялась высота блока

впринципе так и сделал, но правый и левый блок поверх центрального, структура DIV такая должна быть? <div id="center"> <div id="left"></div> <div id="right"></div> </div>

спасибо, приступил к изучению

там ширина фиксированная, а мне надо чтобы в середине элемент был резиновый...

Вобщем такая проблема, имеется три div <div class="news"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> нужно чтобы они были в одну строку, первый див прижат к левому краю, второй посередине, третий прижат к правому...вот css который я написал #left{ border:1px solid #000; overflow:hidden; float:left; width:80px; height:80px; background:url('../images/left.png') no-repeat left top; } #center{ border:1px solid #000; overflow:hidden; float:left; width:auto; height:80px; background:url('../images/center.png') repeat-x center top; } #right{ border:1px solid #000; overflow:hidden; float:right; width:80px; height:80px; background:url('../images/right.png') no-repeat right top; } но в итоге третий див всё равно переносится на новую строку...обьясните плиз как решить проблему... или вот как проще обьяснить что вообще нужно: нужно построить вот такую конструкцию DIV'ами(пронумерованы) 1 2 3 - 1,3 фиксированы ; 2 резиновый по ширине,по высоте фиксирован 4 5 6 - 4,6 фиксированы по ширине и повторяется по высоте; 5 резиновый по ширине, высота(контент) 7 8 9 - 7,9 фиксированы ; 8 резиновый по ширине,по высоте фиксирован тоесть у меня есть кусочки (фоны) разбитого четырехугольника с закругленными улами , ну а в центре находится контент с белым фоном. P.s. Если ктото сможет понять что я спрашивал , то подскажите как правильно сделать, заранее спасибо

Вобщем чтобы небыло много вопросов...дали задание сделать сайт на html/css , 2-х колоночный, чтобы в левой части - меню, а в правой - статьи, так чтобы при переходе по меню менялась информация справа...начал я всё делать фреймами, но как то геморно, есть ли варианты создания подобного сайта не фреймами, а обыччными DIV'ами? Может что посоветуйте?

ок, спасибо вам большое и снова возник вопрос =( #menutop{ background:url('../images/1.png') no-repeat center top; } как сделать чтобы высота блока автоматически выставлялась по высоте изображения?

Спасибо за подробные разъясненья, всё понял, буду изучать =) и ещё можно ссылочку на книгу?

Добрый день форумчане, сразу говорю что в html и css я чайник, собственно и создал тут тему дабы получить ответ, а не "иди юзай гугл" и "учи учебники". А вот и проблема: Создал я в PS фон блока, разделил его на 3 части и сохранил, создал DIV с классом: <div class="box"></div> затем описал класс: .box{ border:1px solid #000; width: auto; height: auto; margin:10px auto; background:url('../image/Верхняя часть фона.png') no-repeat center top; background:url('../image/Средняя.png') repeat-y center; background:url('../image/Нижняя.png') no-repeat center bottom; } и как я думал у меня получится фон блока соединённый из 3 частей...но к сожалению ничего не вышло...как же сделать правильно? Надеюсь я более менее понятно расскрыл суть проблемы и рассчитываю на адекватную помощь, заранее спасибо.