zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Menü mit Breite 100% und Links ohne Tabelle?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.09.2005, 09:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.09.2004
Beiträge: 27
Spardie befindet sich auf einem aufstrebenden Ast
Standard 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

Code:
<ul id="navigation">[*]Start[*]Punkt 1[*]Punkt 2[*]Tagebuch[*]Sonstiges[*]Kontakt[/list]
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;
	}
Hat jemand einen Tipp für mich?

Danke
Spardie
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.09.2005, 09:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

http://css.maxdesign.com.au/listamatic/index.htm
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.09.2005, 09:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.09.2004
Beiträge: 27
Spardie befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 23.09.2005, 10:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

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
(Das ist Pseudo-Code)

Eventuell noch die Division auf eine sinnvolle Nachkommazahl kürzen.

Robin
Mit Zitat antworten
  #5 (permalink)  
Alt 25.09.2005, 01:49
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.326
E|H befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 25.09.2005, 08:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von E|H
Ich hab' mir schon öfter gewünscht, man könnte in CSS Formeln angeben ...
Das wär' mal geil.
Allerdings: Sowas wie "#id1 {width:"width(#id2)"; } würde jedes Faux Columns Problem spielend lösen
Mit Zitat antworten
  #7 (permalink)  
Alt 25.09.2005, 12:44
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #8 (permalink)  
Alt 25.09.2005, 13:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.033
Swoop befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von E|H
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.
kuckst du hier
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #9 (permalink)  
Alt 25.09.2005, 18:27
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.326
E|H befindet sich auf einem aufstrebenden Ast
Standard

Kenn' ich, ist aber nicht, was ich gesucht hab'.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Grafik des Hauptmenüpunktes bei Aktivierung eines Links des Untermenüs verschwunden makalus CSS 7 03.11.2010 09:36
Menü mit verschachtelten Listen: IE ignoriert list-style: none. Markus_S CSS 6 31.10.2008 14:19
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:31 Uhr.