Помогите вернуть валидность кода, не потеряв функциональность
Страницы: 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)
Новые темыОбъявленияСвободное общение
22:27 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
12:39 2Index - быстрая индексация страниц сайта и обратных ссылок 
06:17 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
11:46 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам). 
23:10 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
21:20 Rotapost прикрыли! Чем пользоваться? 
00:23 Раскрутка форума 
18:53 secrex.io обмен без лишних вопросов (NO AML) 
15:41 Запустите свой обменник за 1 день без программиста и серверов — облачная платформа EX365 
15:03 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
10:39 Адалт сайты и сетки PBN на DLE 
04:05 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
01:11 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
23:28 Помогите с оценкой стоимости сайта 
13:08 Бесплатный майнинг Tether (USDT) 
10:29 С юмором по жизни! 
16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 
20:43 Добро пожаловать в цифровой мир... 
15:59 Про мясо 
23:09 ПП от PMS remote.team - 200$ за команду 
13:28 Компьютерная мышь