div как ссылка

[Gokusa]

имею

.number1

{background:url('wrapper_tr.jpg') 100% 0

no-repeat; }

нужно добавить чтобы данный класс явился ссылкой на постоянный адрес, и имел размер ну допустим 100 на 150 рx.

что нужно дописать?

linkblock - не работает.

[hedgehog]

http://api.jquery.com/click/

а почему нельзя использовать <a> ?

Edited December 22, 2011 by hedgehog

[Gokusa]

http://api.jquery.com/click/

а почему нельзя использовать <a> ?

где именно использовать <a>?

так не работает

<a href="ссылка"><div class="number1" ></div> </a>

так тоже {background:url('wrapper_tr.jpg') 100% 0

no-repeat; style ="linkblock"; location.href="ссылка";}

также нужно чтобы курсор менял внешний вид при наведении на объект.

киньте кто-нить ссылку на полноценный справочник по CSS

Edited December 22, 2011 by Gokusa

[sammasati]

http://api.jquery.com/click/а почему нельзя использовать <a> ?

где именно использовать <a>?так не работает<a href="ссылка"><div class="number1" ></div> </a>так тоже {background:url('wrapper_tr.jpg') 100% 0no-repeat; style ="linkblock"; location.href="ссылка";}также нужно чтобы курсор менял внешний вид при наведении на объект.киньте кто-нить ссылку на полноценный справочник по CSS

Почему нужен именно div?

Можно ведь сделать <a> блоком:

a {
  display: block;
  width: 100px;
  height: 150px;
  background:url('wrapper_tr.jpg') 100% 0 no-repeat;
}

[Gokusa]

"див" просто жизненно необходим

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

дивы они и в африке дивы.

если ничего не придумаю , тог воспользуюсь вашим вариантом с <a>

спасибо

Edited December 22, 2011 by Gokusa

[Gaspode]

киньте кто-нить ссылку на полноценный справочник по CSS

Вы не поверите: htmlbook.ru

так не работает

<a href="ссылка"><div class="number1" ></div> </a>

И правильно делает. А вот так:

<div class="number1"><a href="ссылка"></a></div>

?

Edited December 22, 2011 by Gaspode

[Gokusa]

киньте кто-нить ссылку на полноценный справочник по CSS

Вы не поверите: htmlbook.ru

так не работает

<a href="ссылка"><div class="number1" ></div> </a>

И правильно делает. А вот так:

<div class="number1"><a href="ссылка"></a></div>

?

просто у нас здесь

<div этот див должен быть ссылкой> <!--левая части шапки-->

<div><!-- правая сторона шапки-->

<div> тут контент в виде таблицы , если напишем ссылку сверху таблицы, то всё будет не так

</div>

</div>

</div>

киньте кто-нить ссылку на полноценный справочник по CSS

Вы не поверите: htmlbook.ru

так не работает

<a href="ссылка"><div class="number1" ></div> </a>

И правильно делает. А вот так:

<div class="number1"><a href="ссылка"></a></div>

?

просто у нас здесь

<div этот див должен быть ссылкой> <!--левая части шапки-->

<div><!-- правая сторона шапки-->

<div> тут контент в виде таблицы , если напишем ссылку сверху таблицы, то всё будет не так

</div>

</div>

</div>

А вот так не получается, мне же в ссылку не к чему цеплять, в общем вот пример кода:

<div class="wrapper_tl" style="width:100%;"><a href="fgfgf">

<div class="wrapper_tr" class="wrapper_br">

<div class="wrapper_bl">

<div class="wrapper_br">

<table cellpadding="0" cellspacing="0" width="100%"></a>

<tbody><tr>

<td style="vertical-align: top; padding-top: 35px;">

<!-- увеличил величину отступа с 20 на 35 px тем самым логотип виден весь-->

<table align="right" cellpadding="0" cellspacing="0">

...................

вот ссылка на рабочий сайт: http://vostorgopt.ru/

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

можно ли такое сделать просто на css/ если нет, то нет.

вопрос сводится к тому , как сделать стиль ссылку, данный стиль ссылку присвоить изображению и замостить этим изображением див.

осуществимо это на css?

[hedgehog]

"див" просто жизненно необходим

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

дивы они и в африке дивы.

если ничего не придумаю , тог воспользуюсь вашим вариантом с <a>

спасибо

Все равно не понимаю, зачем нужен див. Есть же варианты:

1. Ссылка с display: block, бекграундом и позиционированием

2. Ссылка с позиционированием и картинкой внутри

3. На худой конец, глуповато конечно: ссылка внутри дива, занимающая все пространство родителя.

А во многих местах как будете использовать? Собираетесь кучу логотипов с одной и той же ссылкой разместить или как?

На сайте по ссылке выше логотип - это бекграунд, поверх которого наложен тег <a> с display: block и прозрачным фоном.

Edited December 22, 2011 by hedgehog

[Gokusa]

"див" просто жизненно необходим

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

