Hallo,
als CSS-Neuling komme ich grad nicht weiter.
Ich möchte gern Unterseiten in der Navigation erstellen (z. B. soll "Leseprobe" eine Unterseite von "Das Buch" werden. Im Seiteneditor habe ich diese auch als Unterseite definiert, aber bei meiner Navileiste wird das wohl nicht erkannt. Gibt es dafür einen speziellen Code?
Ich habe es jetzt endlich geschafft, dass die HP im Seamonkey, Firefox und IE gleich dargestellt wird. Leider ist aber bei Firefox und IE der Copyrighthinweis nicht sichtbar.
Weiß jemand Rat?
Hier meine Codes:
text über dem design
<div id="Testdesign3">
<div id="Header_oben"></div>
<div align="center"><style type="text/css">
#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 0px 10px; }
#navlist a:link, #navlist a:visited
{
color: #FAFAD2;
background-color: #525252;
text-decoration: none;
font-size:16px;
font-family: Arial;
}
#navlist a:hover
{
color: #fff;
background-color: #525252;
text-decoration: none;
}</style>
<div id="navcontainer">
<div id="navlist"> <li><a href="http://www.danielabaer.de.tl/Home.htm" title="Home">Home</a></li>
<li><a href="http://www.danielabaer.de.tl/Das Buch.htm" title="Das Buch
">Das Buch </a></li>
<li><a href="http://www.danielabaer.de.tl/Leseprobe.htm" title="Leseprobe">Leseprobe</a></li>
<li><a href="http://www.danielabaer.de/-Ue-ber-die-Autorin.htm" title="Über die Autorin">Über die Autorin</a></li>
<li><a href="http://www.danielabaer.de/Bilder/index.htm" title="Bilder">Galerie</a></li>
<li><a href="http://www.danielabaer.de.tl/Links.htm" title="Links">Links</a></li>
<li><a href="http://www.danielabaer.de.tl/G%E4stebuch.htm" title="Gästebuch">Gästebuch</a></li>
<li><a href="http://www.danielabaer.de.tl/Kontakt.htm" title="Kontakt">Kontakt</a></li>
<li><a href="http://www.danielabaer.de.tl/Impressum.htm" title="Impressum">Impressum</a></li>
</ul>
</div>
Text unter dem Design
<div align="center"><style type="text/css">
<div id="Feld_unten">Copyright 2008 Daniela Bär</div></div>
CSS-Code
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
a{color:#800000; font-size: 15px; text-decoration: none;}
a:hover {color: #800000; font-size: 15px; text-decoration: none;}
a:link {color: #800000; font-size: 15px; text-decoration: none;}
a:active {color: #80000; font-size: 15px; text-decoration: none;}
a:visited {color: #800000; font-size: 15px; text-decoration: none;}
body {background-color:#666666;}
* { padding: 0; margin: 0; }
#Testdesign3 {
margin: 0 auto;
width: 1200px;
}
#Header_oben {
color: #000000;
width: 879px;
height: 70px;
background-image: url(http://bilder-hoster.de/out.php/i85483_headertestmgimitaugeunterschriftbearbeitet3.jpg);
background: #ffffeo;
align: center;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 10px 10px 0px 150px;}
#navcontainer {
width: 880px;
background: #525252;
color: #4A0000;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}
#content {
<div id="content">bla</div>
height: 900px;
width: 880px;
background: #Ffffe0;
color: #000000;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 0px;
overflow: auto;
}
#Feld_unten {
width: 880px;
color: #FAFAD2;
border: 1px solid #666666;
background: #666666;
margin: 0px 0px 10px 0px;
padding: 0px;}
#counter{text-align:center;
color: #FAFAD2;}
Vielen Dank schonmal!!!
Gruß
Daniela
www.danielabaer.de