Hallo zusammen. In der Suche bisher nichts nennenswertes gefunden:
Momentan sieht mein Design so aus:
http://www.es-sued.de.tl/News.htm
Und so soll es in Zukunft aussehen:
http://img.webme.com/pic/e/es-sued/background2.png
Ich will jetzt wissen, was die beste Lösung ist um diese Navigation umzusetzen???!!!
Benutze eigenes CSS Design und habe bis jetzt folgenden Code im CSS-Code ohne Style Tags eingefügt:
Zitat: -->
</style>
<center>
<style type="text/css">
<!--
td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }
/* Nullformatierung für Mozilla und IE */
*{margin:0px; padding:0px; }
/* Hintergrund */
body {
background-color: #000000;
background-image: url(); }
/* Designbild / Breite und Höhe vom Bild einfügen */
#Hintergrundbild {
position:absolute;
top: 100px;
left: 50%;
margin-left:-411px;
width: 822px;
height: 464px;
background-image:url(http://img.webme.com/pic/e/es-sued/background.png); }
/* Das Textfeld / Seiteninhalt */
#content {
position:absolute;
left:50%;
top: 251px;
margin-left:-158px;
width: 367px;
height: 207px;
font-size: 13px;
font-family: impact;
color: #FFFFFF;
text-align: left;
border: 0px solid #001FD3;
overflow: auto; }
li.nav_element {
list-style-type: none;
position: relative;
float:left; }
/* Hintergrund der Links / Linkfarbe und Breite hier anpassen
li.nav_element a {
display: block;
width: 85px;
padding-left: 5px;
color:#FF0000;
font-family:arial;
font-size:13px;
font-weight: bold;
text-decoration: none;
text-align: left; }
/* Hover-Effekt für Links */
li.nav_element a:hover{
color: #FFFFFF;}
#nav_News {
position:absolute;
left:50%;
top:260px;
margin-left: 230px; }
#nav_Crew {
position:absolute;
left:50%;
top:290px;
margin-left: 230px; }
#nav_Media {
position:absolute;
left:50%;
top:320px;
margin-left: 230px; }
#nav_Links {
position:absolute;
left:50%;
top:350px;
margin-left: 230px; }
#nav_Impressum {
position:absolute;
left:50%;
top:380px;
margin-left: 230px; }
h2#title{display:none;}
h1#header {display:none;}
#header-container {display:none;}
#nav_heading{display:none;}
#sidebar_heading {display:none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#counter{display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}
#sidebar_container {display:none;}
