• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Submenü erstellen

  • Ersteller Ersteller emitremmus
  • Erstellt am Erstellt am
Ok, damit weiß ich aber nun noch nicht genau wie ich vorgehen muss.
Angenommen der Button "About" soll ein Submenü erhalten, welcher wiederrum die beiden Untermenüs "Impressum" + "ABG" enthalten soll.

Wie und vorallem Wo muss ich das im Quelltext eingeben? Es soll ja auch in das Design der Seite passen. Müßte ich den Rahmen "Newsletter" etwas nach unten legen oder kann man dies so lassen, wenn sich die Menüs dann darüber blenden?
 
ganz sicher bin ich mir nicht mehr aber müsste folgendermaßen gehen:
Code: 
<ul id="menu">
            <li><a href="#" id="current">About</a>
                <ul>
                    <li><a href="#">1. Link im drop down</a></li>
               </ul>
</ul>

    .menu li a{
        background:was du willst;
        color:was du willst;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #was du willst;
            color:was du willst;
            text-decoration:none;
            }
wie gesagt ich bin mir nimmer sicher google mal nach css dorpdown dann findest du bestimmt was
 
Code: 
<div class="nav">
                   <div class="l"></div>
                    <div class="r"></div>
                    <ul class="artmenu">
                        <li><a href="#" class="{ActiveItem}"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
                        </li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Services</span></a></li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Solutions</span></a>
                        </li>
                        <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">Contact</span></a></li>
                    </ul>
                </div>
Das ist die Menüstruktur. Was muss ich nun ersetzen oder besser gesagt, wo soll der obengenannte Code eingesetzt werden?
 
Also ich habe das nun versucht, aber bekomme es nicht gebacken.

Meine Testseite ist diese hier:
http://emitremmus01.em.funpic.de/

Dort soll dieses Submenü erscheinen. Ich mir zwar die verlinkten Seiten alle durchgelesen, aber bei mir scheint es nicht zu funktionieren.
 
Also den Quellentext wo Dreamweaver erzeugt ist schon wirklich genial muss ich sagen!

Code: 
    <div class="PageBackgroundGradient"></div>
    <div class="Main">
        <div class="Sheet">
            <div class="Sheet-tl"></div>
            <div class="Sheet-tr"></div>
            <div class="Sheet-bl"></div>
            <div class="Sheet-br"></div>
            <div class="Sheet-tc"></div>
            <div class="Sheet-bc"></div>
            <div class="Sheet-cl"></div>
            <div class="Sheet-cr"></div>
            <div class="Sheet-cc"></div>
            <div class="Sheet-body">
                <div class="Header">
                    <div class="Header-jpeg"></div>
                    <div class="logo">
                        <h1 id="name-text" class="logo-name"><a href="[URL="http://www.html.de/view-source:http://emitremmus01.em.funpic.de/#"]#[/URL]">Corporate Web Template</a></h1>
                        <div id="slogan-text" class="logo-text">Slogan text</div>
                    </div>
                </div>
                <div class="nav">
                	<div class="l"></div>
                	<div class="r"></div>
*hust*


Das es bei dir nicht klappt ist das Dreamweaver schlampigen code erzeugt der dazu führt das die Website bei gut 40% deiner Besucher verschoben oder kaputt angezeigt wird.

Antworten hast du ja bekommen, aber auf dauer würd ich mir überlegen nicht selber anzufangen richtig Xhtml und css zu lernen.
 
Ich möchte aber gern das Design verwenden. Und mit Dreamweaver komme ich auch ganz gut zu recht.

Ich müßte doch bei diesem Code hier, nur einiges ändern, oder? Es müßten ja praktisch nur die Links eingeklappt werden und beim drüber Hovern dieser Drop-Down Effekt erscheinen.

Code: 
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
 text-align:left;
 text-decoration:none;
 outline:none;
 letter-spacing:normal;
 word-spacing:normal;
}
.artmenu, .artmenu ul
{
 margin: 0;
 padding: 0;
 border: 0;
 list-style-type: none;
 display: block;
}
.artmenu li
{
 margin: 0;
 padding: 0;
 border: 0;
 display: block;
 float: left;
 position: relative;
 z-index: 5;
 background:none;
}
.artmenu li:hover
{
 z-index: 10000;
 white-space: normal;
}
.artmenu li li
{
 float: none;
}
.artmenu ul
{
 visibility: hidden;
 position: absolute;
 z-index: 10;
 left: 0;
 top: 0;
 background:none;
}
.artmenu li:hover>ul
{
 visibility: visible;
 top: 100%;
}
.artmenu li li:hover>ul
{
 top: 0;
 left: 100%;
}
.artmenu:after, .artmenu ul:after
{
 content: ".";
 height: 0;
 display: block;
 visibility: hidden;
 overflow: hidden;
 clear: both;
}
.artmenu, .artmenu ul
{
 min-height: 0;
}
.artmenu ul
{
 background-image: url(images/spacer.gif);
 padding: 10px 30px 30px 30px;
 margin: -10px 0 0 -30px;
}
.artmenu ul ul
{
 padding: 30px 30px 30px 10px;
 margin: -30px 0 0 -10px;
}
 

/* menu structure */
.artmenu
{
 padding: 8px 4px 0px 4px;
}
.nav
{
 position: relative;
 height: 33px;
 z-index: 100;
}
.nav .l, .nav .r
{
 position: absolute;
 z-index: -1;
 top: 0;
 height: 33px;
 background-image: url('images/nav.png');
}
.nav .l
{
 left: 0;
 right:0px;
}
.nav .r
{
 right: 0;
 width: 874px;
 clip: rect(auto, auto, auto, 874px);
}
/* end Menu */
/* begin MenuItem */
.artmenu ul li
{
 clear: both;
}
.artmenu a
{
 position:relative;
 display: block;
 overflow:hidden;
 height: 25px;
 cursor: pointer;
 text-decoration: none;
 margin-right: 3px;
 margin-left: 3px;
}

.artmenu a .r, .artmenu a .l
{
 position:absolute;
 display: block;
 height: 75px;
 background-image: url('images/MenuItem.png');
}
.artmenu a .l
{
 left:0;
 right:3px;
}
.artmenu a .r
{
 width:406px;
 right:0;
 clip: rect(auto, auto, auto, 403px);
}
.artmenu a .t 
{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
 color: #DEE2E3;
 padding: 0 15px;
 margin: 0 3px;
 line-height: 25px;
 text-align: center;
}
.artmenu a:hover .l, .artmenu a:hover .r
{
 top:-25px;
}
.artmenu li:hover>a .l, .artmenu li:hover>a .r
{
 top:-25px;
}
.artmenu li:hover a .l, .artmenu li:hover a .r
{
 top:-25px;
}
.artmenu a:hover .t
{
 color: #22343A;
}
.artmenu li:hover a .t
{
 color: #22343A;
}
.artmenu li:hover>a .t
{
 color: #22343A;
}
 
/* end MenuItem */

Wenn mir jemand noch mal einen Tipp geben könnte, GROSSEN DANK!
 
Hallo.

Zuerst bringe bitte mal deinen Quelltext in Ordnung. Du dast zwei Doctype, drei Head und drei Bodybereiche in deinem Dokument.

Zu deinem Problem: Du hast die angegebenen Links wahrscheinlich durchgelesen aber nicht verstanden. Wenn du keine Submenüs einfügst können auch keine angezeigt werden.
In deinem Quellcode ist kein einziges Submenü zu finden.

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben