Antworten zum Thema „senkrechtes Layout mit ausklapp-menü“

francoxx · 06.07.2008

Bin absoluter Anfänger und habe ein großes Problem, habe eine Homepage mit css erstellt, (einen Teil davon - das Menü - heruntergeladen) und eingebunden. Das Menü ist aber ganz normal.
Es soll aber wenn ich auf einen bestimmten Link gehe-seitwärts aufklappen und 3 Untermenüs anzeigen.
Das bekomme ich einfach nicht hin.

Ebenfalls weiß ich nicht, wie ich das in der html-Datei eingebindene Stylesheet auslagern kann, so dass ich eine externe css-Datei habe.

Kann mir da jemand helfen ?
Ich würde die index-datei gerne hochladen, damit Ihr seht,was ich meine, aber ich weiß nicht, ob das geht (wie?).

Im voraus schon vielen dank für die Hilfe !!!

voluman · 06.07.2008

AW: senkrechtes Layout mit ausklapp-menü

Hallo!

Kopier doch einfach den Inhalt deiner HTML Datei hier in das Forum! Schick bitte auch noch den Link zu dem Menu, dass du runtergeladen hast, mit!

Das einbinden einer exteren CSS Datei funktioniert ganz einfach. Du musst nur diesen Code in den HEAD deiner HTML Datei packen und den Link anpassen:

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

sokie · 06.07.2008

AW: senkrechtes Layout mit ausklapp-menü

Hallo Francoxx,
die ganz grosse Empfehlung kann aber an der Stelle auch nur sein, dir zunächst einen kostenfreien Webspace zB bei zu nehmen, und deine Seiten auch ins Netz zu laden. Wenn Du eine Homepage ertellen willst, kommst du um diesen Teil nicht herum.
Ausserdem vereinfacht es die Sache total, mal eben schnell etwas zur Ansicht zu stellen.

francoxx · 06.07.2008

AW: senkrechtes Layout mit ausklapp-menü

Webspace habe ich, kann das aber noch nicht hochladen, weil die Seite noch nicht fertig ist

francoxx · 06.07.2008

AW: senkrechtes Layout mit ausklapp-menü

@valuman, vielen dank für die schnelle Antwort.
Ich hatte mich wohl etwas falsch ausgedrückt, ich meinte, ich habe einen CSS-Generator heruntergeladen, mit dem ich das Menü erstellt habe
(auf das kopieren und einfügen) bin ich Trottel garnicht gekommen, wir hiermit nachgeholt.

Index.html (code)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Rothauge-Asphalt</title>
<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
font-size: 70%;
font-weight: bold;
margin-left: 0px;
background-color: #666666;
}
ul {list-style: none;margin: 0;padding: 0;}
img {border: none;}
#container {
width:150px;
background-color: #333A46;
margin-left: 15px;
margin-top: 211px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#top {background-image: url('images/nav_top.gif');background-repeat:no-repeat;background-position:top left;height: 16px;}
#bottom {background-image: url('images/nav_bottom.gif');background-repeat:no-repeat;background-position:bottom left;height: 16px;border-top:1px solid #000;}
#roScripts_1 {width: 150px;}
#roScripts_1 li a {height: 32px;voice-family: "\"}\"";voice-family: inherit;height: 24px;text-decoration: none;}
#roScripts_1 li a:link, #roScripts_1 li a:visited {color: #ccc;display: block;background: url(roScripts_m2.gif);padding: 8px 0 0 25px;}
#roScripts_1 li a:hover, #roScripts_1 li #current {color: #fff;background: url(roScripts_m2.gif) 0 -32px;border-bottom:1px solid #000;padding: 8px 0 0 27px;}

#logo {
position:absolute;
left:7px;
top:5px;
width:1024px;
height:200px;
z-index:1;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

#apDiv1 {
position:absolute;
left:188px;
top:233px;
width:784px;
height:627px;
z-index:2;
background-color: #FFFFFF;
}
.Stil9 {font-family: Verdana, Arial, Helvetica, sans-serif}
</style>
</head>
<body>
<div id="logo"><img src="images/banner2kopie.gif" alt="" name="logo" width="1024" height="200" id="logo" /></div>
<div id="apDiv1">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><h3 class="Stil9">ROTHAUGE ASPHALTESTRICH GmbH<br />
& Co.Gussasphalt KG</h3> </td>
<td><p align="center"><span class="Stil9">vertreten durch:<br />
</span></p> </td>
<td width="13%"><h3>Rothauge Asphaltestrich GmbH</h3></td>
<td width="20%"><h4 class="Stil9">Geschäftsführer:</h4></td>
</tr>
<tr>
<td>Bahnhofstraße 26 (Postfach 1328)</td>
<td><h3> </h3></td>
<td><span class="Stil9">Tel.: 0 56 81 - 40 32</span></td>
<td><h4 class="Stil9">Adelheid Rothauge</h4></td>
</tr>
<tr>
<td><h3>34569 Homberg (Efze)</h3></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><h3>Tel.:0 56 81 - 40 34<br />
Fax:<span class="Stil9">0 56 81 - 28 65<br />
E-Mail:<a href="mailto:info@rothauge-asphalt.de">info@rothauge-asphalt.de</a></span></h3></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="34%"><span class="Stil9">AG Fritzlar        HRA 13031<br />
Handwerksrolle HR-21311</span></td>
<td width="33%"> </td>
<td><h4 align="right"><span class="Stil9"></span></h4></td>
<td><h4> </h4></td>
</tr>
<tr>
<td><h3> </h3></td>
<td><h3> </h3></td>
<td> </td>
<td><h4 class="Stil9">AG Fritzlar HRB 10008</h4></td>
</tr>
<tr>
<td> </td>
<td><h3> </h3></td>
<td><div align="right">Bankverbindung:</div></td>
<td>KSK Schwalm-Eder</td>
</tr>
<tr>
<td><h3> </h3></td>
<td><h3>Tel.: 0 56 81 - 24 03</h3></td>
<td><div align="right">Kto.:</div></td>
<td>00 8300 2170</td>
</tr>
<tr>
<td>und</td>
<td><h3> </h3></td>
<td><div align="right">BLZ:</div></td>
<td>520 521 54</td>
</tr>
<tr>
<td><h3>Markus Wittich</h3></td>
<td><h3>Tel.: 0 56 81 - 40 36</h3></td>
<td><div align="right">Bankverbindung:</div></td>
<td>VR-Bank Schwalm-Eder</td>
</tr>
<tr>
<td> </td>
<td><h3>Handy:0172 - 80 280 94</h3></td>
<td><div align="right">Kto.:</div></td>
<td>00 0000 3158</td>
</tr>
<tr>
<td> </td>
<td><h3> </h3></td>
<td><div align="right">BLZ:</div></td>
<td>520 626 01</td>
</tr>
<tr>
<td><h3> </h3></td>
<td><h3> </h3></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><h3> </h3></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>Inhaltlich Verantwortlicher gemäß § 10 Absatz 3 MDStV: Markus Wittich</p> </td>
</tr>
<tr>
<td colspan="4">Haftungshinweis: Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.</td>
</tr>
</table>
</div>
<div id="container">
<div id="top"></div>
<div id="roScripts_1">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="standort.html">Standort</a></li>
<li><a href="ueberuns.html">Wir über uns</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="historie.html">Historie</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</div>
<div id="bottom"></div>
</div>
</body>
</html>