Infobox

[Nixchecker]

Hallo, ich habe eine Frage:

Kann ich eine Art Box öffnen, wenn man mit dem Mauszeiger rüberfährt?
Wenn man den Mauszeiger wieder weg tut geht dei Box weg!

Könntet ihr mir das vielleicht machen? Aber ohne JavaScript, damit Besucher die Box auch sehen! Manche haben nämlich doch JavaSript ausgeschaltet!

 

[asd]

Geht net ohne Java-Script !!!

 

[Prophet]

Also ohne JavaScript gibt es da höchstens noch eine Möglichkeit über CSS die wird jeodch nicht vom Internet Explorer unterstützt. Es geht also nicht...

 

[Nixchecker]

Der Internet Explorer ist mir egal! sagt mir wie es mit CSS geht!

 

[Prophet]

Naja es ist mehr ein Trick... Versuch mal folgendes:
HTML:

<span class="info">Das Wort<div class="info">Dies eine eine <br /> Information.</div></span>

CSS:

span.info div.info
{
  display:none;
  z-index:100;
}
span.info:hover div.info
{
  display:block;
  border:solid 1px black;
}

Ist aber alles mehr eine Notlösung als was gescheites. Und ich vermute du wirst da einige fehler drinne haben die man wohl kaum rausbekommt.

 

[Nixchecker]

Das hat leider nicht geklappt!

Könnt ihr es dann in JavaScript sagen???

 

[Verhueterli]

Prophet, das kann doch nicht funktionieren. Wenn die Box das Attribut display mit dem Wert none erhält, hat es eine Größe von 0x0 px. Es wird also interpretiert wie nichts, was zur Folge hat, dass da auch kein Hover zu Stande kommen kann. Denn man kann ja nicht über eine Box drüberfahren, die im Prinzip "nicht existiert".

Und aus dem oben genannten Grund bin ich mir auch nicht sicher, ob das mit JavaScript überhaupt geht.

EDIT
Obwohl, man könnte das ja mittels visibility lösen.

 

[dementius]

Hier eine Möglichkeit mit CSS, die der IE (ab Version 6.x) auch unterstützt:
» http://www.1ngo.de/web/infobox.html

@Verhueterli: Klar geht das mit JS, habe ich mal auf einer WoW Clanpage gesehen .. Muss mal suchen.

mfg

 

[FleyerShaver]

Soll das nachher so aussehen wie auf www.yahoo.de ?

 

[Nixchecker]

Hier eine Möglichkeit mit CSS, die der IE (ab Version 6.x) auch unterstützt:
» http://www.1ngo.de/web/infobox.html

@Verhueterli: Klar geht das mit JS, habe ich mal auf einer WoW Clanpage gesehen .. Muss mal suchen.

mfg

Danke, genau das wollte ich!

 

[flapo]

@Prophet: Ich würde das spontan so machen:

<span id="info">Das Wort<span>Dies eine eine <br /> Information.</span></span>

CSS:

#info span{display:none;}
#info:hover span{display:block;}