Консультация № 107756
02.11.2007, 11:48
0.00 руб.
0 1 1
Здравствуйте граждане эксперты.
Это снова я)))

Вот почти полностью сверстал вот такой макет: http://wmzar.com/zad/2 copy.JPG
Вот что получилось: http://wmzar.com/zad/testJob.html
Почти всё сделано, остались мелочи, но есть и ещё несколько проблем:

1) Во первых это меню. В ответах на вопрос № 107562 эксперты Бородин Александр и silvanus очень мне помогли сделать меню, но возникла другая проблемка. Как видите, всё работает, но текст в меню выравнивается по центру. А с боков пустое место. Если навести курсор мыши в это пустое место. То цвет ссылки не меняется. Как сделать чтобы текст ссылок менялся при наведении мыши в любое место ячейки таблицы?

2) Во-вторых... внизу остаётся пустое пространство... не пойму откуда оно там берётся и как от него избавится?

3) И ещё в сасом верху, где кончается шапка и начинается основной белый фон. В IE есть расстояние в несколько пикселей между ними. А в Опере и Мозилле его нету. Если поставить смещение на несколько пикселей вверх, то в IE всё нормально, а в Опере и Мозилле соответственно эти несколько пикселей наезжают на шапку. Как сделать, чтобы не было этих лишних пикселей в IE?

4) И почему то, в Мозилле, при наведении мыши на надпись мебель для гостиной, она не выделается как hover, хотя должна? В других браузерах всё норм. Главное меню в мозилле нормально работает, а сделанное по аналогии «Мебель в гостиной» нет, и я никак не пойму почему.

Сам html код можно посмотреть просто открыв страницу, а css файл приложении

Вот пока и всё, буду крайне благодарен любым советам))))

З.Ы. Я понимаю что вопросов много и они довольно сложные, а потому эксперту, который ответит на все вопросы и его ответы помогут избавится от данных проблем, обещаю НЕБОЛЬШОЕ материальное вознаграждение в wmz эквиваленте))))

Приложение:
body { behavior: url ("csshover2.htc");}.menu td{ background: url("menu_norm.bmp"); color:#FE5104; font-size:13px;}.menu td:hover{background: url("menu_hover.bmp"); color: #FFFFFF; font-size:13px;}a{color:#000000; font-size:14px;}a:hover{color: #FE5104; font-size:14px;}.menu a{ color:#FE5104; font-size:13px; padding: 20px 9px 20px 9px;}.menu a:hover{color: #FFFFFF; font-size:13px; padding: 20px 5px 20px 5px;}.menu {position: absolute; top:97px; left: 150px; margin: 0 0 0 0;}#polosa { position: relative; top:215px; left:34px;}#polosatxt { position: relative; font-size:11px; top:175px; left:255px;}#opisan { position: relative; font-size:14px;}#niz { position: relative; top:-40px; left:0px;}#preview {line-height: 0.8; font-size:12px;}.all { position: relative; background-color: #FFFFFF; width: 864px; height:1260px;}.bok { background: url("bok_norm.bmp"); background-repeat:repeat-y; font-size:23px;}.bok:hover { background: url("bok_hover.bmp"); background-repeat:repeat-y; color:#FE5104; font-size:23px;}.podval {position: relative; bottom:70px;}

Обсуждение

Неизвестный
02.11.2007, 14:01
общий
это ответ
Здравствуйте, Стас Тельнов/[анти]КИЛЛЕР!
В некоторых пункатх должно помочь следующее
Смотри приложение ->

Приложение:
Удали эти строки за неграмотностью и ненужностью:.menu td{ background: url("menu_norm.bmp"); color:#FE5104; font-size:13px;}.menu td:hover{background: url("menu_hover.bmp"); color: #FFFFFF; font-size:13px;}А эти подправь:.menu a {display:block; background: url("menu_norm.bmp"); color:#FE5104; font-size:13px; padding: 20px 9px 20px 9px;}.menu a:hover {background: url("menu_hover.bmp"); color: #FFFFFF; font-size:13px; padding: 20px 5px 20px 5px;}Я тебе о display:block в прошлый раз писал
Форма ответа