Yazon_Nile

http://forum.htmlbook.ru/index.php?showtopic=32730&st=0&p=245764&fromsearch=1entry245764 Думаю, тут достаточно доходчиво.

Обычный, тянущийся PNG блок. Способов сверстать масса. Хотя бы так <div class="box"> <div class="title"> text </div> <div class="frame"> text </div> </div> Стили такие: на box вешаешь нижний бг и паддинг на высоту этого бг. На title - верхний бг и высоту на frame рипит среднего однопиксельного бг

Есть так рассуждаешь - значит не знаешь))

Почитай про лейауты, это основы css и html..

Не пойму в чем сложность) Ну тупо возьми исходный хтмл и удаляй потихоньку ненужные тебе строки, пока не получишь "чистый" лаитбокс)) http://files.mail.ru/I2BI7O Вот. Распакуешь архив - глянешь. индекс.хтмл - ихний исходник индекс-му.хтмл - мой пробник - создать пустой хтмл исходник + вставил ссылку на лаитбокс. Клацаешь - лаитбокс открывается. Правда хрен знает где. Но сам принцып работает. Дальше стилями надо крутить) ЗЫ, доктаип забыл один убрать)))

В основном лаитбоксы работают по принципу - выскакиваю, становлюсь по центру. Настраиваются так же одинаково. Нужно подключить скрипт, инициализировать его, подключить стили. (+ если надо, папку с картинками скопировать) Потом на нужную ссылку вешается класс типа .lightbox-opener, и в её же href ставиться айдишник нужного лаитбокса. Сори, что кучей вывалил. По примеру разбираться нет времени) надеюсь как-то подтолкнул к решению)

Кроссбраузерно никак..

Не телепат, какие дивы?

Кстати, img без аттрибута alt невалиден же, вроде

Ссылку бы.. И так и не понял, почему абсолютное позиционирование не выход.

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

Всем привет. Коротко о себе Какой-то минимум соображаю в джиквери, и абсолютный минимум в чистом JS. Сел было за обучение, но сложно.. Вот решил начать с практики, с простых примеров. Очень надеюсь на помощь. Задача: Создать универсальную функцию, которая будет выбирать последний элемент из нужного нам списка и вешать на него класс "last-child" Примерно в таком вот виде: function initPage(){ initLastChild({ menuSelector: "#nav3" }); initLastChild({ menuSelector: ".nav-block" }); initLastChild({ menuSelector: ".product-block > ul" }); } function initLastChild(){ /**code*/ } Вроде бы самая элементарная вещь. Надеюсь кто-то объяснит "на пальцах" спасибо

midle - middle)) А вообще этот блок main называют чаще) Футер развалился в фф10.0.2 Обнулялок нету. Я не говорю использовать Ерика Маера или такое же. Просто если используешь заголовок - не забудь обнулить ему жирность, маржины, фонт-саиз и лаин-хеит. Если используешь список - обнкли ему лист-стаил, маржин и паддинг и тд. Думаю разберешься. Много развалившихся блоков. Идеас, сигнап, блог - три совершенно одинаковых ФЛОТНУТЫХ бокса с одинаковым классом (кстати, как и две колонки с помидором и киви). Ниааких маржинов. Иконка вставляется имагой все остальное прописываешь от класса бокса. А если ты их вставлаешь рисунками, то точно никаких различных классов нет и в помине! На большее сори, времени нет) Как-нибудь позже. Продолжай!

Я бы делал так: 1. На боди - цвет с диагональными линиями. Там легко можно вырезать темплеит 2. 4 имаги по углам абсолютами 3. боковые тени тоже имагами на абсолюте с хеит 100%. 4. wrapper > .w1 - верхняя и нижняя тени. на враппер нижнюю и нижний паддинг, на в1 верхняя и верхний паддинг.

Ну так а тебе что надо? Задай стили для ячеек всей таблицы. + перебей стили для дочерних ячеек.

Как вариант - можно попробовать ссылку, что дал MadMax. Но я имел ввиду другое. JS именно растягивает пункты меню. Все автоматически - http://itmages.ru/image/view/439711/b456127f

Ну, как-то проще. Никаких тебе бихавиоров с файлами хтс..)

0 0 15px rgba(0,0,0,0.5) ====== Смещение по X | Смещение по Y | Размытие тени (как-то так) | цвет тени | К слову, если надо ПИЕ заюзать - через JS подключаю.

Это делает JS, который растягивает меню на всю ширину, высчитывая видс для каждого элемента списка.

Лучше всего реализовать тремя списками. Первый - 4 пункта, второй - 4, третий - 3 Инлаин блоки будут выравнивать построчно

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

Да знаю) Кого, как учили, похоже. запрета нет. Есть "нежелательно" )

Понеслась))) Ну, во-первых, должен быть самый главный оборачивающий див. Боди не для этих целей. 2 Тег <hr> некроссбраузерный. Такие вещи лучше делать бордерами. 3 Див лого - пуст. Текст, который заменяется картинкой должен быть прописан, как ты сделал в заголовах. 4 Обертка для ссылок в навигации сделана неправильно. Сначала ссылка, потом спан. 5 Большую центральную картинку лучше имагой сделать, а не бг 6 В блокквоте должная быть q 7 спан с классом аутор - тег cite 8 В списке сошиалс можно обойтись без классов - просто имаги вставлять. 9 футер - см п3 Что за куча скриптов непонятных?) Это без особой вчитки - основные ошибки. Не будет их - можно двигаться дальше. Искать какие-то более тонкие вещи. Пока так. ЗЫ. Код невалиден!

Убрал флот - все браузеры, что понимают дисплеи теибл отображают нормально - центрируют.

Чтобы не лечить такие баги нужно делать правильную верстку. Бордер не пропадает а режется. <ul class="nav"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> <li><a href="#">link4</a></li> </ul> .nav{ border-bottom: 1px #888899 solid; font-weight:bold; list-style: none; margin:0; padding:4px 0 0; overflow:hidden; } .nav li{ float:left; margin-right:10px; } .nav a{ background: #a5dbf5; border: 1px #000 solid; border-bottom: none; color: #000; display:block; padding:10px 14px; position:relative; text-decoration: none; } .nav a:hover{ margin:-4px 0 0; padding-top:14px; } или, ещё один вариант .nav{ border-bottom: 1px #888899 solid; font-weight:bold; list-style: none; margin:0; padding:0; overflow:hidden; } .nav li{ float:left; margin-right:4px; padding:4px; } .nav a{ background: #a5dbf5; border: 1px #000 solid; border-bottom: none; color: #000; display:block; padding:10px; position:relative; text-decoration: none; } .nav a:hover{ margin:-4px; padding:14px; } Проверил до ие7 включительно.