Как сделать блок ссылкой?

[napstyle]

я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст.

пример (код html):

<div class="primer">
<img src="http://savepic.org/3509447.png"><p>Текст</p>

пример (код css):

.primer {width: 100px; height: 100px;}

как мне теперь сделать этот целый блок (100x100) ссылкой?

как я понял, это не подходит:

<a href="#"><div class="primer">
<img src="http://savepic.org/3509447.png"><p>Текст</p></a>

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

думаю суть вопроса понятна... может кто помочь с этим?

[Justnewone]

нельзя вставлять див или абзац в ссылку. вставляйте спан и обоим им делайте display:block

[napstyle]

вставляйте спан и обоим им делайте display:block

можешь(те) код предоставить? не очень понимаю что и как..

[Viper]

нельзя вставлять див или абзац в ссылку

Почему? В HTML5 это позволительно. Или опять что-то поменялось?

[Justnewone]

Разве позволительно? если так - я не знал.

[lexxcode]

Да в HTML5 можно. нельзя только ссылку в ссылку вкладывать, и что-то еще вроде было совсем экзотическое

[napstyle]

отлично что можно. но как сделать, не подскажите? а то от темы совсем отошли

[Justnewone]

видимо, ваш интеллект уже должен был догадаться, что вводных данных нехватает

[napstyle]

видимо, ваш интеллект уже должен был догадаться, что вводных данных нехватает

можно и на ты вообще-то. что за дибильная привычка всегда писать на "вы"?

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

Edited May 16, 2013 by napstyle

[nightgremlin]

а блоки закрывать не надо?

<a href="#"><div class="primer"></div></a>
<img src="http://savepic.org/3509447.png"><p>Текст</p>

Тут всё зависит что вы хотите сделать ссылкой

[Justnewone]

видимо, ваш интеллект уже должен был догадаться, что вводных данных нехватает

можно и на ты вообще-то. что за дибильная привычка всегда писать на "вы"?

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

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

[napstyle]

а блоки закрывать не надо?

<a href="#"><div class="primer"></div></a>
<img src="http://savepic.org/3509447.png"><p>Текст</p>

Тут всё зависит что вы хотите сделать ссылкой

странно что не весь код скопировал вначале..

вот который я вставляю:

<a href="#"><div class="comp"><img src="http://savepic.org/3509447.png">
Компьютер</div></a>

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

отличный ответ на поставленный выше вопрос минусом в репутацию от модератора.

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

я спросил вполне хорошо, что за привычка такая. и слово "дибильная" не нужно так близко к сердцу (или к чему там) принимать.

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

Edited May 16, 2013 by napstyle

[nightgremlin]

и что вы хотите сделать ссылкой: картинку с текстом, отдельно картинку или отдельно текст?

[cyklop77]

ну отлично. теперь и сердца нет -D

[Justnewone]

а блоки закрывать не надо?

<a href="#"><div class="primer"></div></a>
<img src="http://savepic.org/3509447.png"><p>Текст</p>

Тут всё зависит что вы хотите сделать ссылкой

странно что не весь код скопировал вначале..

вот который я вставляю:

<a href="#"><div class="comp"><img src="http://savepic.org/3509447.png">
Компьютер</div></a>

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

отличный ответ на поставленный выше вопрос минусом в репутацию от модератора.

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

я спросил вполне хорошо, что за привычка такая. и слово "дибильная" не нужно так близко к сердцу (или к чему там) принимать.

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

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

PS: Я, кстати, не минусовал.

Еще раз, обращаясь к интеллекту, вот как выглядит ваш вопрос:

[napstyle]

и что вы хотите сделать ссылкой: картинку с текстом, отдельно картинку или отдельно текст?

как можно было понять, я хочу сделать картинку с текстом. то есть целому блоку задать ссылку, или как это объяснить... В общем блоку ширину и высоту я задал, и мне надо именно такую ссылку, по таким размерам... думаю поймёшь, не?

[lexxcode]

уже можно было догадаться как сделать блочную ссылку раз 5 в нескольких вариантах...

Во избежания продолжения неведомой, бессмысленной вакханалии в теме:

http://jsfiddle.net/alexriz/XrfZW/

что сложного?

[napstyle]

уже можно было догадаться как сделать блочную ссылку раз 5 в нескольких вариантах...

Во избежания продолжения неведомой, бессмысленной вакханалии в теме:

http://jsfiddle.net/alexriz/XrfZW/

что сложного?

ну вот, то что и надо.

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

спасибо за помощь, тему можно закрыть.

[Catherine]

Разве позволительно? если так - я не знал.

Justnewone, ссылка по теме: http://html5doctor.com/block-level-links-in-html-5/

Хоть и трехлетней давности, но, похоже, за это время суть не поменялась.

[Justnewone]

Разве позволительно? если так - я не знал.

Justnewone, ссылка по теме: http://html5doctor.com/block-level-links-in-html-5/

Хоть и трехлетней давности, но, похоже, за это время суть не поменялась.

спасибо