tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
1027
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 06.09.05 14:38 #1
    Avatar von Blackylein
    Blackylein Blackylein ist offline Mitglied Brokat
    Registriert seit
    Jan 2005
    Ort
    Österreich
    Beiträge
    375
    Hallo!

    Ich habe ein Menü gestaltet und möchte dieses jetzt in ein dynamische Menü verwandeln. Wenn man also über einen Menüpunkt fährt, sollen darunter mehrere Menüpunkte erscheinen, so wie in dem Beispiel bei Self-HTML (ich muss zugeben, dass ich die Erklärungen bei Self-HTML nicht verstehe).

    Hier der Code meiner HTML Seite
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <title>Online-Version of the Intranet</title>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <meta name="author" content="carina skladal">
 <meta name="keywords" content="carina, skladal, carina skladal, intranet, hak, baden, hak baden">
 <meta name="description" content="onlineversion der intranet-site">
 <link rel="stylesheet" type="text/css" href="css/style.css">
 </head>
 <body>
   
   <div class="logo"><img src="http://www.tutorials.de/forum/images/header.gif"></div>
   
   <div class="menue">
    <div class="menueitem1"><b>.news</b></div>
    <div class="menueitem2"><b>.pics</b></div>
    <div class="menueitem3"><b>.downloads</b></div>
    <div class="menueitem4"><b>.votings</b></div>
    <div class="menueitem5"><b>.community</b></div>
    <div class="menueitem6"><b>.dates</b></div>
   </div>
   <div class="space"></div>
   
   .......
 </body>
 </html>

    hier der CSS-Code
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

    body {
 background-color:   #506173;
 font-family:       Arial, sans-serif;
 font-size:       10pt;
 color:           #000000;
 }
 
 .logo {
 width:           798px;
 height:             120px;
 padding:           0px;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 }
 
 .menue {
 width:           798px;
 height:             30px;
 padding:           0px;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 }
 
 .menueitem1 {
 width:           133px;
 background-image:   url("../images/menueitem1.gif");
 background-repeat:  no-repeat; 
 float:           left;
 text-align:         center;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 padding:           0px;
 }
 
 .menueitem1:hover {
 background-color:   #000000;
 background-image:   none;
 color:           #FFFFFF;
 }
 
 .menueitem2 {
 width:           133px;
 background-image:   url("../images/menueitem2.gif");
 background-repeat:  no-repeat; 
 float:           left;
 text-align:         center;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 padding:           0px;
 }
 
 .menueitem2:hover {
 background-color:   #000000;
 background-image:   none;
 color:           #FFFFFF;
 }
 
 .menueitem3 {
 width:           133px;
 background-image:   url("../images/menueitem3.gif");
 background-repeat:  no-repeat; 
 float:           left;
 text-align:         center;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 padding:           0px;
 }
 
 .menueitem3:hover {
 background-color:   #000000;
 background-image:   none;
 color:           #FFFFFF;
 }
 
 .menueitem4 {
 width:           133px;
 background-image:   url("../images/menueitem4.gif");
 background-repeat:  no-repeat; 
 float:           left;
 text-align:         center;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 padding:           0px;
 }
 
 
 .menueitem4:hover {
 background-color:   #000000;
 background-image:   none;
 color:           #FFFFFF;
 }
 
 .menueitem5 {
 width:           133px;
 background-image:   url("../images/menueitem5.gif");
 background-repeat:  no-repeat; 
 float:           left;
 text-align:         center;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 padding:           0px;
 }
 
 .menueitem5:hover {
 background-color:   #000000;
 background-image:   none;
 color:           #FFFFFF;
 }
 
 .menueitem6 {
 width:           133px;
 background-image:   url("../images/menueitem6.gif");
 background-repeat:  no-repeat;
 float:           left; 
 text-align:         center;
 position:         relative;
 margin-left:       auto;
 margin-right:     auto;
 padding:           0px;
 }
 
 .menueitem6:hover {
 background-color:   #000000;
 background-image:   none;
 color:           #FFFFFF;
 }


    Ich hoffe ihr könnt mir irgendwie weiterhelfen.
     
    MfG
    Bl4cky
  2. 06.09.05 17:03 #2
    Maik Tutorials.de Gastzugang
    Sorry, aber eine bessere Anleitung und Vorlage als SELFHTML: CSS-basierte Navigationsleisten gibt es doch eigentlich gar nicht ...
     
  3. 06.09.05 18:09 #3
    hpvw hpvw ist offline
    Registriert seit
    Apr 2002
    Ort
    HH
    Beiträge
    3.224
    Der Google-Suchbegriff lautet suckerfish drop down. Bei SelfHTML wird der Ursprung dieser Menüs freundlicherweise verschwiegen. Die Originalbeschreibung gefällt mir wesentlich besser.

    Gruß hpvw
     
    Warum gibt (fast) keiner im Datenbankforum an, welches DBMS er benutzt?
    Ich gehe im Zweifelsfall ohne Nachfrage von MySQL > 4.1 i.V.m. PHP aus.
    Gewöhnt euch bitte auch an, die Fehlermeldung von mysql_error() zu posten.
  4. 06.09.05 18:16 #4
    Avatar von Blackylein
    Blackylein Blackylein ist offline Mitglied Brokat
    Registriert seit
    Jan 2005
    Ort
    Österreich
    Beiträge
    375
    danke euch beiden, werd mir das ganze Mal ansehen
     
    MfG
    Bl4cky
« Radio button als auswahl mit angrauen | DIV Höhe wird durch gefloateten DIV beeinflusst? »

Ähnliche Themen

  1. dynamische Navigation (if else)
    Von ConnyF im Forum PHP
    Antworten: 6
    Letzter Beitrag: 08.04.11, 15:18
  2. Dynamische Navigation
    Von bettinacosta im Forum Javascript & Ajax
    Antworten: 16
    Letzter Beitrag: 30.05.10, 21:15
  3. Dynamische Navigation
    Von KOBunghole im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 07.08.07, 09:58
  4. Dynamische Navigation?
    Von greYphil im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 25.07.06, 01:51
  5. dynamische Navigation
    Von artBACKUP im Forum PHP
    Antworten: 13
    Letzter Beitrag: 11.11.04, 22:30