Hallo Zusammen,
ich habe auf Anfänger-Basis eine HP erstellt. Diese läuft im Firefox wunderbar mit allen Schattierungen und Positionen, allerdings nicht im Inet Explorer.
Würde mich freuen, wenn mir jemand einen Tipp geben kann. Anbei mal ein Quellecode einer Seite:
ich habe auf Anfänger-Basis eine HP erstellt. Diese läuft im Firefox wunderbar mit allen Schattierungen und Positionen, allerdings nicht im Inet Explorer.
Würde mich freuen, wenn mir jemand einen Tipp geben kann. Anbei mal ein Quellecode einer Seite:
HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>MZ d'Holzstöckler - Brauchtum -</title>
<meta name="author" content="">
<meta name="DC.Publisher" content="">
<meta name="DC.Date" content="">
<meta name="DC.Language" content="de"> <!-- de = deutschsprachig -->
<link rel="stylesheet" type="text/css" href="styles.css">
<style>
#schwarzschattig { text-shadow:black 2px 1px 3px; font-size:1em; color:black; }
#schattig { text-shadow:white 2px 1px 3px; font-size:2em; color:white; }
#schattig2 { text-shadow:white 2px 1px 3px; font-size:1.7em; color:white; }
#überschrift {text-shadow:white 2px 1px 3px; font-size:1.5em; color:black;}
#normal {text-shadow:black 2px 1px 3px; font-size:1.2em; color:white;}
#normal2 {text-shadow:black 2px 1px 3px; font-size:0.8em; color:white;}
</style>
</head>
<body text="#D1A375" bgcolor="#D8D0C0" link="#F0E59E" vlink="#F0E59E" alink="#F0E59E">
<table width="89%" height="100%" border-style="none">
<tr width="100%" height="10%" align="left" valign="middle" bgcolor="#D8D0C0">
<td>
<div align="left"><img src="Masken.gif" width="110" height="114"></div>
</td>
<td style="font-size:450%; text-align:center;"><p id="schwarzschattig">Maskenzunft d'Holzstöckler</p>
</td>
</tr>
<tr width="1200" height="800">
<td colspan="2" style="background-image:url(1.jpg); background-repeat:no-repeat;">
<div style="position:absolute; top:245px;left:340px;"><p id="schattig">Brauchtum</p></div>
<div style="position:absolute; top:345px;left:100px;"><p id="überschrift">Chronik</p></div>
<div style="position:absolute; top:400px;left:100px;"><p id="normal">
blabla
</p></div>
<div style="position:absolute; top:128px;right:0px;"><a href="home.html"><img src="button_home.jpg" width="200"></a></div>
<div style="position:absolute; top:181px;right:0px;"><a href="brauchtum.html"><img src="button_brauchtum.jpg" width="200"></a></div>
<div style="position:absolute; top:234px;right:30px;"><a href="gruendung.html"><img src="button_gruendung.jpg" width="170"></a></div>
<div style="position:absolute; top:279px;right:30px;"><a href="gedicht.html"><img src="button_gedicht.jpg" width="170"></a></div>
<div style="position:absolute; top:324px;right:30px;"><a href="mitglieder.html"><img src="button_mitglieder.jpg" width="170"></a></div>
<div style="position:absolute; top:369px;right:0px;"><a href="Zunftrat.html"><img src="button_zunftrat.jpg" width="200"></a></div>
<div style="position:absolute; top:421px;right:0px;"><a href="termine.html"><img src="button_termine.jpg" width="200"></a></div>
<div style="position:absolute; top:474px;right:0px;"><a href="galerie.html"><img src="button_galerie.jpg" width="200"></a></div>
<div style="position:absolute; top:527px;right:0px;"><a href="Gästebuch.html"><img src="button_gästebuch.jpg" width="200"></a></div>
<div style="position:absolute; top:580px;right:0px;"><a href="kontakt.html"><img src="button_kontakt.jpg" width="200"></a></div>
<div style="position:absolute; top:633px;right:0px;"><a href="mitglied_werden.html"><img src="button_mitgliedwerden.jpg" width="200"></a></div>
<div style="position:absolute; top:686px;right:0px;"><a href="Links.html"><img src="button_links.jpg" width="200"></a></div>
<div style="position:absolute; top:739px;right:0px;"><a href="impressum.html"><img src="button_impressum.jpg" width="200"></a></div>
1<div style="position:absolute; top:792px;right:0px;"><img src="ground.jpg" width="200" height="138"></div>
</td>
<td></td>
</tr>
<tr></tr>
</table>
</body>
</html>
