Thema: Menu erstellen?

Wie erstellt man ein Menu? Ich meine keine einfach Box in der man Hyperlinks drin stehen hat sondern ein richtiges Menu... Da muss was mit jpg her, weiss aber nicht wie es geht...

PHP-Code:

/* Navigation */
.navigation a:hover {background-position: left bottom; color: #456;}
.navigation {
height: 41px;
border-left: 1px solid #B5D99D;
border-right: 100px solid #B5D99D;
border-bottom: 100px solid #D9E1E5;
background-color: #0000FF;
background-image: url(http://i214.photobucket.com/albums/cc190/Bycoja/navi.jpg);
}
.navigation a {
display: block;
float: left;
background: #D9E1E5 url(http://i214.photobucket.com/albums/cc190/Bycoja/navi.jpg);
border-left: 1px solid #DBEACD;
color: #253 !important;
line-height: 1px;
text-decoration: none !important; 
font-weight: bold; 
font-size: 1.1em; 
font-family: sans-serif; 
padding: 0 20px;
}
.navigation ul {list-style: none; float: left;}
.navigation ul li {float: left; display: block; position:relative;}
.navigation ul li ul {position:absolute; display:none; top:100%; left:-19px;}
.navigation ul li ul a {line-height:20px; height:20px; width:100px; 
border-right: 1px solid #DBEACD; font-size:1em;
background: #D9E1E5 url(http://i214.photobucket.com/albums/cc190/Bycoja/navi.jpg);}
.navigation ul li:hover ul {display:block;}
.navigation ul li:before {content:no-open-quote !important;}
.navigation ul li {text-indent: 0em; margin-left: 0em;}
</style> 


Ich hab zwar eins aber da hat mir jemand geholfen. Kann mir jemand erklären wie ich das machen kann?

Wo hast du das her? Einiges sieht im ergbnis etwas komisch aus. Z.b.

HTML-Code:

border-right: 100px solid #B5D99D;
border-bottom: 100px solid #D9E1E5;

aber wenn du wissen willst wie du das in deine seite einbringst das machst du scheinbar so:

HTML-Code:

<div class="navigation">
    <ul>
        <li><a href="" title="">menü punkt 1</a></li>
        <li><a href="" title="">menü punkt 2</a></li>
        <li><a href="" title="">menü punkt 3</a></li>
        <li><a href="" title="">menü punkt 4</a></li>
        <li><a href="" title="">menü punkt 5</a></li>
    </ul>
</div>

hi,

kann es sein das du imagemaps meinst?

such einfach mal nach imagemaps wirst mit google sicherlich fündig

da kannst du ein bild hernehmen bzw eine selbsterstellte grafik, in deinem fall ein menü, und dann diese grafik in teile unterteilen (imagemaps) und diese einzeln halt verlinken (hyperlinks)

hoffe habe es verständlich ausgedrückt ein beispiel wie man imagemaps macht
SELFHTML: HTML/XHTML / Grafiken / Verweis-sensitive Grafiken (Image Maps)

mfg

Imagemap für Menü würde ich grundsätzlich nicht empfehlen.
Sollte aus irgend welchen gründen das Bild nicht geladen werden, war es dann mit den Menü.
Und ich denke mal keiner hat genug Interesse an einer Homepage um Rätselraten, "Wo ist ist der Menüpunkt", zu spielen.

Danke für die bisherigen Antworten ^^.
Also:

@Das_Es:
Aber was genau wird zwischen den Lücken hineingefügt? Bzw. wenn ich nun angenommen so ein Menu wie oben bei Forumla möchte, wie kann ich dann so ne Grafik machen? Hab es versucht zu machen mit einer eigenen Grafik, die dann mit img(...jpg) und sonst mit "...jpg" versucht, aber es ging nie...

siroko87:
kk, thx, ich werde es mir mal ansehen ^^

Ich verstehe nicht ganz was du mit Lügen meinst.

Das_Es

Ich verstehe nicht ganz was du mit Lügen meinst.

In a href oder title, ich meine sowas in der art. wo muss was rein? ^^"