Помогите вернуть валидность кода, не потеряв функциональность
Страницы: 1
[ Закрыто ] Помогите вернуть валидность кода, не потеряв функциональность, Не могу решить одну проблему так, чтоб было валидно.
Здравствуйте уважаемые вебмастера, у меня тут проблемка при создании кнопки через css, код такой
Код
<a href="xxxxxxx.htm"><div class="x"></div></a>
, в css следующее
Код
 .x {
   height: 43px;
   width: 200px;
   background: url(. ./images/kvartirnyj_pereezd_of.png) no-repeat;
}
.x:hover {
   background: url(. ./images/kvartirnyj_pereezd_on.png) no-repeat;
}


проблема заключается в том, что когда присваиваешь класс самой ссылке, она становится невидимая, долго пытался решить проблему, наконец вставил внутрь ссылки тег div, заработало, но код получается невалидный.
Изменено: transmax - 24 Января 2011 05:18
просомтри во всех браузерах, если везде нормально отображается, то забей на невалидность кода)
Может будет лучше:
Текст ссылки ?
Или я неправильно понял вашу просьбу?
Код
<div class="x"><a href="xxxxxxx.htm"></a></div>


.x  a {
   height: 43px;
   width: 200px;
   background: url(. ./images/kvartirnyj_pereezd_of.png) no-repeat;
}
.x a:hover {
   background: url(. ./images/kvartirnyj_pereezd_on.png) no-repeat;
}


Вроде так
Хотя может и не так ))
Я бы проверил, но сейчас чё то лень )
Цитата
Макс пишет:
Может будет лучше:

Текст ссылки ?

Или я неправильно понял вашу просьбу?

В этом варианте не отображается ничего, пустое поле.
Цитата
Олег пишет:
Код
<div class="x"><a href="xxxxxxx.htm"></a></div>





.x&nbsp;&nbsp;a {

&nbsp;&nbsp; height: 43px;

&nbsp;&nbsp; width: 200px;

&nbsp;&nbsp; background: url(. ./images/kvartirnyj_pereezd_of.png) no-repeat;

}

.x a:hover {

&nbsp;&nbsp; background: url(. ./images/kvartirnyj_pereezd_on.png) no-repeat;

}




Вроде так

В этом варианте фон отображается и даже меняется при наведении указателя, но ссылки на области нет.
я уж все перепробовал smile:(
Код
<st yle>.x {
   height: 43px;
   width: 200px;
   background: url(1234.jpg) no-repeat;
}
.x:hover {
   background: url(123.jpg) no-repeat;
}</style>
<div class="x"><a href="1.html"></a></div>



Вот так у меня все заработало.
Хотя да, ссылка не кликабельна...
А почему вас так волнует вопрос валидантности ? Всего лигь див в ссылке.. Норм
Ну неужели никто не знает? Неужели ни один из здесь присутствующих не сталкивался с подобным?
Цитата
transmax пишет:
Ну неужели никто не знает? Неужели ни один из здесь присутствующих не сталкивался с подобным?


HTML или CSS?
Попробуйте так:
<ob ject><div class="x">Текст ссылки</div></object>
Я правильно понял, что ссылка у вас пустая?

То есть именно
Код
<a href="идем-куда-то.htm"></a>

а не
Код
<a href="идем-куда-то.htm">что-то там</a>


Если да, то есть без какого либо текста, то ссылку надо представить блоковым элементом:: display:block; Тогда DIV нафиг не упал.

И будет так:

CSS
Код
a.xxx  { 
   height: 110px; 
   width: 110px; 
   background: url("1.jpg") no-repeat; 
   display: block;
} 
a.xxx:hover{          /* (или a:hover.xxx) - у мя и так и сяк заработало, и валидность в этом месте может гикнуться - надо проверять */
   background: url("2.png") no-repeat; 
   display: block;
}


HTML
Код
<body>
<a href="1.htm" class="xxx"></a>
</body>


Должно работать вообще везде и с валидностью проблем не вижу....
Изменено: aaliseyko - 31 Января 2011 02:03
Создание сайтов, верстка | http://www.weesite.ru
Веточка на супре | http://www.cy-pr.com/forum/f74/t16076/
Так как тема давно закрыта -> перенёс в раздел "Х".
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
20:18 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией? 
20:14 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 
20:11 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 
18:53 Кнопки "скрыть" и "пожаловаться" в рекламе яндекса 
15:29 OpenAI и шейхи: Цензура на продажу и "гибкие" идеалы амеров 
13:26 Как безопасно купить Гугл почту? 
10:59 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
08:45 GhostRocket.pro — Взлетаем в новую эру криптообмена! 
04:13 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
00:01 E-currency.exchange — ваш помощник в мире обменов 
23:40 Monitex: Мониторинг с кэшбэком 80% в USDT 
22:35 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
18:41 Веривикация Авито 
17:37 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
03:45 Гильотина для классиков: Клод доедает физические книги 
01:24 Точные прогнозы на футбол 
21:04 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 
19:29 FIFA и Assassin’s Creed воруют пароли: В репаки зашили лютый стиллер. Чекаем логи 
19:24 Туалетные секреты: Замурчательная тема 
19:15 Сайты Рунета 
15:15 ИИ-театр для инвесторов: почему виральные посты в Moltbook писали люди и в чем подвох OpenClaw