2012-01-05 3 views
-4

Что я хочу, это поле css, которое является гиперссылкой, так что если кто-то нажимает на это поле, он/она пойдет по указанной ссылке!Как гиперссылка на раздел html/css?

Например, я хочу гиперссылке следующего окна, обернутое вокруг «My Title»:

<header> 
     <h1 class="title" style = "text-align:center; margin = 20px"> My Title </h1> 
</header> 
+3

что такое "CSS ящик"? – hunter

+0

Вы что-нибудь пробовали, может быть, вам следует предоставить какой-нибудь (псевдо) код? – home

+0

Вы хотите создать и [якорь] (http://www.echoecho.com/htmllinks08.htm)? то есть '#' в HTML – JMax

ответ

4

Может попробовать:

<div onclick="location.href='http://myurl.com';" >(Whatever you want in here*</div> 

... до тех пор, пока вы не возражаете, немного JS ...

-1

Вы можете использовать <a> -tag, который отформатирован с помощью CSS в поле или окружать элемент с <a> сделать его клики.

+0

Последняя часть вашего ответа делает недопустимый html в большинстве случаев. –

+0

Правильно, но он ничего не указал, так что это был вариант. –

+0

Ну, Теория в css обычно относится к «ящикам» как к элементам, которые по умолчанию блокированы как div. блоки обычно инкапсулируют ссылки, а не наоборот. Но на самом деле он мог предположить, что он должен блокировать себя: D –

4
<div><a href="yoururl.html" style="display:block;height:100%;width:100%"></a></div> 

в основном: сделать ссылку в поле, сделать его блок и сделать это как большой, как поле

1

Вы могли бы иметь связь большой блок, как:

/* html */ 
<a id="foo" href="www.google.com"></a> 

/* css */ 
#foo { 
    background: green; 
    display: block; 
    height: 100px; 
    width: 200px; 
} 
0

Если вы имеют смысл в DIV или а, вот код:

<a href="www.google.com" style="width:100px;height:100px; float:left"></a> 
0

Я не уверен, что вы имеете в виду с «блочным», но я думаю, что вы имеете в виду коробку для п Icking. Вы можете преобразовать a-tag в качестве элемента блока и дать им высоту и ширину.

<!-- HTML --> 
<a href="#">"Linkbox"</a> 

/* CSS */ 
a { 
    display:block; 
    width:100px; 
    height:100px; 
} 
Смежные вопросы