Willkommen auf dem Portal für Mediengestalter

mizzlizzi · Threadersteller

Guten Morgen!
Ich möchte mich vorher kurz vorstellen, ich bin Lisa, zwar schon länger hier angemeldet, aber heute mit meine ersten Frage zu Dreamweaver. Ich hoffe, ihr könnt mir weiterhelfen.
Es geht um ein Menü, welches ich in Dreamweaver erstellen möchte. Ein Bild davon habe ich angehangen.

http://img829.imageshack.us/img829/5098/bildschirmfoto20120309u.png

Zu sehen ist zu Beginn nur das Hauptmenü, die anderen Balken (grün und blau) erscheinen erst, wenn ich mit der Maus über den jeweiligen Punkt gehen. (zusätzlich wird die Schrift bold)

Jetzt meine Frage... kann ich das überein Spry-Menü lösen? Und wenn nicht, wie bekomme ich es anders hin? Ich habe leider total ein Brett vor dem Kopf und ich hoffe ihr könnt mir ein paar Tipps geben.
Wäre es nicht möglich, die Horizontale Spry Menüleiste zu wählen und dann die unteren nachher zu bearbeiteten, also auch horizontal auszurichten?

Liebe Grüße, Lisa

tschuingum · **Verfasst** Di 13.03.2012 09:44 **Titel**

Moin Lisa,

wo ist denn das Problem bzw. was hast du bisher versucht? Ist doch eigentlich eine Standard-Navigation, die sich mit Pseudoklasse :hover und entsprechender Positionierung bauen lässt.

mizzlizzi · Threadersteller

hallo tschuingum!

Danke für deine Antwort. Ja, du hast ja wahrscheinlich recht, aber ich weiß nicht recht wie ich anfangen soll... Habe bis jetzt immer nur mit dem sprsy menüs gearbeitet bin halt doch recht frisch in Dreamweaver.

Kannst du mir da einen Tipp geben wie ich anfangen soll? Hab mir bis jetzt mal einen div-Bereich erstellt, in dem ich das Hauptmenu schon mal eingesetzt habe, also die 5 Punkte. Und dann? Die nächste Zeile darunter erstellen? aber die soll man ja nur sehen, wenn ich über das Hutpmenüu gehe mit der Maus. Du siehst, viel Können bringe ich nicht mit. Lächel

Liebe grüße, Lisa

Mac · **Verfasst** Di 13.03.2012 11:16 **Titel**

http://www.cssplay.co.uk/menus/dd_valid.html

tschuingum · **Verfasst** Di 13.03.2012 12:30 **Titel**

Naja, anfangen sollte man immer mit vernünftigem HTML-Code:

mizzlizzi · Threadersteller

Guten Morgen!

Vielen Dank erstmal für eine Tipps und Ratschläge. Ich habe schon recht viel geschafft in der Zeit, aber jetzt stehe ich weder vor einem Problem und finde die Lösung nicht...

Wir ihr seht, steht das Logo nicht in dem dunkelgrauen Header, sondern oben links. Es ordnet sich nicht, wie alle anderen Bereiche in den Hauptteil ein, sondern steht völlig losgelöst davon. Ich habe es ja nachträglich eingesetzt. Wisst ihr, woran es liegen könnte?

(Außerdem: wenn ich das Browserfenster kleiner schiebe, erscheinen keine Scroll-Balken....??)

http://img404.imageshack.us/img404/4923/websitefehler.jpg

mochi · **Verfasst** Mo 19.03.2012 13:32 **Titel**

Der dazugehörige HTML und CSS Code wäre sehr hilfreich, um nachvollziehen zu können, wie du das ganze aufgebaut hast und woran der Fehler liegen könnte.

mizzlizzi · Threadersteller

ja, stimmt, das macht das ganze ntaürlich einfacher:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">


</style>

<link href="stylesheets/blauline.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="pro_line2">
<ul class="select">

<li><a href="#nogo"><b>UNTERNEHMEN</b></a>

<ul class="sub">
<li><a href="#nogo">PROFIL</a></li>
<li><a href="#nogo">PHILOSOPHIE</a></li>
<li><a href="#nogo">MEILENSTEINE</a></li>
<li><a href="#nogo">TEAM</a></li>

<li><a href="#nogo">NEWS+PRESSE</a></li>
<li><a href="#nogo">STELLENANGEBOTE</a></li>
</ul>

</li>

<li><a href="#nogo"><b>KOMPETENZEN</b></a>

<ul class="sub">
<li><a href="#nogo">LITHO</a></li>

<li><a href="#nogo">DRUCK</a></li>
<li><a href="#nogo">KATALOGMANAGEMENT</a></li>
<li><a href="#nogo">KREATION</a></li>
</ul>

</li>
<li><a href="#nogo"><b>REFERENZEN</b>
</a>


<ul class="sub">
<li><a href="#nogo">AKTUELL</a></li>
<li><a href="#nogo">KUNDEN</a></li>
<li><a href="#nogo">PARTNER</a></li>
<li><a href="#nogo">MEINUNGEN</a></li>
</ul>


</li>
<li><a href="#nogo"><b> SERVICE</b></a>

<ul class="sub">
<li><a href="#nogo">DOWNLOADS</a></li>
<li><a href="#nogo">DATENUPLOAD</a></li>
<li><a href="#nogo">MEDIAPOOL</a></li>

<li><a href="#nogo">DUON</a></li>
</ul>

</li>
<li><a href="#nogo"><b>KONTAKT</b></a>

<ul class="sub">
<li><a href="#nogo">ANSPRECHPARTNER</a></li>
<li><a href="#nogo">ANFRAGE</a></li>

<li><a href="#nogo">ANFAHRT</a></li>
<li><a href="#nogo">IMPRESSUM</a></li>

</ul>
</li>
</ul>
</div>
<h3> </h3>

<div class="pro_line4"></div>
<div class="pro_line5"></div>
<span class="pro_line5"></span>

<div class="container">
<div class="container" id="header">
<div class="container" id="logoblock"></div>
</div>
<div class="container" id="news"><span class="grauline">ÜBERSCHRIFT EINS</span></div>
<div class="container" id="hauptbild"></div>
<div class="container" id="inhalt">
<p class="blauline"> HEADLINE NUMMER EINS – FERTIG</p>

<p class="fliesstext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.</p>
<p class="fliesstext"> Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem </p>
<p class="fliesstext"> </p>
<p class="fliesstext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.</p>
<p class="fliesstext"> Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem</p>
</div>
<div class="container" id="social"></div>
<div class="container" id="footer">Impressum </div>

</div>
</script>
</body>
</html>

Willkommen auf dem Portal für Mediengestalter

Thema: Dreamweaver Menu - wie krieg ich DAS hin? vom 13.03.2012

Dreamweaver Menu - wie krieg ich DAS hin?