Yahoo!

Высота картинки какая? Если меньше высоты ячейки, то промежуток будет по-любому.

Напиши, что ты сделал.

Я выбираю что построже =) Учись! Для меня вёрстка по сравнению с программированием небо и подземка.

вообще-то там пропущен background:

Не пробовал, думаю пустой спан перед списком c float: right

круууууто! =)

Очень много элементов с абсолютным позиционированием - могут вылезти косяки и в нормальных браузерах! Ты лучше вёрстку переделай.

Можно обойтись псевдо-таблицей. Всему списку display: table , а li display: table-cell . Для IE6 и IE7 в HTML через условные комменты вставь таблицу. Так мы сможем сделать семантичную таблицу=)

Очень даже не плохо, но подвалу и правда чего-то хватает, например копирайта, и вообще подвал очень скушный, по сравнению с остальным контентом. Можно б было обойтись без таблицы в верхней и нижней навигации, списком и каждому li width: 16.6% (при условий что их шесть будет). Дивов много получилось. В общем гуд!!

Если паддинг ещё нужен, то display: table-cell для ссылок (флоат убери) других вариантов не знаю. Для ослов 7 и 6 не сработает!

Ну тебе ж три ссылки надо =) равномерно можно табличкой сделать, придётся в html залезть на блоках я не знаю, придётся всё же под количество ссылок подстраивать ширину: 100% / количество ссылок = их ширина

ну задать всем трём ссылкам ссылкам 33.3%, но бордер и паддинг мешает... если только не обернуть бы их в спаны и им задать эту ширину. зачем height: 16px ? Если нужна высота, то плиз сделай её в em'ах!

Да и вообще на чистоту, лучше использовать селекторы от родителей div.nameClass p {} div.nameClass p#nameID p {} где-то примерно так, а если надо задать класс, то семантический, а не font3. В дизайне я мало чего смыслю, но я бы эту верхнюю полоску с навигацией под дизайн не подделывал, а под неё весь дизайн, труднее конечно, но наверное будет лучше, чем сейчас. И сделал тогда уж в стиле висты.

фуууууух... сделал var block = document.getElementById('block') var blockDiv = block.getElementsByTagName('div') for(var k = 0; k<blockDiv.length;k++) blockDiv.item(k).className = 'none' var tabTitle = getElementsByClassName('tabTitle') for(var k = 0; k<tabTitle.length;k++) tabTitle.item(k).className = 'none' blockDiv.item(0).className = 'active' function test(number){ var menu = document.getElementById('menu') var li = menu.getElementsByTagName('li') var block = document.getElementById('block') var blockDiv = block.getElementsByTagName('div') for(var i = 0; i<li.length;i++) li.item(i).className = '' for(var k = 0; k<blockDiv.length;k++) blockDiv.item(k).className = 'none' for(var k = 0; k<tabTitle.length;k++) tabTitle.item(k).className = 'none' li.item(number).className = 'active' blockDiv.item(number).className = 'active' } оказывается ещё надо блок скрипта в правильном месте расположить! в CSS переправил div#block div.none на div#block .none ну и добавил с одной статьи скрипт для getElementsByClassName. Теперь вообще сахар! Только не валидно, попробую исправить. Ах, надо исправить, что б #menu переправить на .menu - не получается и #block на .block соответственно, а то один раз только использовать вкладки?

getElementsByName или getElementsByClassName не помогают (

Я взял твой пример, дописал в каждую вкладку по заголовку в начале (h3) с классом tabTitle и в скрипт добавил (подправил) var tabTitle = document.getElementById('tabTitle') for(var i = 0; i < tabTitle.length; i++) tabTitle.item(i).className = 'none'

psywolker, я всё ж не понял, если я добавил в содержание каждой вкладки добавил заголовок h2 и хочу что б при скриптах он не показывался, то: CSS: .tabTitle {display: block} JS: var tabTitle = block.getElementsByTagName('h2') for(var k = 0; k<tabTitle.length;k++) tabTitle.item(k).className = 'none' не работает, хотя делал вроде так же, как ты в своём примере с дивами.

Меня таблицы отталкивают из-за семантики, а отсюда проблема для людей на речевых браузерах(некоторые меня не поймут). И если хочешь таблицы, то dysplay: table, table-cell тебе в помощь, а для ie7=> таблица в условных комментах или скрипты, ты ж их знаешь.

Большое спасибо, пошёл разбираться что к чему =)

psywalker, можешь ещё раз тот код выложить, только с комментариями в нём? А то я тупой)

Качать оч. долго) а тот, что был удалили=(

Вот блин, на компе один только пэйнт, фотошоп скачать возможности скачать нет. Ладно как-нить сделаю попозже. Спасибо.

Не знаю как с более ранними версиями, но если я хочу, что б текст был больше маркеров <li><a href="#">Уц-уц-уц бэйби</a></li> li {font-size: 0.5em; list-style-type: disc} li a {font-size: 2em} IE отображает всё одинакового размера в бользу текста, т.е. текст большой по ссылкам, а не маленький по маркерам. Что делать?

А я наверн с книжкой посижу =) Кстати посоветуйте, что-нибудь скриптами сделать, а то книжку читаю, сажусь за комп, а не знаю что делать! Копирую код с книги - ошибка блин. Можно скрипт взять и потихоньку разобрать, но опять же какой? P.S.: скрипты эти наверн не для моего маленького мозга

Как сделать, что б содержимое всех вкладок при отключении скриптов были все показаны (display: block), а при скриптах содержимое неактивных вкладок было спрятано? И сами вкладки при скриптах были показаны, а при отключении скриптов - скрывались. В скриптах, ламер я) Попробовал function tab() { document.getElementById("t2").style.display = "none"; document.getElementById("t3").style.display = "none" document.getElementById("tab").style.display = "block" } #t2, #t3 {display: block} #tab {display: none} <body onLoad="tab; return false">...</body> ...ничего В гугле всё перерыл, нашёл супер-вкладки. Там как раз как я хочу, но не понимаю как там это устроено всё... Буду очень-очень благодарен за помощь.