Div внутри атрибута A не работает?

У меня есть своеобразный вопрос. Я сделал div (код, для которого будет предоставлен ниже), и я хочу, чтобы весь div (так как это кнопка) был кликабельной ссылкой. Проблема, с которой я столкнулась, - это мой div, должен быть только 200x200, но мысль растягивается по всей странице по горизонтали. Он должен быть только ссылкой в этой части 200x200, но, как я уже сказал, это 200 высоты по всей горизонтальной части страницы, делающей случайные фоновые изображения интерактивными. Я пробовал устанавливать блоки для блокировки, безрезультатно. Как я могу это решить? Мой код выглядит следующим образом.Div внутри атрибута A не работает?

#button { 
    display: block; 
    background-color: black; 
    opacity: 0.9; 
    width: 200px; 
    height: 200px; 
    margin-top: 100px; 
    margin-left: 100px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

<a href="signup.php"><div id="button"></div></a>

источник

2013-04-29 Twisterz

display: inline-block;. Вы также можете сделать это без <div>.

http://jsfiddle.net/SLAfU/

источник

2013-04-29 14:24:29

Красивая, спасибо. – Twisterz

Вы должны сделать это следующим образом:

#button { 
    display: block; 
    background-color: black; 
    opacity: 0.9; 
    width: 200px; 
    height: 200px; 
    margin-top: 100px; 
    margin-left: 100px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

<a href="signup.php" id="button"></a>

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

В якорях HTML5 могут быть элементы блока, поэтому установка display: block; или display: inline-block; в сочетании с <!DOCTYPE html> должна быть достаточной.

источник

2013-04-29 14:24:41

Сделать якорный тег «дисплей: встроенный блок»

Вы должны иметь тип документа HTML5, чтобы иметь DIV (блок элементов уровня) inide якорной метки.

источник

2013-04-29 14:24:47

правильный путь в этом случае:

<div id="button"><a href="signup.php"></a></div>

или

<div id="button" onclick="document.location.href='signup.php'" style="text-decoration:underline"></div>

чтения w3c спецификации! вы не можете положить элемент блока внутри встроенного !!!

источник

2013-04-29 14:46:52 SuperYegorius

Div внутри атрибута A не работает?

ответ

Смежные вопросы