Hi,
leider bin ich im Forum nicht fündig geworden.
Ich möchte die unter "Extras" erstellte Galerie gern in die Navigation mit css einfügen. Es ging auch, nur wird kein Inhalt angezeigt. Nach xmal probieren komme ich einfach nicht weiter. Ich bin Neuling auf dem Gebiet css und leider noch nicht sehr weit.
Die Galerie soll zudem ein Unterpunkt von "Über die Autorin" werden.
Kann mir da jemand helfen?
Vielen Dank schonmal im Voraus.
Hier meine Codes:
Über dem Desing:
<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: 3px 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.tl/Über die Autorin.htm" title="Über die Autorin">Über die Autorin</a></li>
<li><a href="http://www.danielabaer.de.tl/Galerie.htm" title="Galerie">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ästebuch.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>
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: #800000; 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: #FAFAD2;
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;}
DANKE
www.danielabaer.de