nicht angemeldet
Drop Down Menue
Matthias Scharwies
Matthias ApselHallo zusammen
Möchte auf meiner Website http://www.laakenhof.de ein Drop Down Menue einfügen. Hab schon einiges ausprobiert, es klappt aber nicht...
Würd mich über Hilfe freuen!!!!
Beste Grüße
Susi C.
joe@music-and-web.de
-
Möchte auf meiner Website http://www.laakenhof.de ein Drop Down Menue einfügen. Hab schon einiges ausprobiert, es klappt aber nicht...
Könntest du vielleicht noch sagen, was nicht klappt?
-
Möchte auf meiner Website http://www.laakenhof.de ein Drop Down Menue einfügen. Hab schon einiges ausprobiert, es klappt aber nicht...
ist ein Tutorial, das den Weg zu Dropdown-Menüs erklärt:
http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Menüs(Kap.3, das responsive Menüs für mobile Endgeräte behandelt, fehlt noch.)
-
Hi Matthias
bin eher ein Anfänger und blick da nicht durch alle Infos durch... Hier mal das was ich versucht habe, das Menue erscheint aber nicht so wie es sein sollte. Muss da in der css Datei noch was eingefügt werden?
Gruß
Susi C.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Laakenhof</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"><![endif]--><meta name="description" content="Dies ist die offizielle Internetseite vom Laakenhof Neubeckum.">
<meta name="keywords" content="Laakenhof, Beckum, Neubeckum, Gemuese bringts, Kommune, Biobetrieb, Gemüsesebau, Milchviehhaltung, Milchverarbeitung, Getreidebau, Legehennenhaltung, Abokisten,"></head>
<body><div id="page">
<div id="header">
<div> <a href="biolandhof.html"><img src="images/logo_02.gif" alt=""></a>
</div><div>
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="biolandhof.html"><span>Biolandhof</span></a>
<ul>
<li><a href="gemueseanbau.html"><span>Gemüse</span></a></li>
<li><a href="milchvieh.html"><span>Milchvieh</span></a></li>
<li><a href="kaeserei.html"><span>Käserei</span></a></li>
<li><a href="getreide.html"><span>Milchvieh</span></a></li>
<li><a href="legehennen.html"><span>Legehennen</span></a></li>
<li><a href="obstanbau.html"><span>Obstanbau</span></a></li>
</ul>
</li>
<li><a href="vermarktung.html"><span>Vermarktung</span></a>
<ul>
<li><a href="gemuesekisten.html"><span>Gemüsekiste</span></a></li>
<li><a href="hofladen.html"><span>Hofladen</span></a></li>
<li><a href="markt.html"><span>Marktstand</span></a></li>
</ul>
</li>
<li><a href="ausbildung.html"><span>Ausbildung</span></a></li>
<li><a href="kommune.html"><span>Kommune</span></a></li>
<li><a href="neues.html"><span>Neues</span></a></li>
<li><a href="galerie_laakenhof.html"><span>Galerie</span></a>
<ul>
<li><a href="galerie_laakenhof.html"><span>Laakenhof</span></a></li>
<li><a href="galerie_hoffest_2013.html"><span>Hoffest 2013</span></a></li>
<li><a href="galerie_kommuja_2013.html"><span>Kommuja 2013</span></a></li>
</ul>
</li>
<li><a href="links.html"><span>Links</span></a></li>
<li><a href="impressum.html"><span>Impressum</span></a></li>
</ul></div>
</div>
</div>
</body>
</html>-
Hi Matthias
bin eher ein Anfänger und blick da nicht durch alle Infos durch... Hier mal das was ich versucht habe, das Menue erscheint aber nicht so wie es sein sollte. Muss da in der css Datei noch was eingefügt werden?
Du musst nicht mehrfach posten. Im Allgemeinen wird der ganze Thread (Artikelbaum) gelesen.
Im SelfHTML WIKI gibt es
selfHTML Design-Vorlagen, die hier live angeschaut werden können.
Schau mit Rechtsklick in den Quelltext und dann auf die css-Dateien.
Du kannst auch mit "Seite speichern unter.." einzelne Seiten speichern und dann verändern.
Vielleicht ist dies einfacher, als eine Seite von Grund auf neu zu konzipieren.
LG Matthias
-
Schau mit Rechtsklick in den Quelltext und dann auf die css-Dateien.
Hi Matthias
auf den Quelltext der verschiedenen Seiten kann ich zugreifen, aber die entsprechenden css Dateien, wo/wie finde ich die??? Und welcher Part in der css Datei hilft mir für das Drop Down Menue?
-
auf den Quelltext der verschiedenen Seiten kann ich zugreifen, aber die entsprechenden css Dateien, wo/wie finde ich die??? Und welcher Part in der css Datei hilft mir für das Drop Down Menue?
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <!--[if lte IE 8]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta name="viewport" content="width=device-width; initial-scale=1.0;" /> <meta name="description" content="Beispiel-Design Nr.4 von SelfHTML.org" /> <link rel="stylesheet" href="css/style.css">In der letzten Zeile findest den link auf das Stylesheet (CSS-Datei). Die Einstellungen für das Dropdown-Menü findest du ab Zeile 248:
#navigation ul ul { display: none; } #navigation ul li:hover > ul { display: block; } #navigation ul { list-style: none; position: absolute; display: inline-table; float: right; top:60px; right:7%; } #navigation ul li { display: inline-block;position:relative; } #navigation ul li:hover a, #navigation ul li:active a { background: #97b314; color: white; -webkit-border-radius: 4px; border-radius: 4px; } #navigation ul li a { display: block; text-decoration: none; padding: 10px; } #navigation ul li:hover a { color: #fff; } #navigation ul ul { position: absolute; top:34px;left:0; z-index:99; } #navigation ul li:hover ul {display:block;} #navigation ul ul li { display:block; float: none; position: relative; } #navigation ul ul li a { background: #97b314; color: #fff; } #navigation ul ul li a:hover { background: #d0ff00; color:gray; }Zum Nachlesen ein Tutorial: CSS/Anwendung und Praxis/Menüs
Aber bitte glaube mir, ohne dich in die Grundlagen einzulesen, wird es sehr schwer irgendetwas Vorzeigbares zu produzieren.
LG Matthias
-
Hi Matthias
dank dir für deine Hilfe. Ich geb aber trotzdem auf und such mir jemanden, der gegen Bezahlung mein Problem löst....
Beste Grüße
Susi C.
-
Om nah hoo pez nyeetz, Susi C.!
dank dir für deine Hilfe. Ich geb aber trotzdem auf und such mir jemanden, der gegen Bezahlung mein Problem löst....
Du kannst sogar hier im Forum fragen, mach dazu am besten einen neuen Thread auf.
Matthias
-
-
-
-
-
-
-
-
Hallo Susi,
wenn es nur um eine Anleitung geht, wie du ein Menü erstellen kannst, dann schau mal hier:
http://designyourweb.info/so-gehts-ein-schlankes-css3-dropdown-menu-erstellen/346
http://www.silent-fran.de/css/tutorial/aufklappmenue.html
http://t3n.de/news/10-freie-html5-435735/
alles über Google gefunden :)
-
Hi Martin
bin eher ein Anfänger und blick da nicht durch alle Infos durch... Hier mal das was ich versucht habe, das Menue erscheint aber nicht so wie es sein sollte. Muss da in der css Datei noch was eingefügt werden?
Gruß
Susi C.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Laakenhof</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"><![endif]--><meta name="description" content="Dies ist die offizielle Internetseite vom Laakenhof Neubeckum.">
<meta name="keywords" content="Laakenhof, Beckum, Neubeckum, Gemuese bringts, Kommune, Biobetrieb, Gemüsesebau, Milchviehhaltung, Milchverarbeitung, Getreidebau, Legehennenhaltung, Abokisten,"></head>
<body><div id="page">
<div id="header">
<div> <a href="biolandhof.html"><img src="images/logo_02.gif" alt=""></a>
</div><div>
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="biolandhof.html"><span>Biolandhof</span></a>
<ul>
<li><a href="gemueseanbau.html"><span>Gemüse</span></a></li>
<li><a href="milchvieh.html"><span>Milchvieh</span></a></li>
<li><a href="kaeserei.html"><span>Käserei</span></a></li>
<li><a href="getreide.html"><span>Milchvieh</span></a></li>
<li><a href="legehennen.html"><span>Legehennen</span></a></li>
<li><a href="obstanbau.html"><span>Obstanbau</span></a></li>
</ul>
</li>
<li><a href="vermarktung.html"><span>Vermarktung</span></a>
<ul>
<li><a href="gemuesekisten.html"><span>Gemüsekiste</span></a></li>
<li><a href="hofladen.html"><span>Hofladen</span></a></li>
<li><a href="markt.html"><span>Marktstand</span></a></li>
</ul>
</li>
<li><a href="ausbildung.html"><span>Ausbildung</span></a></li>
<li><a href="kommune.html"><span>Kommune</span></a></li>
<li><a href="neues.html"><span>Neues</span></a></li>
<li><a href="galerie_laakenhof.html"><span>Galerie</span></a>
<ul>
<li><a href="galerie_laakenhof.html"><span>Laakenhof</span></a></li>
<li><a href="galerie_hoffest_2013.html"><span>Hoffest 2013</span></a></li>
<li><a href="galerie_kommuja_2013.html"><span>Kommuja 2013</span></a></li>
</ul>
</li>
<li><a href="links.html"><span>Links</span></a></li>
<li><a href="impressum.html"><span>Impressum</span></a></li>
</ul></div>
</div>
</div>
</body>
</html>-
bin eher ein Anfänger und blick da nicht durch alle Infos durch... Hier mal das was ich
versucht habe, das Menue erscheint aber nicht so wie es sein sollte. Muss da in der css Datei > noch was eingefügt werden?Hast du schon eine css-Datei? Wenn ja funktioniert das Menü?
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Laakenhof</title>
<meta charset="UTF-8">Die erste Zeile kannst du löschen, die untere ist die aktuelle. Mit utf-8 kannst du auch auf die komischen Umlaute a la ü verzichten und einfach "ü" schreiben.
<meta name="keywords" content="Laakenhof, Beckum, Neubeckum, Gemuese bringts, Kommune, Biobetrieb, Gemüsesebau, Milchviehhaltung, Milchverarbeitung, Getreidebau, Legehennenhaltung, Abokisten,">
Die Keywords kann man sich sparen, da schaut Google nicht mehr drauf, besser ist ein guter inhaltsreicher Text auf den Seiten.
<ul>
....
</ul>9 Menü-Punkte sind etwas viel,
- "Links" könnte man sich auf jeden Fall sparen, das macht "man" eigentlich nicht mehr.
- Könnte man "Neues" und "Galerie" irgendwie zusammenfassen?
-
Hi Matthias
dank dir für deine Infos.Eine css Datei hab ich, funktioniert alles auch ganz gut (nur nicht mehr wenn ich was mit Drop Down versuche) www.laakenhof.de
"Neues" und "Galerie" müssen getrennt bleiben. Gerade bei der "Galerie" will ich ein Drop Down Menue einfügen...
Beste Grüße
Susi C.
-
-
-
-
nee, die Frau....
-
-
Hello Susi Sorglos,
Möchte auf meiner Website http://www.laakenhof.de ein Drop Down Menue einfügen. Hab schon einiges ausprobiert, es klappt aber nicht...
schade, dass der Text auf der Webseite als Grafik dargestellt wird. Da wird der überhaupt nicht zu Index-Einträgen bei den Suchmaschinen führen. Das würde ich mich daher nochmal überlegen.
Man kann inzwischen auch ungewöhnliche Fonts nutzen, indem man sie per CSS mit ausliefert an den Client.
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
