Помогите вернуть валидность кода, не потеряв функциональность
Страницы: 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)
Новые темыОбъявленияСвободное общение
14:09 2Index - быстрая индексация страниц сайта и обратных ссылок 
12:28 adsense в 2026: кто реально выводит копейку через киргизию? 
12:26 Очередной взлом через плагин. Хакеры получают админку без пароля 
12:19 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 
12:12 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
23:24 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
23:05 Раскрутка форума 
17:18 SOCKS5 приватные прокси на 30 дней для PayPal 
17:16 Google Voice аккаунты для бесплатных SMS и звонков 
17:16 PayPal аккаунты для любых целей 
15:11 HH.ru Работадателя вериф 
14:49 4G/LTE Mobile Proxy 30+ geo  
14:43 [UPDATE] CryptoMonitor — обмен BTC, USDT, XMR | актуальная тема сервиса 
13:32 Мониторинг обменников Сrypto-scout.io 
12:30 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
12:29 Огородники 
16:47 Какой фильм вы любите посмотреть перед сном? 
15:46 молодильные яблоки и живая вода 
10:11 О природе путешествий. 
01:47 Точные прогнозы на футбол 
15:04 Сайты Рунета