 Menüs, Menüs erscheinen wenn man mit dem.. |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
  30.04.2004 - 20:02
Beitrag
#1
|
|
|
is getting harder Gruppe: User Beiträge: 28 Mitglied seit: 11.04.2004 Mitglieds-Nr.: 2.286  |
Hallo ,
...Cursor einen Link berührt. Wie auf dieser Seite . Wie mach ich das ? Ich hoffe auf baldigen Rat . Danke im voraus.. |
 |
 
|
 |
Antworten
|
03.05.2004 - 15:57
Beitrag
#2
|
|
|
Weiss zuviel!!  Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
Hallo,
nur mal vorne weg: Ich hab da nun schon mehrmals diesen Link angegeben. Den solltest du einfach mal anschauen.  Aber weil ich ja nett bin: HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>CSS Texte einblenden mit Pseudoformaten</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> <!-- body{margin:0;padding:0;font : 14px verdana, geneva, arial, helvetica, sans-serif;text-align:justify;} a{ color:black; } a:hover{ color:#ffffff; } #box1{ position: absolute;top:20px;left:20px; width:250px; height:100px; background : #b07041; padding:10px; font-size:12px; color:#ffffff; border:1px solid black; cursor:pointer; } #box1 .blend1{ display:none; } #box1:hover .blend1{ position: absolute;top:-1px;left:271px;z-index:3;display:block; width:350px; padding:5px; margin:0; background : #f49100; color:black; border:1px solid black; border-left:none; cursor:default; } .blend1 p{ list-style:none; margin:0px; padding:10px; font-weight:bold; background : #b07041; border:1px solid black; } #box2{ position: absolute;top:200px;left:20px; width:250px; height:100px; background : #f49100; padding:10px; font-size:12px; color:#ffffff; border:1px solid black; cursor:pointer; } #box2 .blend2{ display:none; } #box2:hover .blend2{ position: absolute;top:-1px;left:271px;z-index:3; display:block; width:160px; padding:5px; margin:0; background : #b07041; color:black; border:1px solid black; border-left:none; cursor:default; } .blend2 ul{ list-style:none; margin:0px; padding:10px; font-weight:bold; background : #f49100; border:1px solid black; } .blend2 li{ padding:3px; } #text p { background : #b07041 ; color:#ffffff; border:1px solid #9C5A42; padding:15px; } #text{ position:absolute;left:320px;top:0px; padding-right:30px; padding-left:30px; background : #c48351; margin:0px; } --> </style> </head> <body> <div id="box1"> <p><b>Lorem ipsum dolor sit amet</b></p> <div class="blend1"> <p><a href="#">Lorem ipsum</a> <a href="#">Lorem ipsum</a> <a href="#">Lorem ipsum</a></p> </div> </div> <div id="box2"></div> <div id="box2"> <p><b>Lorem ipsum dolor sit amet</b></p> <div class="blend2"> <ul> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Lorem ipsum</a></li> </ul> </div> </div> <div id="text"> <h1 style="font-size:20px;text-align:center;color:black;margin-bottom:30px;">Lorem ipsum dolor sit amet</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> </div> </body> </html> So nun sollte es aber wirklich klar sein. [edit] Ach ja, Mozilla kann das und Opera. [/edit] Der Beitrag wurde von i.b.g bearbeitet: 03.05.2004 - 15:58 |
|
|
|
Beiträge in diesem Thema
lain Menüs 30.04.2004 - 20:02
amethyst Hallo Lain,
das ist der Hover-Effekt bei Links mi... 30.04.2004 - 20:07 lain Danke , aber ich verstehe nicht so ganz was du mei... 30.04.2004 - 20:16 amethyst ZITAT(lain @ 30.04.2004 - 21:02)Hallo ,
..... 30.04.2004 - 20:24 CaVo http://www.dhtmlcentral.com/projects/coolmenus/
G... 30.04.2004 - 20:31 lain Jo , die Seite kenn ich. Habe auch eine Version ru... 30.04.2004 - 21:34 Conny ZITAT(lain @ 30.04.2004 - 22:34)...aber die V... 30.04.2004 - 22:27 lain In Phase 5.0 kann die Seite nicht angezeigt werden... 01.05.2004 - 20:01 Conny Kannst Du die Seite -sammt eingefügtem Script- Onl... 01.05.2004 - 20:09 lain css
<script language="text/css"... 02.05.2004 - 0:34 i.b.g Hallo,
wenn Du die Beispiele dieser Seite, die üb... 02.05.2004 - 13:01 amethyst Hallo Ingo,
Widerspruch ;-))
ZITAT(i.b.g @ 02... 02.05.2004 - 13:30 lain Ich hab den IE 6.0 , und kann diese Menüs auf ande... 02.05.2004 - 14:16 amethyst Das sind Java-Menüs und die Scripts dazu, müsstest... 02.05.2004 - 14:23 i.b.g Hallo,
@lain
also alle von Dir angeführten Seiten... 02.05.2004 - 14:41 lain Könnte man Java nicht umgehen und per CSS solch ei... 02.05.2004 - 15:33 i.b.g Hallo,
du musst für jede Box, die ein- und ausgeb... 03.05.2004 - 6:43 lain Welcher Browser käme dafür in Frage ?
Kannst du m... 03.05.2004 - 14:28 lain Ich hatte mir diesen Link schon angeschaut , aber ... 03.05.2004 - 18:46
i.b.g Hallo,
kann es sein, dass wir aneinandervorbeidis... 04.05.2004 - 6:50 |
4 Besucher lesen dieses Thema (Gäste: 4 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 18.05.2025 - 7:22 |