RFbager

Судя по документации,тег <nav> не работает в ie7

чёрт! Ну кто вам всем нагородил эту чушь???

Ну что за массовое помешательство?

Ну а почему у меня работает? Что я делаю не так?

Проблема в том,что я долгое время(около трех лет) занимался программированием(с++,delphi,чуточку ассемблер) и мне гораздо проще реализовывать идеи используя скриптовые языки,нежели вдаваться в тонкости html-разметки.

Скрипты именно ради модных визуальных эффектов.Div в данной задаче не подходит из-за своей "резиновой" структуры.Необходимо четкое позиционирование элементов при появлении полос прокрутки браузера,без малейших смещений.Поэтому выбор пал на табличную верстку.За тег <nav> спасибо,гляну что к чему.

Судя по документации,тег <nav> не работает в ie7

Скрипты могут быть отключены у пользователя

В скриптах так же могут быть баги связанные с кроссбраузерностью

Нужно применять такие средства реализации, которые подходят под задачу, а не "вывозить мусор на танке, потому что три года отслужил в армии и мне так удобней"

Если не нужна "резиновая" структура, задайте явные свойства, такие как width, height, position, display, overflow

<nav> работает даже в IE6, нужен лишь небольшой скрипт html5shiv

Информацию о теге nav взял с данного ресурса.Что касательно div-ов:как говорится на вкус и цвет все фломастеры разные.Решил не мудрить и просто сделал побольше классов.Всем кто участвовал в обсуждении большое человеческое спасибо.Отдельная благодарность за скрипт,действительно решает много проблем.

а и впрямь: зачем для меню <div>?

Ведь есть специально для этого предназначенный <nav>.

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

Проблема в том,что я долгое время(около трех лет) занимался программированием(с++,delphi,чуточку ассемблер) и мне гораздо проще реализовывать идеи используя скриптовые языки,нежели вдаваться в тонкости html-разметки.

Скрипты именно ради модных визуальных эффектов.Div в данной задаче не подходит из-за своей "резиновой" структуры.Необходимо четкое позиционирование элементов при появлении полос прокрутки браузера,без малейших смещений.Поэтому выбор пал на табличную верстку.За тег <nav> спасибо,гляну что к чему.

Судя по документации,тег <nav> не работает в ie7

понятнее не стало.

хотя на самом деле просто страшно. Неужто я правильно понимаю?

Для кнопки есть тэг <button>.

Обработчик же навешивается в специально обученном файле js, но никак не в атрибутах html.

И всё-таки: какая задача перед вами стояла? Можете её описать, не применив ни единого технического термина? Представьте, что перед вами жгучая блондинка.

Создание верхнего меню.Без тегов div.

RFbager, http://htmlbook.ru/css/hover

а onClick уберите и оставьте просто ссылку.

Т.е. это вы кнопку так сделали?

Да.Точнее верхнее меню.Сайт делаю не на cms.

Итак, предстоит большая работа.

Первым делом вам следует слегка причесать и почистить от мусора вашу запись.

Вот из этого:

<td class="имя класса" align="center" ID="c2" onMouseOver="newColor('c2')" onMouseOut= "backColor('c2')" onClick="location='адрес'">

следует сделать это:

<td>

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

Разве события можно как-то через css прописать?Здесь используется скрипт смены изображения в ячейке таблицы+ячейка таблицы выступает в виде ссылки,и для индексации в поисковиках оставил еще и обычную ссылку внутри ячейки таблицы.Вот так вот сделал кнопочку...

Что за события? Ни на какие события это влиять не должно, здесь всего лишь визуальное оформление.

Вот так все работает.

<td class="имя класса" align="center" ID="c2" onMouseOver="newColor('c2')" onMouseOut= "backColor('c2')" onClick="location='адрес'">

Если сделать выше описанной конструкцией,все так же очень хорошо смотрится,не приходится добавлять класс в каждую ячейку,но события onMouseOver="newColor('c2')" onMouseOut= "backColor('c2')" перестают работать(.То-есть не меняется задний фон скриптом.

только аккуратнее!

Этот способ не работает в устаревших версиях малопопулярных браузеров, но иногда их поддержка требуется по ТЗ.

Перестали работать события в ячейке(.Я так понимаю эта конструкция жестко прописывает правила поведения дочернего элемента или где-то мой косяк?Кстати,а возможно мсобытия прописать непосредственно в css?

только аккуратнее!

Этот способ не работает в устаревших версиях малопопулярных браузеров, но иногда их поддержка требуется по ТЗ.

Перестали работать события в ячейке(.Я так понимаю эта конструкция жестко прописывает правила поведения дочернего элемента или где-то мой косяк?Кстати,а возможно мсобытия прописать непосредственно в css?

только аккуратнее!

Этот способ не работает в устаревших версиях малопопулярных браузеров, но иногда их поддержка требуется по ТЗ.

Перестали работать события в ячейке(.Я так понимаю эта конструкция жестко прописывает правила поведения дочернего элемента или где-то мой косяк?Кстати,а возможно мсобытия прописать непосредственно в css?

Возможно есть какие-то свойства для управления конкретной ячейкой таблицы?Например номер столбца и строки и дальше перечислять свойство?

table tr:nth-child(3) td:nth-child(8) {
стили для восьмой ячейки третьей строки
}

Огроменное спасибище,именно то что нужно

Спасибо всем,кто участвовал в решении вопроса.

CSS:

.a {background:url("/img/img1.png");}
.b {background:url("/img/img2.png");}
....
.m {border-width:1px;}
.n {border-width:2px;}
....
.x {color:#f00;}
.y {color:#0f0;}
.z {color:#00f;}
}

HTML:

....
<td class="a m x">...</td>
<td class="a n x">...</td>
<td class="b n z">...</td>
....

Большое спасибо за иллюстрацию примера.Вот именно это и пугает.Возможно есть какие-то свойства для управления конкретной ячейкой таблицы?Например номер столбца и строки и дальше перечислять свойство?Или пример из цитаты единственное решение?

не совсем понятно, что именно вы имеете в виду, но может быть…

table td {
стили
}

???

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

Собственно встала проблема с css для таблички.Хотелось бы сделать стили для каждой ячейки в одном табличном классе,да бы не лепить 135 маленьких классов на каждую ячейку.Возможно ли это?Буду крайне благодарен за пример.

Боже, мои глаза! eval то вам зачем?

Хотелось бы как-то брать изображения из css классов,но как реализовать так и не смог понять.

function newColor(id, clName) {
  document.getElementById(id).className = clName;
}

Огромное спасибо за код.Скрипт взят из паблика и как-то не обратил внимания на функцию-склейку

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

function newColor(idCell) {
if (document.all) eval('document.all.'+idCell+'.style.background = "url(../../../img/123.jpg)"');
else eval('document.getElementById("' + idCell + '").style.background = "url(../../../img/123.jpg)"');
}

function backColor(idCell) {
if (document.all) eval('document.all.'+idCell+'.style.background = "#D6D2D6"');
else eval('document.getElementById("' + idCell + '").style.background = "#D6D2D6"');
}

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

У меня картинки закрыты для просмотра.

Спасибо всем,кто читал и думал над проблемой.Решил ,положив на дно ячейки соответствующей длины прозрачный gif толщиной в 1px.

Проблема решена.