habs schon fast gelöst
bloss hab ich nun wieder ein kleines neues problemchen ^^
....die hover links haben keine abstände zum nächsten link
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Lerix-Prod</title>
<link href="http://leri.le.funpic.de/Design1/Design.css" rel="stylesheet" type="text/css">
</head>
<body>
<style>
body
.news-editor { /* Gesamtbreite: 500px (480+10+10) */
width: 500px;
height: 500px;
background: url(Design1/Layoutall/NEWS.png);
background-repeat: no-repeat;
padding-top: 50px; /* oder kurz: padding: 50px 10px 10px 10px; */
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.news-editor textarea {
font-size: 90px;
color: red;
width: 470px;
border: 0px inset #999;
background: none;
padding: 3px;
height: 400px;
}
/*--Setzt alle Abstände auf "Null"--*/
* {
margin: 0;
padding: 0;
}
/*--formatiert die Menüleiste--*/
#menu {
width: 100%;
padding-top: 245px;
font-family: Verdana;
font-size: 1em;
line-height: 2.5;
float: left;
}
/*--formatiert die Themenblöcke--*/
#menu ul {
float: left;
width: 245px;
list-style-type: none;
}
/*--definiert die Blocküberschriften--*/
font-size: 3em;
text-align: center;
}
/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
text-align: center;
}
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
}
/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/
#menu li {
position: relative;
}
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
left: 5px;
top: 63px;
z-index: 2;
display: none;
}
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}
/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li {
float: left;
width: 100%;
}
/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}
/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}
*html #menu ul li a {
height: 1%;
}
/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:link {
font-size: 5em;
font-weight: bold;
text-align: center;
}
/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:hover {
}
</style>
<div align="center">
<table id="Banner">
<tr>
<td id="Home">
<a href="http://www.lerix-prod.de.vu/home" target="_top"><img src="http://www.lerix-prod.de.vu/Design1/Layoutall/Home_button.png" alt="Forum" border="0" /></a>
</td>
<td id="Downloads" rowspan="3">
<a href="http://www.lerix-prod.de.vu/Downloads" target="_top"><img src="http://www.lerix-prod.de.vu/Design1/Layoutall/Download_button.png" alt="Projekte" border="0" /></a>
</td>
<td id="Forum">
<a href="http://www.lerix-prod.de.vu/Forum" target="_top"><img src="http://www.lerix-prod.de.vu/Design1/Layoutall/Forum_button.png" alt="Forum" border="0" /></a>
</td>
</tr>
<tr>
</tr>
<tr>
<td id="Bilder">
<a href="http://www.lerix-prod.de.vu/Bilder" target="_top"><img src="http://www.lerix-prod.de.vu/Design1/Layoutall/Bilder_button.png" alt="Bilder" border="0" /></a>
</td>
<td id="projekte">
<a href="http://www.lerix-prod.de.vu/Projekte" target="_top"><img src="http://www.lerix-prod.de.vu/Design1/Layoutall/Projekte_button.png" alt="Projekte" border="0" /></a>
</td>
</tr>
<tr>
</tr>
</table>
</div>
<div id="menu"><!-- öffnet die Navigationsleiste-->
<ul><!-- öffnet den ersten Themenblock -->
<li><!-- öffnet die Listeneinträge von Thema 1 -->
<h3><img src="Design1/Layoutall/Navi_Menu.png" alt="Forum" border="0" /></h3>
<ul><!-- schließt die Klappnavi von Thema 1 -->
<li><a href="http://www.lerix-prod.de.vu/" target="_top"><img src="Design1/Layoutall/Navi_index.png" alt="Home" border="0" /></a></li>
<li><a href="http://www.lerix-prod.de.vu/home" target="_top"><img src="Design1/Layoutall/Navi_home.png" alt="Home" border="0" /></a></li>
<li><a href="http://www.lerix-prod.de.vu/Vorstellung" target="_top"><img src="Design1/Layoutall/Navi_uns.png" alt="Vorstellung" border="0" /></a></li>
<li><a href="http://www.lerix-prod.de.vu/Links" target="_top"><img src="Design1/Layoutall/Navi_links.png" alt="Links" border="0" /></a></li>
</ul><!-- schließt die Klappnavi von Thema 1 -->
</li><!-- schließt die Listeneinträge von Thema 1 -->
</ul><!--schließt den ersten Themenblock-->
</div><!-- schließt die Menüleiste #menu -->
<div style="clear: both; "> </div> <!--cleart die gefloatete Menüleiste-->
<div align="right">
<div class="news-editor">
<div align="left">
<form method="post" action="">
<p><textarea readonly>SEITE IM AUFBAU</textarea></p>
</form>
</div>
</body>
</html>
Linear-Darstellung
