Menüs, Menüs erscheinen wenn man mit dem.. Einstellungen

[lain]

Hallo ,


...Cursor einen Link berührt. Wie auf dieser Seite . Wie mach ich das ?

Ich hoffe auf baldigen Rat . Danke im voraus..

[amethyst]

Hallo Lain,

das ist der Hover-Effekt bei Links mit CSS. Hier der Link dazu ;-))

Gruß Amethyst

[lain]

Danke , aber ich verstehe nicht so ganz was du meinst . Ich meine auf www.dhtmlcentral.com , wenn man mit dem Cursor oben auf "News" oder "Projects" geht , da erscheint ein Menü .

[amethyst]

Hallo ,


...Cursor einen Link berührt. Wie auf dieser Seite . Wie mach ich das ?

Ich hoffe auf baldigen Rat . Danke im voraus..

Sorry, ich hatte den Link und die Überschrift übersehen.
Das ist mit Java-Script realisiert und da bin ich überfragt, da ich meine HTML-Seiten möglichst Java-Script-frei erstelle.

Gruß Amethyst

Der Beitrag wurde von amethyst bearbeitet: 30.04.2004 - 20:25

[Gast_CaVo_*]

http://www.dhtmlcentral.com/projects/coolmenus/

Gruss Carsten

[lain]

Jo , die Seite kenn ich. Habe auch eine Version runtergeladen , aber die Vorschau im Browser geht nicht wenn ich die Scripts reinkopiere.

[Conny]

...aber die Vorschau im Browser geht nicht wenn ich die Scripts reinkopiere.

Hi,
gibt es denn wenigstens eine Fehlermeldung?

[lain]

In Phase 5.0 kann die Seite nicht angezeigt werden und in 5.3 brauche ich angeblich den IE 5.5+ .

[Conny]

Kannst Du die Seite -sammt eingefügtem Script- Online stellen und uns hier ein Link einstellen?

Denn ohne Einsicht auf dem was Du da so bastelst wird es schwer Dich zu helfen...

cu
Conny

[lain]

css

<script language="text/css">
#box
{
position:absolute;
bottom:2em;
right:2em;
}
#box a
{
color:#000000;
background:##003030;
text-decoration:overline;
display-block;
padding:0.4em;
border: 1px solid black;
}
#box a:hover
{
color:black;
text-decoration:underline;
background:#00007F;
width:25em;
border: 1px solid white;
}
#box a .info
{
display:none;
}
#box a:hover .info
{
color:black;
background:#5F0000;
border: 1px solid black;
font-weight:normal;
display:block;
padding:0.6em;
position:absolute;
bottom:2em;
right:2em;
}

html :

<div id="box">
<a href="#">•&nbsp;Test-Button 1
<span class="info">
Hier stehendann die Infos.
</span>
</a>
</div>

Das funktioniert nicht . Diesmal erscheint nur der Link , und keine Box. Was mache ich falsch ?

Woher ich den Link hab'.

[Google Bot]