Zdravim Vas,
Neviem ci sa to da, ale potreboval by som spravit aby DIV na stranke fungoval ako odkaz:
na stranke:
<div id="logo"></div>
v CSS:
#logo {
position: absolute;
background: url(../images/logo) no-repeat;
width: 300px; height: 213px;
left: 10px; top: 10px;
a potreboval by som aby po kliknuti na to logo- zadefinovane v DIVe- sa otvorila stranka (napr. nove.php)
Prosim poradte ako by sa to dalo spravit.
Dakujem.
DIV ako odkaz
-
Grim
Darca
- Príspevky: 8702
- Registrovaný: 25 jún 2008, 0:54
- Bydlisko: pod železničným mostom
- Kontaktovať používateľa:
Re: DIV ako odkaz
...možno plesknem do vetra, ale skús...
<div id="logo" href="nove.php"></div>
<div id="logo" href="nove.php"></div>
-
weroro
Flash coder
- Príspevky: 3206
- Registrovaný: 14 feb 2009, 22:34
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: DIV ako odkaz
Je to validné?Grim napísal:<div id="logo" href="nove.php"></div>
-
Grim
Darca
- Príspevky: 8702
- Registrovaný: 25 jún 2008, 0:54
- Bydlisko: pod železničným mostom
- Kontaktovať používateľa:
Re: DIV ako odkaz
...to netuším...
Re: DIV ako odkaz
Toto radšej rob cez <a>, nejako takto (dám príklad, nemám čas písať to isté ako máš ty hore)
Prípadne neviem, či má div akciu onclick. Už aj to by bolo asi lepšie ako <div href...
Kód: Vybrať všetko
<a href="odkaz" style="display: block; width: 200px; height: 100px; margin: 10px atd"></a>
-
weroro
Flash coder
- Príspevky: 3206
- Registrovaný: 14 feb 2009, 22:34
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: DIV ako odkaz
BX: to je pekné riešenie 
Ani validátor neškrieka.
Ani validátor neškrieka.Kód: Vybrať všetko
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="sk-SK" xml:lang="sk-SK">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>
</title>
<style type="text/css">
#logo {
display: block;
position: absolute;
width: 300px;
height: 213px;
left: 10px;
top: 10px;
background: red url(../images/logo) no-repeat;
}
</style>
</head>
<body>
<a id='logo' href="odkaz"></a>
</body>
</html>Re: DIV ako odkaz
Tak to href=" som skusal aj ja, ale zial tak to nefunguje....
Ten div by som ale potreboval zachovat, t.j. nemozem to nahradzovat a href....
Ten div by som ale potreboval zachovat, t.j. nemozem to nahradzovat a href....
-
awtt
Medium Professional
- Príspevky: 1234
- Registrovaný: 01 nov 2006, 19:37
- Bydlisko: San Francisco
- Kontaktovať používateľa:
Re: DIV ako odkaz
<a href='http://www.google.com/'><div></div></a>
alebo
<div onclick='window.location = "http://www.google.com/"'></div> (a do css si daj preinstotu cursor pointer)
alebo
<div onclick='window.location = "http://www.google.com/"'></div> (a do css si daj preinstotu cursor pointer)
-
weroro
Flash coder
- Príspevky: 3206
- Registrovaný: 14 feb 2009, 22:34
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: DIV ako odkaz
awtt:
DIV nesmie byť potomkom <a> - to je nevalidné
onclick - čo ak má niekto vypnutý JS?
Luigy88:
Prečo dávať logo ako pozadie bloku? Čo v prípade, že bude mať užívateľ vypnuté obrázky. Ak by si použil <img> vieš v takom prípade zobraziť aspoň alternatívny text.
DIV nesmie byť potomkom <a> - to je nevalidné
onclick - čo ak má niekto vypnutý JS?
Luigy88:
Prečo dávať logo ako pozadie bloku? Čo v prípade, že bude mať užívateľ vypnuté obrázky. Ak by si použil <img> vieš v takom prípade zobraziť aspoň alternatívny text.
Re: DIV ako odkaz
Niekedy moze byt pozadie zlozite a je zbytocne vystrihovat zneho obrazok len preto aby bol pouzity v tagu <img/>Luigy88:
Prečo dávať logo ako pozadie bloku? Čo v prípade, že bude mať užívateľ vypnuté obrázky. Ak by si použil <img> vieš v takom prípade zobraziť aspoň alternatívny text.
k teme: Ak potrebujes zachovat div, tak daj to <a> do toho divu
-
awtt
Medium Professional
- Príspevky: 1234
- Registrovaný: 01 nov 2006, 19:37
- Bydlisko: San Francisco
- Kontaktovať používateľa:
Re: DIV ako odkaz
V html5 moze.weroro napísal:awtt:
DIV nesmie byť potomkom <a> - to je nevalidné
onclick - čo ak má niekto vypnutý JS?
Skus si to hodit do validatora a uvidis
Kód: Vybrať všetko
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href='google.com'><div>asd</div></a>
</body>
</html>
-
weroro
Flash coder
- Príspevky: 3206
- Registrovaný: 14 feb 2009, 22:34
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: DIV ako odkaz
O_u, tak pardon, do html5 nevidím, tak som automaticky predpokladal, že sa bude jednať o html alebo xhtml.