dab_den Сообщение 17/09/2008 04:52 Копия темы
HTML. верстальщики-гуру, помогите новичку. .
можно сказать вчера начал html учить =)

1) мне нужно некоторые поля в таблице оставить совсем пустыми, но стили не применяются если туда ничего не написать :( и выглядит таблица как на варианте2.

вариант1: dabden.com/table1/
вариант2: dabden.com/table2/

2) как сделать подсветку как тут (флеш)? хотя бы подскажите куда копать, JavaScript?
dabden.com/rozklad3/

p.s.: и если можно общую оценку верстки, вообще как? нормально? так и надо, или это не практично? в общем ваше мнение. спасибо.

umbabaraumba Сообщение 17/09/2008 05:54 Копия темы
.
2) как сделать подсветку как тут
там все на флэше сделано

dab_den Сообщение 17/09/2008 05:58 Копия темы
.
я знаю что на флеше сделано :) я сам делал. мне нужно не на флеше:) вот спрашиваю как?
а на 1ый вопрос не подскажете ответа? =(

LDZ Сообщение 17/09/2008 06:17 Копия темы
.
Чтобы поля не были пустыми напишите туда знак пробела  "& nbsp ;" – Только все пробелы уберите. Ну и естественно без кавычек

dab_den Сообщение 17/09/2008 06:31 Копия темы
.
о! спасибо, работает! а по 2ому вопросу не подскажите? =) и как вообще страничка, все правильно я делаю?

zoibana Сообщение 17/09/2008 06:34 Копия темы
.
Страничка нравится. Очень симпатично и наглядно.

По второму вопросу: можно легко реализовать с помощью javascript.

При наведении указателя меняем цвет на другой, а когда указатель убираем – возвращаем изначальный цвет

Greg Сообщение 17/09/2008 06:51 Копия темы
.
www.free-lance.ru/commune..

dab_den Сообщение 17/09/2008 07:37 Копия темы
.
спасибо :)

dab_den Сообщение 17/09/2008 07:38 Копия темы
.
не, ну визуально да:)... а внутри? :) сам код... может как-то по глупому или по старому написан. или нормально, как и надо? :)

iRabbit Сообщение 17/09/2008 13:48 Копия темы
.
> можно сказать вчера начал html учить =)
Учить — как-то некорректно. Изучать, использовать — это да.

> 2) как сделать подсветку как тут (флеш)? хотя бы подскажите куда копать, JavaScript?
Вообще, CSS (:hover). Но в контексте IE 6 — JavaScript. Советую набрать в Гугле "csshover.htc".

dab_den Сообщение 17/09/2008 14:00 Копия темы
.
спасибо большое, буду пробовать.

iRabbit Сообщение 17/09/2008 14:07 Копия темы
.
У меня карьера началась после прочтения Дж. Зельдмана "Веб-дизайн по стандартам". Если у тебя серьёзные намерения — рекомендую.

dab_den Сообщение 17/09/2008 14:12 Копия темы
.
ок, буду иметь в виду.

P.s: задал поиск по этому csshover.htc 95% статей не знаю для кого, для малознающего и понимающего они не в помощь абсолютно, ниче не понятно, а для знающего они нафиг не нужны вообще он сам сделает, что за бред =(.... *растроен*

iRabbit Сообщение 17/09/2008 14:24 Копия темы
.
<style type="text/css">
table tr { background: #fff; }
table tr:hover { background: blue; }
</style>

<table>
<tr>
<td>...</td>
</tr>
</table>

Код выше можешь проверить в браузерах, кроме IE 6 — он понимает :hover только для "a".

Чтобы всё это работало в IE — нужно скачать и подключить htc-файл:

<style type="text/css">
* html body { behavior: url(path/to/file/csshover.htc); }
</style>

iRabbit Сообщение 17/09/2008 14:25 Копия темы
.
Да, ещё в табличках курсор другой для строк:

table tr { cursor: pointer; }

dab_den Сообщение 17/09/2008 14:50 Копия темы
.
о! вот это понимаю доходчиво объяснил:) большой вам плюс, Никита, спасибо :).. сделал.. работает.

P.s.: если это не сложно, а как мне сделать чтоб оно подсвечивало две ячейки вместе как по флеше, гляньте плиз.
флеш: dabden.com/rozklad3/
html: dabden.com/timetable_hove..

iRabbit Сообщение 17/09/2008 15:01 Копия темы
.
Не вот если две ячейки из трёх нужно подсвечивать, то тут сложнее, так как при наведении на ячейку "не в деле" ничего не должно происходить.

Я бы использовал JavaScript. jQuery — если точнее :) Дело вкуса, какой framework. Что-то вроде:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(
function() {
$('table tr td.pointer:hover').hover(
function() {
$(this).parent().children('td.pointer').css({background:'blue'});
},
function() {
...
}
);
}
);
</script>

<table>
<tr>
<td>...</td>
<td class="pointer">...</td>
<td class="pointer">...</td>
</tr>
</table>

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

dab_den Сообщение 17/09/2008 15:04 Копия темы
.
не не, отличный пример. я ж AS знаю, программирование в принципе, оно все похоже, вникаю быстро, сейчас разберу, попробую:) главное чтоб пример рабочий был)