PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : coords in CSS festlegen, wie ?


peppy
12.04.2012, 13:02
hey leute,

habe auf meiner site im header ein Logobild.
Möchte eine gewisse kleine stelle in dem Pic mit coords
markieren. So das wenn man auf die stelle in dem Pic klickt,
weiter geleitet wird....

Nun kenne ich den Coord befehl von HTML den ich bis jetzt immer
so eingefügt habe


<area shape="rect" coords="179,381,150,400" href="http://google.de">

meine Frage jetzt... wie kann ich den Koordinaten in meinem Pic festlegen bzw. wie mache ich das in CSS? habe ein wenig rum probiert aber leider kein gutes resultat bekommen...

In CSS sieht der Abschnitt mit dem Pic so aus:

#top {background-image:url(images/Matrix.jpg);
background-repeat:no-repeat;
background-position: center top;

wie kann ich coords in dem bereich angeben ??

greeZZ
blackberry
12.04.2012, 17:33
CSS ist für Darstellung; nicht für Inhalt.
Was spräche dagegen zwei Bilder zu verwenden und mit CSS Positionierungsbefehlen das eine Bild (welches du mit einem <a> versiehst) über das andere zu schieben?

EDIT: PoC Code:

<?xml version="1.0" ?>
<!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">
<head>
<title>CSS Position Beispiel</title>
<style type="text/css">
#linkcontainer {
position: absolute;
}

#linkcontainer > a {
position: absolute;
top: 6px;
left: 151px;
}
</style>
</head>
<body>
<div id="linkcontainer">
<img src="http://img7.imagebanana.com/img/w8e05ppm/fh1.png" alt="" />
<a href="#"><img src="http://img7.imagebanana.com/img/6teu31qj/logo.png" alt="" /></a>
</div>
</body>
</html>
peppy
12.04.2012, 18:27
hey,
daran hatte ich gar nicht gedacht. aber vielen dank für den wertvollen tipp..
war mir eine große hilfe ;)

greezZ