23.09.2005, 09:41
|
|||
|
|||
Menü mit Breite 100% und Links ohne Tabelle?
Hallo,
ich habe ein dynamisches horizontales Menü. Es können also immer Punkte dazukommen oder wegfallen. START | PUNKT 1 | PUNKT 2 | Jetzt stellt sich der Nutzer selber einen weiteren Menüpunkt ein (PUNKT 3), dann soll es so aussehen: START | PUNKT 1 | PUNKT 2 | PUNKT 3 | Die Darstellung des Menüs ist eigentlich kein Problem, doch sollen sich die Menüpuntke immer über 100% der Breite des Bildschimrs erstrecken. Mit einer Tabelle ist das ja kein Problem, da sich die TD's immer anpassen. Die Boxen sollen auch nicht alle gleich breit sein. Je nachdem wie breit das Wort eben ist. Jetzt steht das auf 60px, wenn ich die rausnehmen, dann sind die Menüpuntk aber alle untereinandern und das CSS dazu: Code:
ul#navigation {
border-bottom: 1px solid #000;
color: #FFF;
float: left;
list-style: none;
position: relative;
width: 100%;
margin:0;
}
ul#navigation li {
border-right: 1px solid #000;
color: #FFF;
float: left;
text-align: center;
display: block;
width: 60px;
}
ul#navigation a {
width: 100%;
color: #FFF;
display: block;
text-decoration: none;
width: 100%;
}
ul#navigation a:hover {
background.color: #e5e5e5;
}
ul#navigation a:active {
background.color: red;
}
Danke Spardie 
|
| Sponsored Links |
|
23.09.2005, 09:45
|
|||
|
|||
|
__________________
</ulle>
|
| Sponsored Links |
|
23.09.2005, 09:48
|
|||
|
|||
|
Hallo,
dort war ich schon. Ich habe aber kein Beispiel für ein Menü mit der Breite 100% gefunden. Die Menüpunkte haben immer eine feste Breite und sind dann nur verschieden formatiert. Wenn ich nur 2 Menüpunkte habe, dann sollen diese jeweils mit 50% Breite erscheinen... Danke Spardie
|
|
23.09.2005, 10:21
|
|||
|
|||
|
IMHO ist dies eines der wenigen Fälle, wo man serverseitig generierte Inline-Styles verwenden kann/muss.
Code:
<li style="width: <%= 100 / $anzahlMenuepunkte %>%">Punkt X Eventuell noch die Division auf eine sinnvolle Nachkommazahl kürzen. Robin
|
|
25.09.2005, 01:49
|
||||
|
||||
|
Ich hab' mir schon öfter gewünscht, man könnte in CSS Formeln angeben ...
Das wär' mal geil. Gab es hier nicht mal einen Thread, was man sich bei CSS3 wünscht? Die Suchfunktion rückte nichts raus.
|
|
25.09.2005, 08:12
|
|||
|
|||
|
Zitat:
|
|
25.09.2005, 12:44
|
||||
|
||||
|
Du kannst doch dem ul eine Hintergrundfarbe geben (das ist autom. 100% breit), und die[*]'s mit display:inline; in eine Reihe holen. Jetzt noch ein bischen Padding/Margin und du kannst einige Li's in einer Reihe aufzählen.
Oder was falsch verstanden?
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder
|
|
25.09.2005, 13:27
|
|||
|
|||
|
Zitat:
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| [ERLEDIGT]2. Ebene von Menü nach links ausklappen | img | CSS | 4 | 14.07.2010 17:52 |
| CSS Menü links aufklappen lassen | Sash | CSS | 1 | 29.03.2009 22:16 |
| 3 Spalten | Aussen: variable Breite; Mitte: feste Breite | dreamshocker | CSS | 9 | 17.08.2005 16:23 |
| Tabelle richtet sich links und rechts im COntainer aus... | 18inch | CSS | 7 | 10.04.2005 10:55 |
| 3 Divs, links u. rechts dynamisch - mitte feste breite | donhoolio | CSS | 3 | 04.04.2005 15:59 |
Linear-Darstellung
