Sponsor-Board.de

Normale Version: HTML Problem
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo,

Undzwar habe ich hier einen kleinen Auftrag !

Es geht um eine Enterpage....

Diese habe ich jetzt ganz einfach mit einem AREA, eingegrenzt,

PHP-Code:
<center><u><img src="Bilder/bg.jpg" width="1024" height="768" border="0" usemap="#Map />
<map name="
Map" id="Map">
  <area shape="
rect" coords="136,320,494,652" href="test1.html" />
  <area shape="
rect" coords="527,320,884,652" href="test2.html" />
</map> 



SOOO, nun möchte ich aber auf das Bild unten z.B Copyright schreiben, sowie Impressum zum draufklicken !

Wie bekomme ich das hin ?


MFG

wo genau ist jetzt dein Problem?
mach das lieber per divs, area ist der größte schrott
wieso Sysix, so finde ich es viel Einfahcer !
Mit <div> Tags:

PHP-Code:
<!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>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Unbenanntes Dokument</title>
<
style type="text/css">
.
map {
    
margin:0px auto;
    
padding:0px;
}

.
footer {
    
margin:0px auto;
    
padding:0px;
}
</
style>
</
head>

<
body>
<
center>
<
div class="map">
<
u><img src="Bilder/bg.jpg" width="1024" height="768" border="0" usemap="#Map />
<map name="
Map" id="Map">
  <area shape="
rect" coords="136,320,494,652" href="test1.html" />
  <area shape="
rect" coords="527,320,884,652" href="test2.html" />
</map> 
</div>
<div class="
footer">
<a href="
index.php">Impressum</a> - <a href="index.php">Kontakt</a> 
</div>
</center>
</body>
</html> 

ja mom, das ist aber dann nicht im Bild !

Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
.map {
    margin:0px auto;
    padding:0px;
}

.footer {
    margin:0px auto;
    padding:0px;
}
</style>
</head>

<body>
<center>
<div class="map">
<u><img src="Bilder/bg.jpg" width="1024" height="768" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="136,320,494,652" href="test1.html" />
  <area shape="rect" coords="527,320,884,652" href="test2.html" />
</map>
</div>
<div class="footer">
<a href="index.php">Impressum</a> - <a href="index.php">Kontakt</a>
</div>
</center>
</body>
</html>


So ich habe mal ein bisschen korrigiert. Kannst du mal die Position des Bildes durchgeben bzw. mir den URL geben, dann messe ich selber.

-
Ich würde an deiner Stelle auch HTML (Inhalt) mit dem Design (CSS) trennen.

Nenne z.B. dein HTMl Datei: start.html
und deine CSS Datei: format.css

So bekommst Du erstens leichten Überblick und kannst immer wieder die einzelnen Stellen finden.
Seiten: 1 2
Referenz-URLs