Hover Effekt

Hellooo…

Ich möchte gerne ein Steckbrief für meine Seite machen, mit dem Zusatz, dass wenn die Maus über bspw. „NAME“ schwebt, der Name (bspw. ANGELA) rechtsbündig erscheint. Und wenn der Cursor nicht auf bspw. „NAME“ oder „ALTER“ gerichtet ist, so wird der NAME und das ALTER auch nicht angezeigt.

Welchen CSS Code könnte ich da benutzen?
Es ist für myspace.com daher kommen HTML Codes ziemlich ungelegen.

Vielen Dank im voraus!

Hellooo…

Ich möchte gerne ein Steckbrief für meine Seite machen, mit
dem Zusatz, dass wenn die Maus über bspw. „NAME“ schwebt, der
Name (bspw. ANGELA) rechtsbündig erscheint. Und wenn der
Cursor nicht auf bspw. „NAME“ oder „ALTER“ gerichtet ist, so
wird der NAME und das ALTER auch nicht angezeigt.

Also ungefähr so:

Name:
Alter:

Und wenn man mit der Maus auf Name zeigt, dann soll es so
aussehen:

Name: Angela
Alter:

Meinst du das?

Welchen CSS Code könnte ich da benutzen?
Es ist für myspace.com daher kommen HTML Codes ziemlich
ungelegen.

CSS ist eine Formatierungssprache für HTML. Wenn HTML nicht
geht, dann geht auch CSS nicht.

Hallo,

Ich möchte gerne ein Steckbrief für meine Seite machen, mit
dem Zusatz, dass wenn die Maus über bspw. „NAME“ schwebt, der
Name (bspw. ANGELA) rechtsbündig erscheint. Und wenn der
Cursor nicht auf bspw. „NAME“ oder „ALTER“ gerichtet ist, so
wird der NAME und das ALTER auch nicht angezeigt.

Schau Dir mal http://meyerweb.com/eric/css/edge/popups/demo.html an, das sollte Dir weiterhelfen.

Welchen CSS Code könnte ich da benutzen?
Es ist für myspace.com daher kommen HTML Codes ziemlich
ungelegen.

Du mußt schon Einfluß auf den HTML-Code nehmen, damit Du die Elemente in Container packen kannst:

 Name: Name 
 Alter: 123 

Gruß
Diether

Hellooo…

Ich möchte gerne ein Steckbrief für meine Seite machen, mit
dem Zusatz, dass wenn die Maus über bspw. „NAME“ schwebt, der
Name (bspw. ANGELA) rechtsbündig erscheint. Und wenn der
Cursor nicht auf bspw. „NAME“ oder „ALTER“ gerichtet ist, so
wird der NAME und das ALTER auch nicht angezeigt.

Also ungefähr so:

Name:
Alter:

Und wenn man mit der Maus auf Name zeigt, dann soll es so
aussehen:

Name: Angela
Alter:

Meinst du das?

Ja, das meine ich! Ich dachte schon, ich drücke mich viel zu umständlich aus! :0)

CSS ist eine Formatierungssprache für HTML. Wenn HTML nicht
geht, dann geht auch CSS nicht.

Gut zu wissen! Danki!

Schau Dir mal
http://meyerweb.com/eric/css/edge/popups/demo.html an, das
sollte Dir weiterhelfen.

Ja, danke für den Tipp! Da schaue ich jetzt mal rein! :0)

Du mußt schon Einfluß auf den HTML-Code nehmen, damit Du die
Elemente in Container packen kannst:

Name: Name
Alter: 123

Yup, werd’ ich dann wohl machen! Danki! :0)

Dann zum Beispiel so:
Name:
Alfred
Alter:
13

Hi, Danke für den Code! Leider hat es nicht bei mir geklappt :o(

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Schau Dir mal
http://meyerweb.com/eric/css/edge/popups/demo.html an, das
sollte Dir weiterhelfen.

Hi, habe mir die Seite mal angeschaut.
Und habe es nun auch so hinbekommen, wie die Seite mir das erklärt hat. Jedoch habe ich, nachdem ich es angewendet habe festgestellt, dass der Text, der über „mouseover“ angezeigt werden soll (z.B. bei Name: ANGELA oder Alter: 60) immer an der selben Stelle angezeigt wird. Und so wollte ich es nicht haben :0(

Ich wollte, dass der bei „mouseover“ angezeigte Text (bspw. ANGELA) mit dem normalen Text (bspw. NAME) in einer Zeile ist.

Hast du da evtl. ne andere Quelle?

Danke im voraus!
lieben Gruß
wizzy

Hallo wizzy,

Ich wollte, dass der bei „mouseover“ angezeigte Text (bspw.
ANGELA) mit dem normalen Text (bspw. NAME) in einer Zeile ist.

Hast du da evtl. ne andere Quelle?

Nicht im Internet, aber im Kopf:

 Testseite
 .Eintrag .Wert {
 /\* Normalerweise den Wert nicht zeigen \*/
 display: none;
 }
 .Eintrag:hover .Schluessel {
 /\* Wenn die Maus über den Eintrag geht, den Schluessel unterstreichen \*/
 text-decoration: underline;
 }
 .Eintrag:hover .Wert {
 /\* Wenn die Maus über den Eintrag geht, den Wert anzeigen \*/
 display: inline;
 }
 Name: Asdf 
 Alter: 123 Dieser Text springt 

Gruß
Diether

Hallo wizzy,

Ich wollte, dass der bei „mouseover“ angezeigte Text (bspw.
ANGELA) mit dem normalen Text (bspw. NAME) in einer Zeile ist.

Hast du da evtl. ne andere Quelle?

Nicht im Internet, aber im Kopf:

Testseite

.Eintrag .Wert {
/* Normalerweise den Wert nicht zeigen */
display: none;

Hi,

Habe ne Frage!
Welchen Wert soll hier nicht angezeigt werden?

Hallo wizzy,

.Eintrag .Wert {
/* Normalerweise den Wert nicht zeigen */
display: none;

Habe ne Frage!
Welchen Wert soll hier nicht angezeigt werden?

Alle Elemente, die ‚class=„Wert“‘ enthalten. ‚Wert‘ ist der Klassenname den ich für die Einträge genommen habe.

Gruß
Diether

Hallo

Der IE versteht hover nur bei a-tags mit href-Attribut:

Name:Asdf

Alter:123

Hallo,

Der IE versteht hover nur bei a-tags mit href-Attribut:

Hm, nach http://www.css4you.de/hover.html ab Version 7 auch für andere Elemente, aber der 6er ist noch stark verbreitet. Könnte man das ‚href‘ nicht weglassen damit zwar ein a-Tag vorhanden ist, das aber nicht ausgewertet wird?

Gruß
Diether

Danke Jungs!
Hat super geklappt!
Nochmals…vielen herzlichen Dank! *freudensprung*

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Könnte man das ‚href‘ nicht weglassen damit zwar ein a-Tag
vorhanden ist, das aber nicht ausgewertet wird?

Nee, ich glaub das geht nicht. Aber bei href="#" passiert sowieso nichts (hoff ich mal).