• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundbild an einer Stelle verlinken

M

myS4D

Neues Mitglied
Huhu,

ich habe folgende HTML Datei:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
  <style type="text/css">
body {
background: #000 url("./img/bg.png") no-repeat;
background-position: 52% 9%;
}
  </style>
</head>
<body>
<br>
</body>
</html>


Als Seitenhintergrund wurde die bg.png gewählt.

Nun möchte ich auf der bg.png 2 stellen verlinken.

nbenter.jpg

Es soll einmal auf Blizzlike ein Link gesetzt werden, auf Funserver ein Link und auf Netherblade.

Wie realisier ich das?
 
mit imagemaps ... bsp
PHP: 
<map name="test" id="test">
 <area shape="rect" coords="22,19,54,37" href="test" alt="" />
 <area shape="rect" coords="64,85,116,131" href="#" alt="" />
</map>
<img src="ava ne4y.jpg" width="140" height="140" border="0" alt="" title="" usemap="#test" />
... einfach die coords ersetzen
 
mach ein "leeres Bild" in der grösse in der du es brauchst. und dann
HTML: 
<a href="#"><img src="left.gif" id="left" /></a>
<a href="#"><img src="right.gif" id="right" /></a>
<div class="clearing"></div>

HTML: 
#left { float: left ; }
#right { float: right ; }
.clearing {clear: both ; }

mit html5 ist es auch erlaubt block-elemente mit einem anchor tag zu versehen.

LG devilseye
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben