07.09.2006, 14:02
Hi,
probier es mal mit dem Qelltext/CSS
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>stinah</title>
<!-- <link rel="stylesheet" type="text/css" href="http://kc-web.ch/php/style.css"> -->
<style type="text/css">
body {
background-color: #E0EBE3;
font-family: Arial;
font-size: 12px;
color: #206402;
scrollbar-face-color:#ADC89B;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ADC89B;
scrollbar-darkshadow-color:#ADC89B;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#ADC89B;
scrollbar-track-color:#FFFFFF;
}
#inhalt {
margin:0 auto;
text-align:left;
width: 800px;
}
.top {
background-color: #ADC89B;
padding: 4px 4px 4px 5px;
color: #206402;
font-size: 12px;
}
.content {
background-color: transparent;
padding: 5px;
color: #206402;
font-size: 12px;
padding-top: 20px;
}
h1 {
margin: 3px 3px 3px 0px;
padding: 3px 3px 3px 0px;
font-size: 19px;
}
a:link {
color : #206402;
text-decoration : none;
}
a:visited {
color : #206402;
text-decoration : none;
}
a:active {
color : #206402;
text-decoration : none;
}
.leftnavi {
font-size: 12px;
padding: 2px;
margin-top: 25px;
}
.leftnavi a {
display: block;
margin-bottom: 2px;
background-color: #adc89b;
border: 1px solid #000000;
padding: 2px;
width: 110px;
color: #000000;
}
.leftnavi a:hover {
background-color: #E0EBE3;
border: 1px solid #000000;
padding: 2px;
width: 110px;
color: #000000;
}
#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
}
#nav a {
display: block;
background-color: #E0EBE3;
border: 1px solid black;
padding: 2px;
margin-right: 2px;
font-size: 12px;
text-align: center;
width: 80px;
}
#nav a:hover {
background-color: #adc89b;
border: 1px solid black;
padding: 2px;
margin-right: 2px;
font-size: 12px;
text-align: center;
}
</style>
</head>
</head>
<body>
<div id="inhalt">
<!--Header-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="top" align="center" width="100%"><img src="images/stinahbanner.jpg" alt="" width="790" height="80" border="0"></td>
</tr>
<tr>
<td class="top" align="center">
<div id="nav">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="ueberstinah.php">Über Stinah</a></li>
<li><a href="notfaelle.php">Notfälle</a></li>
<li><a href="wissen.php">Wissen</a></li>
<li><a href="tiervermittlung.php">Tiervermittlung</a></li>
<li><a href="stiftungstiere.php">Stiftungstiere</a></li>
<li><a href="ihrbeitrag.php">Ihr Beitrag</a></li>
<li><a href="links.php">Links</a></li>
<li><a href="kontakt.php" style="margin-right: 0;">Kontakt</a></li>
</ul>
</div>
</td>
</tr>
</table>
<!--Header-->
<!--Hauptteil-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top" width="20%">
<div class="leftnavi">
<a href="news.php">News</a>
<a href="boutique.html">Boutique</a>
</div>
</td>
<td valign="top" class="content">
<h1>S T I N A H</h1>
<b>Herzlich Willkommen auf der Homepage der „Stiftung Tiere in Not – Animal Help“ (Stinah).</b><br><br>
Hier finden Sie Informationen über die Stiftung, ihre Zielsetzung und ihr Engagement.<br>
<br>
Die Seite ist im Aufbau begriffen, weshalb noch nicht sämtliche Buttons mit Informationen hinterlegt sind. Die Ergänzung/der Ausbau der Seite erfolgt laufend, beansprucht aber einige Zeit. <br><br>Sollten Sie noch fehlende Informationen benötigen oder haben Sie Änderungs-/ Verbesserungsvorschläge oder Fragen, zögern Sie nicht, uns zu <a href="kontakt.html"><u>kontaktieren</u></a>.
<br>
Für Ihr Interesse an der Stiftung Tiere in Not – Animal Help und Ihren Einsatz zugunsten der Tiere danken wir Ihnen bestens.<br>
<br><br>
Ihr <a href="portrait.html"><u>Stiftungsrat</u></a> und das <a href="stinahteam.html"><u>Stinah-Team</u><br><br></a>
</td>
</tr>
</table>
<!--Hauptteil-->
<!-- FOOTER -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="top" align="right">© 2006 by <a href="http://kc-web.ch/tierfotos" target="_blank">Michèle Krapf</a></td>
</tr>
</table>
<!-- FOOTER -->
</div>
</body>
</html>[/HTML]
Cu Helmut
probier es mal mit dem Qelltext/CSS
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>stinah</title>
<!-- <link rel="stylesheet" type="text/css" href="http://kc-web.ch/php/style.css"> -->
<style type="text/css">
body {
background-color: #E0EBE3;
font-family: Arial;
font-size: 12px;
color: #206402;
scrollbar-face-color:#ADC89B;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ADC89B;
scrollbar-darkshadow-color:#ADC89B;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#ADC89B;
scrollbar-track-color:#FFFFFF;
}
#inhalt {
margin:0 auto;
text-align:left;
width: 800px;
}
.top {
background-color: #ADC89B;
padding: 4px 4px 4px 5px;
color: #206402;
font-size: 12px;
}
.content {
background-color: transparent;
padding: 5px;
color: #206402;
font-size: 12px;
padding-top: 20px;
}
h1 {
margin: 3px 3px 3px 0px;
padding: 3px 3px 3px 0px;
font-size: 19px;
}
a:link {
color : #206402;
text-decoration : none;
}
a:visited {
color : #206402;
text-decoration : none;
}
a:active {
color : #206402;
text-decoration : none;
}
.leftnavi {
font-size: 12px;
padding: 2px;
margin-top: 25px;
}
.leftnavi a {
display: block;
margin-bottom: 2px;
background-color: #adc89b;
border: 1px solid #000000;
padding: 2px;
width: 110px;
color: #000000;
}
.leftnavi a:hover {
background-color: #E0EBE3;
border: 1px solid #000000;
padding: 2px;
width: 110px;
color: #000000;
}
#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
}
#nav a {
display: block;
background-color: #E0EBE3;
border: 1px solid black;
padding: 2px;
margin-right: 2px;
font-size: 12px;
text-align: center;
width: 80px;
}
#nav a:hover {
background-color: #adc89b;
border: 1px solid black;
padding: 2px;
margin-right: 2px;
font-size: 12px;
text-align: center;
}
</style>
</head>
</head>
<body>
<div id="inhalt">
<!--Header-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="top" align="center" width="100%"><img src="images/stinahbanner.jpg" alt="" width="790" height="80" border="0"></td>
</tr>
<tr>
<td class="top" align="center">
<div id="nav">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="ueberstinah.php">Über Stinah</a></li>
<li><a href="notfaelle.php">Notfälle</a></li>
<li><a href="wissen.php">Wissen</a></li>
<li><a href="tiervermittlung.php">Tiervermittlung</a></li>
<li><a href="stiftungstiere.php">Stiftungstiere</a></li>
<li><a href="ihrbeitrag.php">Ihr Beitrag</a></li>
<li><a href="links.php">Links</a></li>
<li><a href="kontakt.php" style="margin-right: 0;">Kontakt</a></li>
</ul>
</div>
</td>
</tr>
</table>
<!--Header-->
<!--Hauptteil-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top" width="20%">
<div class="leftnavi">
<a href="news.php">News</a>
<a href="boutique.html">Boutique</a>
</div>
</td>
<td valign="top" class="content">
<h1>S T I N A H</h1>
<b>Herzlich Willkommen auf der Homepage der „Stiftung Tiere in Not – Animal Help“ (Stinah).</b><br><br>
Hier finden Sie Informationen über die Stiftung, ihre Zielsetzung und ihr Engagement.<br>
<br>
Die Seite ist im Aufbau begriffen, weshalb noch nicht sämtliche Buttons mit Informationen hinterlegt sind. Die Ergänzung/der Ausbau der Seite erfolgt laufend, beansprucht aber einige Zeit. <br><br>Sollten Sie noch fehlende Informationen benötigen oder haben Sie Änderungs-/ Verbesserungsvorschläge oder Fragen, zögern Sie nicht, uns zu <a href="kontakt.html"><u>kontaktieren</u></a>.
<br>
Für Ihr Interesse an der Stiftung Tiere in Not – Animal Help und Ihren Einsatz zugunsten der Tiere danken wir Ihnen bestens.<br>
<br><br>
Ihr <a href="portrait.html"><u>Stiftungsrat</u></a> und das <a href="stinahteam.html"><u>Stinah-Team</u><br><br></a>
</td>
</tr>
</table>
<!--Hauptteil-->
<!-- FOOTER -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="top" align="right">© 2006 by <a href="http://kc-web.ch/tierfotos" target="_blank">Michèle Krapf</a></td>
</tr>
</table>
<!-- FOOTER -->
</div>
</body>
</html>[/HTML]
Cu Helmut
![[-]](https://forum.juergens-workshops.de/images/collapse.png)