Egy képbe hogyan lehet beszúrni hivatkozást egy internetes oldalra?
tehát van egy oldalam, amibe csináltam photoshoppal "nyomógombokat", amik még nem nyomógombok, hanem úgy szeretném, hogy kijelölni egy területet a képen és, ha erre a területre rákattintanak, akkor rámegy a hivatkozásra.
Ezt a képet egy weboldalra szeretném beszúrni.
Várom a válaszokat! :)
válasza:Szia,
ezt CSS-el kell. DIV-nek beadod ezt háttérnek, aztán gomb méretű relatív diveket raksz bele, amik linket képeznek.
Pl ha megnézed ennek a forrását akkor látod hogy kell: [link]
válasza:Részletesebben alap html kell és alap css.
A div-ek dobozkáknak képzelhetőek el, amiknek megadhatod a méretét, színét, pozícióját, mindenféle tulajdonságát. És egyszerűen mintha szöveget fognál be a link taggel, a dobozt fogod be. <a href="..">szöveg</a> helyett <a href=".."><div id="dobozka"></div></a> lesz kb.
Nézd meg a forrását a linknek. Nézd meg mi mit jelent. Ez egy kicsit egyszerűsített. Jó szórakozást.
<html>
<head>
<style type="text/css">
body{ margin: 0; padding: 0; background-color: #a27554;}
#kep{
background-image: url(site/images/site-skin/welcome.jpg);
}
#gomb1{
position: relative;
float: left;
top: 0;
left: 247px;
width: 80px;
height: 75px;
}
#gomb1 a{
text-decoration: none;
border: 0;
}
</style>
</head>
<body>
<div id="kep">
<a href="http://cím....">
<div id="gomb1"></div>
</a>
</div>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!