Hallo Profis/Anfänger von html.de !
Ich bin gerade dabei eine Seite für die Firma meines Vaters zu "kreieren".
Sieht auch mit 'nem fertigen Template von styleshout.com nicht 'mal so schlecht aus
, leider schaff ich's aber nicht, dieses Drop-Down-Menü zum Funktionieren zu bringen :?:
Hier der Inhalt der index.html:
Hier der Inhalt der CSS-Datei:
Das Problem ist jetzt, dass wenn man darüber geht, sich das Menü zwar öffnet, doch leider schiebt es die, die danach kommen nach unten, die Schrift ist noch viel größer :-D und irgendwie stimmt's einfach nicht ;-)
Vielleicht kann mir ja jemand helfen8)
Grüsse
Keyno
Ich bin gerade dabei eine Seite für die Firma meines Vaters zu "kreieren".
Sieht auch mit 'nem fertigen Template von styleshout.com nicht 'mal so schlecht aus
, leider schaff ich's aber nicht, dieses Drop-Down-Menü zum Funktionieren zu bringen :?:Hier der Inhalt der index.html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
<title>Finanz- Beratungs- und Vermittlungs GmbH</title>
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo"><a href="index.html" alt="Startseite"><b>F</b>inanz- Beratungs- und Vermittlungs <span>GmbH</span></a></h1>
<h2 id="slogan">Wir bringen Sie zum Erfolg!</h2>
</div>
<div id="menu">
<ul id="navi">
<li id="current"><a href="index.html">Startseite</a></li>
<li><a href="index.html">Das Unternehmen</a>
<ul>
<li><a href="index.html">Geschichte</a></li>
</ul>
</li>
<li><a href="index.html">Produkte</a></li>
<li><a href="index.html">Termine</a></li>
<li><a href="index.html">Kontakt</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="main" align="center"><br><br><br>
<p>Jeder bezahlt in seinem Leben ein Haus, leider nicht das <b>Eigene</b><br />
Diese Präsentation zeigt Ihnen wie Sie Ihre Wünsche nach Wohneigentum erfüllen können. </p>
<p><h2><b><a href="./immobilienerwerb/index.html">Präsentation starten</b></a></p></h2><br><div id=strich></div>
<p>Auch für die Weiterfinanzierung Ihrer Immobilie bieten wir Ihnen eine Möglichkeit,<br>
das <h2><b><a href="./forwarddarlehen/index.html">Forward-Darlehen</b></h2></p><br><div id=strich></div>
<p><h2><b><a href="./immobilienerwerb/immorechner.xls">Hier können Sie den FBV Immobilienrechner downloaden!</b></h2></a></p>
<p><a href="./immobilienerwerb/immorechner.xls"><img src="./immobilienerwerb/immorechner.JPG" alt="FBV Immobilienrechner"></a>
</div>
</div>
</div>
<div id="footer">
<p>
© Copyright 2009 <strong>Finanz- Beratungs- und Vermittlungs GmbH</strong> Design by <a href="http://styleshout.com">styleshout.com</a>
</p>
</div>
</body>
</html>
Code:
body { margin: 0; padding: 0;font: 71%/1.5em Verdana, 'Trebuchet MS', Arial, Sans-serif;background: url(headerbg.gif) repeat-x;color: #666666;text-align: center; }
a {color: #CCC; text-decoration: none;}
a:hover {color: #CCC;}
h1, h2, h3 {font: 1em 'Trebuchet MS', Tahoma, Sans-serif;color: #555;}
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
p, h1, h2, h3 { margin: 10px 15px; }
#wrap {margin: 0 auto;width: 850px;text-align: left; background: #FFF;}
#header {position: relative;background: url(headerbg.gif) repeat-x 0% 0%;height: 84px;}
#header a {background-color: none;}
#header h1#logo {position: absolute;margin: 0; padding: 0;font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;letter-spacing: -3px;color: #CCC;top: 0; left: 5px;right: -5px;}
#header h2#slogan {position: absolute;margin: 0; padding: 0;font: bold 1em 'Trebuchet MS', Arial, Sans-serif;text-transform: none;color: #FFF;top: 48px; left:65px;}
#main {padding: 0;width: 100%;}
#main a {color: #808080;}
#main a:hover {color: #000000; background-color: #F3F3F3; }
#strich {border-bottom: 4px solid #808080;}
#footer {clear: both;background: #FFF url(footerbg.gif) repeat-x left top;border-top: 1px solid #F2F2F2;text-align: center; height: 50px;}
#footer a {text-decoration: none;font-weight: bold;}
#menu {clear: both;margin: 0; padding: 0;}
#menu a {color: #CCC; text-decoration: none;}
#menu ul {position: relative; bottom: 4px;float: left;font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif;width: 850px;border: 1px solid #808080;border-width: 0 0 4px 0; list-style: none;}
#menu ul li a{position: relative; bottom: -4px;float: left;color: #808080;padding: 0px 10px;text-decoration: none;background: white url(menudivide.gif) repeat-y right top; border-bottom: 4px solid #808080;}
#menu ul li a:hover{color: black; background-color: #F3F3F3; border-bottom: 4px solid #FFA600;}
#menu ul li#current a{color: #333; background-color: #F3F3F3; border-bottom: 4px solid #FFA600;}
#navi, #navi ul { list-style-type:none; margin:0; padding:0; }
#navi li ul { display:none; }
#navi li:hover ul { display:block; }Vielleicht kann mir ja jemand helfen8)
Grüsse
Keyno
