nicht angemeldet
Hi,
da bin ich wieder mit einer quick&dirty Lösung.(aber nebeneinander)
Die Möglichkeiten sind vielfältig also sieh das bitte nur als Anregung an,
anpassen musst du es sowieso noch.
Ach ja und noch eine Frage, wie sollen die Besucher die Bilder denn anklicken, wie hast du das vor zu lösen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="design.css" />
<title>Willkommen beim DSC Schalke-Ost</title>
<style type="text/css">
*{margin:0;padding:0;}
#auswahl{border:1px solid blue;text-align:center;width:592px;margin:auto;}
.pic{width:296px;height:375px;float:left;line-height:375px;font-size:20px;font-weight:bold;}
#fb {background-image:url(http://www.schalke-ost.de/uni/fussball_angepasst.jpg);}
#tt{;background-image:url(http://www.schalke-ost.de/uni/tischtennis_angepasst.jpg);}
</style>
</head>
<body>
<h1>Willkommen beim DSC Schalke-Ost</h1>
<h5 id="auswahl_hinweis">Klicken Sie auf ein Bild Ihrer Wahl, um zur jeweiligen Abteilung zu gelangen</h5>
<div id="auswahl">
<p class="pic" id="fb">Fussball</p>
<p class="pic" id="tt">Tischtennis</p>
</div>
</p>
</body>
</html>
Gruss
Timo