дивы они и в африке дивы.

если ничего не придумаю , тог воспользуюсь вашим вариантом с <a>

спасибо

Все равно не понимаю, зачем нужен див. Есть же варианты:

1. Ссылка с display: block, бекграундом и позиционированием

2. Ссылка с позиционированием и картинкой внутри

3. На худой конец, глуповато конечно: ссылка внутри дива, занимающая все пространство родителя.

А во многих местах как будете использовать? Собираетесь кучу логотипов с одной и той же ссылкой разместить или как?

На сайте по ссылке выше логотип - это бекграунд, поверх которого наложен тег <a> с display: block и прозрачным фоном.

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

касаемо во многих местах использовать: на всех страницах сайта он будет рисоваться и чем меньше в нём букв и кавычек тем проще его "рисовать" вроде так

блин , не могу найти как привязать блок к блоку, ну типа сделали коробку !!!плавающего!!! размера, поместили туда дивы, и они вне зависимости от размеров экрана пользователя сохраняли бы порядок и не разбегались по вертикали из этой коробки.

какое значение атрибута position имеет такую опцию?

т.е. я так понимаю, сделать ещё один див-ссылку невидимый и разместить поверх или под логотипом?

и как сделать чтобы курсор менял внешний вид при наведении на логотип?

спасибо, кажется это то что надо

[Gokusa]

ни хрена не понимаю, как сделать -то этот рисунок ссылкой- background:<a href="dfgdf">"рисунок.jpg"</a> не работает.

где узнать синтаксис СSS?

[hedgehog]

http://stepbystep.htmlbook.ru/?id=46

[Gokusa]

это все понятно,не понятно как ему передать в свойство бекграунд значение типа ссылка?

или он такое не хавает и на css это вообще невозможно?

а нужно просто написать <div><a hre="url"><img url ="link" > </a>.здесь ещё куча дивов,поэтому вариант с класс= линкблок -ом работает вся станица как ссылка,а нужно чтобы только одно изображение ,вставленное как бекграунд в уголок дива работало как ссылка.......</div>

Edited December 23, 2011 by Gokusa

[hedgehog]

это все понятно,не понятно как ему передать в свойство бекграунд значение типа ссылка?

или он такое не хавает и на css это вообще невозможно?

Кому ЕМУ? Что значит "передать в свойство бекграунд значение типа ссылка"?

ссылка - это отдельный элемент (тег <a></a>). все, что внутри ссылки - это кликабельная область, при клике на которую происходит переход по урл, указанному в аттрибуте href.

чтобы сделать ссылкой ИЗОБРАЖЕНИЕ, нужно это изображение поместить внутри тега:

<a href="/"><img src="test.png" alt="" /></a>

Бекграунд сам по себе не является интерактивным элементом. Можно задать либо бекграунд ссылке:

a {background: #000; }

Либо элементу, который находится в слое ПОД ссылкой по координате Z:

.block_under_link {background: #000; }

В первом варианте пользователь кликает по картинке, а в последних двух - у него создается впечатление, что он кликает по картинке.

[Gokusa]

а тут ведь в чём дело, у нас див занимает значительную область, гораздо большую чем область рисунка, по сути половину экрана.

если я поставлю свойство block_under_link, то не будет ли весь блок работать как ссылка, а бекграунд у него состоит из рисунка довольно маленького, но не замощающено весь блок,т.е. один раз в углу расположен и все.

или весь бекграунд на этом рисунке и кончается? и не выходит за пределы рисунка?

потому что я пробовал ставить div как блок ссылку, срабатывало в любом месте страницы.

как вот прописать.

 
.myclass {background:url('url') 0 0 no-repeat} хотелось бы именно к этому рисунку назначить свойство ссылки, есть такая фишка? и кроссбраузерно и быстро.или такого нету.чтобы создал тип -майтип, ссылка-изображение и вставил его в бегкраунд.

myclass -он охватывает всю страницу, но вложен в столбец строки однострочной таблицы,которая позиционирована по центру,величина отступов 0.

пытаюсь сверху наложить ещё один див , привязав его к родителю - ещё одному диву элемента <td> задав position:absolute; top:0px; left:0px; всё уплывает.

может я с родителями путаюсь?вроде нет

 <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="left" valign="top">




<div align="center">
<div class="wrapper_bg width_table" align="center">
<div class="myclass" style="width:100%;">  <!-- в css написано .myclass {background:url('url') 0 0 no-repeat} -->
<!-- это не работает как надо<a href="#"> <img src="counter.gif"></a> -->
<!-- такой вариант тоже не работает как необходимо<div class="myclass" class="linkblock" onclick="location.href='linka'"> -->
	<div class="wrapper_tr">
    	<div class="wrapper_bl">
        	<div class="wrapper_br">

                         <table cellpadding="0" cellspacing="0" width="100%">

block_under_link работает так же как и линкблок, т.е. срабатывает на весь блок.

Edited December 23, 2011 by Gokusa