Menü im Titel

Webdesign & Technik HTML & CSS
1

Hallo !

Ich möchte ein Untermenü für meine Website erstellen.
Dabei sollen die Links im Titel der Seite angezeit werden (nur bei mouseover !).

Originaler Steitentitel:
[size=150]Home[/size]

Bei einem Mouseover über das “o” sollte es dann ungefähr so aussehen:
Wobei Login der Link sein sollte.
[size=150]H[/size]L[size=150]o[/size]gin[size=150]me[/size]

Ist das überhaupt möglich ?
Wenn ja, wie ?

2

Ist möglich, rate ich dir aber ab :wink:

3

Wieso würdest du das abraten ?

4

Ich würde auch abraten, außer du willst das niemand das Menü findet.

Zu deiner Frage, möglich ist fast alles.
Zu deinem Problem fällt mir auf die schnelle gerade folgende Lösung ein.

CSS:

a.link {
    color:#000000;
    text-decoration:none;    
  }
  a.link:hover {
    color:#0000FF;
    text-decoration:underline;
  }

HTML:

H<a href="#" class="link" onmouseover="this.innerHTML = 'Login';" onmouseout="this.innerHTML = 'o';" >o</a>me

Hintergrund:
Der link ist immer da aber wird mit CSS versteckt bei einem Maus überfahren,
ändert Javascript den text und CSS läst den Link wieder wie einen Link aussehen

5

nicht empfehlenswert, da das “o” ja zwangsläufig nach rechts rutschen würde wegen dem eingeschobenen “L”, und es unerwünschte “wackel-effekte” geben könnte.
Sollte man nicht machen, sieht meiner Meinung nach auch nicht toll aus.

mfg Balmung

6

  1. das geht komplett ohne java-script mit CSS :hover

  2. man kann dafür in der H1-Überschrift span-Elemente
    verschachteln

  3. das Verschieben kann man vermeiden, indem man die
    H1-Überschrift positioniert und dann den Kram, den man mit
    :hover einblendet ebenfalls positioniert (das ist dann relativ
    zum H1, weil dies bereits positoniert ist

  4. Inhaltlich ist das eine nicht triviale Angelegenheit, da diese
    Überschrift natürlich auch noch ohne CSS, also wenn alles
    auf einmal sichtbar ist, einen Sinn ergeben sollte.
    Wenn das nicht zweifelsfrei gelingt und das Menü auch nicht
    zweifelsfrei erkennbar ist, wenn CSS aktiviert ist, so halte ich
    das auch für keine sinnvolle Anwendung.

7

Wenn, würde ich es so machen. html-php.de/tools/aae.htm
Allerdings, sollte man seinen Besuchern darauf hinweisen, das man auf das o gehen muß :ps:

8

Danke für eure Antworten !

Ich werde das Menü wohl auf eine andere Art realisieren.