Hallo,
zunächst: ich zum ersten Mal in diesem Forum und hoffe auf die eine oder andere Hilfestellung.
ich habe Probleme beim Verlinken aus einem aufklappbaren Menü.
Ich habe versucht, zum besseren Verständniss den HTML Code sowie die dazugehörende CSS hochzuladen.
Da geht es schon los - Das kann ich auch nicht
Ich hoffe das ich den richtigen Weg in diesem Forum gewählt habe.
LG
willytyp
Bei den Infos können wir dir leider nicht helfen. Idealerweise postest du einen Link zu der Seite und falls du noch keinen Webspace hast, tut es auch ein Freehoster.
Übrigens, was ist ein Freehoster?
Freehoster bietet Webspace kostenlos an, siehe z.B. http://www.bplaced.net/ Ist zwar nicht optimal, aber zum Testen oder Vorzeigen in Foren reicht das aus.
Allerdings muss ich dir sagen, dass google bei solchen Fragen weiterhilft!
Und direkt schon mal zwei Tipps:
Der Link muss dan so aussehen:
<a class="unten" href="vorstand.html">Vorstand</a>Hallo Bandit,
vielen Dank für die korrigierte Zeile. Ich bin froh über jeden Tipp von dem ich lernen kann.
Ich programmiere schon viele Jahre in VBA-Excel mit recht gutem Erfolg.
Von daher ist mir die Logig von Quelltexten nicht ganz fremd.
Für unseren Kleingartenverein sollte ich eine Web-Seite erstellen die möglichst schnell stehen sollte.
Das habe ich mit dem Baukastensystem von 1&1 erreicht. Da aber viele Optionen welche ich gerne hätte, dort nicht zur Verfügung stehen,
habe ich mir gesagt: nun lernste HTML und CSS und machst es besser.
Wenn ich so kompetente Hilfen wie die von dir habe, sehe ich für die Zukunft keine gravierenden Probleme.;-)
Natürlich habe ich mich auch mit Fachliteratur eingedeckt.
LG und ein schönes Weihnachtsfest
willytyp
Ich hab auch ein ähnliches Problem beim Verlinken. Danke Bandit für deine Tipps. Jetzt klappt alles gut bei mir :))
Natürlich habe ich mich auch mit Fachliteratur eingedeckt.LG und ein schönes Weihnachtsfest
willytyp
Dann solltest du irgendwann auf das Listenelement UL stoßen.
<!doctype html>
<html>
<head>
<title>Navigation</title>
<meta charset="UTF-8">
<style>
* {
margin:0;
padding:0;
text-decoration:none;
list-style:none;
border:0;
}
body {
background: #080;
}
img {
margin:10px;
}
#navi {
margin:10px;
float:left;
background:#000;
}
#navi li {
position:relative;
float:left;
margin-right:2px;
background:#ce9;
}
#navi li:last-child {
margin:0;
}
#navi a , #navi strong {
display:block;
padding:5px 10px;
color:#000;
font-weight:bold;
text-align:center;
}
#navi li:hover {
background:#9a6;
}
#navi ul {
position:absolute;
left:-9999em;
top:-9999em;
padding:10px;
background:#9a6;
}
#navi ul li {
float:none;
white-space: nowrap;
background:#ce9;
}
#navi li:hover ul {
left:0;
top:auto;
background:#9a6;
}
#navi ul a:hover {
background:#ff9;
color:#f00;
}
#navi strong {
background:#9a6;
}
</style>
</head>
<body>
<img src="/Images/kopfzeile.jeg" width="1000" height="100" style="border: 0px;" alt="bild">
<ul id="navi">
<li><strong>Home</strong>
<ul>
<li><a href="#">Kontakte</a></li>
<li><a href="#">Vorstand</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Anfahrt</a></li>
</ul>
</li>
<li><a href="#">Aktuelles</a></li>
<li><a href="#">Wissenswertes</a>
<ul>
<li><a href="#">Freie Parzellen</a></li>
<li><a href="#">Der Rest einer Tanne</a></li>
<li><a href="#">Sommerfest 2014 l</a></li>
<li><a href="#">Sommerfest 2014 ll</a></li>
<li><a href="#">Sommerfest 2014 lll</a></li>
<li><a href="#">Besucherliste</a></li>
<li><a href="#">Chronik</a></li>
</ul>
</li>
<li><a href="#">Vereinshaus</a></li>
<li><a href="#">Intern</a></li>
<li><a href="#">Sponsoren</a></li>
<li><a href="#">Impressum</a></li>
</ul><!-- ende navi-->
</body>
</html>