Киря в рубрику HTML и CSS

Вопрос: Блок с картинкой и текстом.

Такая проблемка — есть шапка сайта, каждая ссылка состоит из картинки и текста
Код:
<div class="navli"><center><a ><img src="image.png" id="imgp"></a><br>
<a class="p" href="#">Портфолио</a></center></div>

Нужно чтобы при наведении на блок менялись и стили картинки и стили ссылки, как так сделать?

Задайте свой вопрос

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

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 3

Саша Кириллов
нужно написать стили для navli с псевдоклассом :hover

.navli:hover #imgp {стили для картинки}
.navli:hover .p {стили для ссылки}

Однако, есть несколько «но»
1) данный код не будет работать в ие6
2) id="imgp" не должен повторяться в каждом пункте меню, ибо на странице не должно быть больше одного id="imgp"
3) разметку ссылки в меню лучше вообще изменить следующим образом:
	<a href="#" class="navli">
		<img src="" alt="" />
		Портфолио
	</a>

стили для текста задать в .navli {стили для пункта меню в целом и стили для текста}
стили для картинки в .navli img {стили для картинки}
Киря
Спасибо.
Одно «но»
> 1) данный код не будет работать в ие6
не важно, а вот второе важно так как есть 3 пункта меню.

Киря
А не всё круто ;D
Спасибо! И за css.
И за вариант разметки!

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler