Dabei seit: 28.07.2008 Ort: - Alter: - Geschlecht: -
Verfasst Mo 28.07.2008 17:28 Titel
hoverdrop menü erstellen via css oder javascript
hey leute,
ich ein hobbys designer, hauptsächlich nur das design mit photoshop.ich wollte für mich eine kleine privat page einrichten und habe ein design was ein hoverdrop menü nur leider sind meine html css kenntnisse nicht so gut dadrin.
mit hover drop meint ich sowas hier zb.
ich hatte nur mal in der schule kruze einführen in html css etc. ud den rest must ich mir selbst beibringen.
wenn jemand eine ahnung hat bzw mir das schreiben könnte , oder ein tut dazu geben könnte wär ich echt dankbar sonst kann ich meine page leider nicht weiter machen.
wenn es geht den code posten dazu, tutus mit dreamwaever etc nützen mir nichts da ich nur mit dem editor schreiben
Dabei seit: 28.07.2008 Ort: - Alter: - Geschlecht: -
Verfasst Di 29.07.2008 17:34 Titel
so ich habe nun eine navi gefunden die ich verändern werde.
aber da is listen sind sind ja die punke dahinter wie kann ich die ausblenden? decration irgendwas.
hier der code:
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li a {display:block; float:left; color:#888; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}
#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
Mediengestalter.info ist ein Projekt von Webformatik:: Forensoftware: phpBB