• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menu Bar funktioniert nicht richtig

Status
Für weitere Antworten geschlossen.
D

dreifreunde

Neues Mitglied
Erstmal ein Liebes Hallo :mrgreen::mrgreen:

Bin ein ziemlicher Neuling in Sachen Html , aber weiß schon einige Sachen wie sie hineingeschrieben werden.:-D Vor 2 Wochen habe ich angefangen eine Menu Bar auf meine Homepage einzubauen , die auch soweit läuft. Meine Frage allerdings ist, wie bekomme ich die Menu Bar ganz nach links und ganz nach oben?

Wenn das wichtigste Stück vom Code braucht, schreibe ich den gerne noch hier herein . :-)

Danke euch erstmal :-))

Liebe Grüße Steven
 
Wenn das wichtigste Stück vom Code braucht, schreibe ich den gerne noch hier herein
Zum Vergrößern anklicken....

Das wäre aber wirklich zu viel von dir verlangt und zu viel des Guten. Ist wirklich nicht nötig. Dafür haben wir ja unsere Glaskugeln.

Meine sagt mir:
Wenn du eine CSS-Listen-Navi hast, dann verwende
Code: 
ul, li {margin: 0; padding: 0;}
Es kann aber auch sein, dass diese Kugel gerade einen Macken hat. :-D
 
Naböönd :D

Meine Glaskugel hat mir gestern Nacht gezeigt das ich es doch hereinstellen soll :D:D:D

Code: 
<style type="text/css">
#menuBar {
  background-color: #c0c0c0;
  border: 2px solid;
  border-color: #f0f0f0 #808080 #808080 #f0f0f0;
  color: #000000;
  font-size: 1pt;
  padding: 4px 2px 4px 2px;
  text-align: left;
  width: 80%;
}
a.menuButton, a.menuButtonActive {
  background-color: transparent;
  border: 1px solid #c0c0c0;
  color: #000000;
  cursor: default;
  font-family: "MS Sans Serif", Arial, Tahoma, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  left: 0px;
  top: 0px;
  text-decoration: none;
}
a.menuButton:hover {
  background-color: transparent;
  border-color: #f0f0f0 #808080 #808080 #f0f0f0;
  color: #000000;
}
a.menuButtonActive, a.menuButtonActive:hover {
  background-color: #a0a0a0;
  border-color: #808080 #f0f0f0 #f0f0f0 #808080;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

Aber werde das mal ausprobieren was hier schon geposted wurde :-)

...Lieben Grüße Steven
 
Zuletzt bearbeitet von einem Moderator:
Hey, Du hast den HTML-Code vergessen. Wie sollen wir denn wissen, wer nun die Wette gewonnen hat? Und nicht schummeln und das Tabellenlayout verstecken :-)
 
Code: 
<div id="menuBar"
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'fileMenu');"
    onmouseover="buttonMouseover(this, 'fileMenu');"
>Home</a
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'editMenu');"
    onmouseover="buttonMouseover(this, 'editMenu');"
>Drei Freunde</a
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'viewMenu');"
    onmouseover="buttonMouseover(this, 'viewMenu');"
>Treffen 2006</a
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'screenMenu');"
    onmouseover="buttonMouseover(this, 'screenMenu');"
>Treffen 2006</a
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'toolsMenu');"
    onmouseover="buttonMouseover(this, 'toolsMenu');"
>Treffen 2007</a
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'optionsMenu');"
    onmouseover="buttonMouseover(this, 'optionsMenu');"
>Treffen 2008</a
><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'helpMenu');"
    onmouseover="buttonMouseover(this, 'helpMenu');"
>Sonstiges</a

<!-- Tags for the drop down menus. -->
<div id="fileMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/index.html"]3Freunde[/URL]" target=index >Startseite</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/unseranfang.html"]3Freunde[/URL]" target=index >Unser Anfang</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/botschaften.html"]3Freunde[/URL]" target=index >Botschaften</a>
</div>
<div id="editMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/jassy.html"]3Freunde[/URL]" target=index >Jassy</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/danni.html"]3Freunde[/URL]" target=index >Danni</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/tamsi.html"]3Freunde[/URL]" target=index >Steven</a>
</div>
<div id="viewMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_april_06.html"]3Freunde[/URL]" target=index >April</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_august_06.html"]3Freunde[/URL]" target=index >August</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_september_06.html"]3Freunde[/URL]" target=index >September</a>
</div>
<div id="screenMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_oktober_06.html"]3Freunde[/URL]" target=index >Oktober</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_dezember_06.html"]3Freunde[/URL]" target=index >Dezember</a>
</div>
<div id="toolsMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_august_07.html"]3Freunde[/URL]" target=index >August</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_september_07.html"]3Freunde[/URL]" target=index >September</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_dezember_07.html"]3Freunde[/URL]" target=index >Dezember</a>
</div>
<div id="optionsMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_januar_08.html"]3Freunde[/URL]" target=index >Januar</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_maerz_08.html"]3Freunde[/URL]" target=index >März</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/treffen_august_08.html"]3Freunde[/URL]" target=index >August</a>
</div>
<div id="helpMenu" class="menu">
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/links.html"]3Freunde[/URL]" target=index >Links</a>
<a class="menuItem" href="[URL="http://www.onlex.de/_gbuch.php4?username=dreifreunde"]Gästebuch von DreiFreunde - [www.onlex.de][/URL]" target=index >Gästebuch</a>
<a class="menuItem" href="[URL="http://www.repage2.de/member/3freunde/impressum2.html"]3Freunde[/URL]" target=index>Impressum</a>
</div>
 
Zuletzt bearbeitet von einem Moderator:
Mh,
also da fehlt noch das Javascript.
Um den ganzen block nach rechts zu bekommen:
Code: 
  #menuBar {
float: right;
...
...
}
Je nach dem wie die anderen Blöcke positioniert sind,
kann es auch besser sein float: left zu schreiben.
Um das zu beurteilen bräuchten wir einen Link zum klicken.

Da ich nicht mitgewettet habe, mach ich mal den Schiedsrichter:
"Keiner hat gewonnen. Der Kasten Jever bleibt vorerst beim Schiedsrichter. Dreifreunde kann ich ihn, auf Grund seines alters, nicht aushändigen."
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben