[TYPO3-german] Re: menü 100% breit

[Christian Wolff]

Hi Sandra,
nur mit css geht es nicht! es sei denn du weist wie viele menü punkte du  
hast.

wenn du 5 menü punkte hast erbibt sich z.b für jeden menüpunkt eine breite  
von
20%.

so etwas könntest du natürlich der liste mitgeben. das könnte man  
warscheinlich sogar
über Typoscript herausbekommen und so dynamisch angeben. zu beachten ist  
hierbei Natürlich
das alle Menü punkte einfach stupide gleichbreit werden.

eine ander alternative ist z.b. <ul> auf breite 100% zu bringen. und  
entsprechenden
mit hintergrund farbe oder bild zu versehen) und dann die <li> elemente  
einfach darauf
links oder rechtsbündig zu platzieren ungefähr so wie hier:  
http://www.titanic.de/

eine andere Möglichkeit ein menü mit 100% breite zu bekommen. ist eine  
Tabelle zu bauen.
bitte nicht gleich steinigen ich weiss es ist blödt aus Usablity sicht.  
aber für den zweck
100% breite zu bekommen. und auch mit kurzen und langen menü punkten klar  
zu kommen. ist eine
tabelle wohl das beste werkzeug.

da der IE6 leider die css display-optionen table,table-row,table-cell  
nicht unterstützt,
kann man leider nicht mal eine "normale" liste vom browser als Tabelle  
rendern lassen.

gruss chris


On Thu, 13 Nov 2008 14:21:57 +0100, Sandra Tyrchan <info at easymoments.de>  
wrote:

> Hi Fabian,
>
> Listenpunkte kann man mittels CSS nebeneinander packen.
> Ich häng mal meinen Code unten dran.
> Ob T oder G Menu ist eigentlich wurscht - ich hab ganz normale Schrift.
>
> 			<div id="menu">
> 						<ul>
> 							<li><a href
> ="#">Menupunkt 1</a></li>
> 							<li><a href ="#">
> Menupunkt 2</a></li>
> 							<li><a href ="#">
> Menupunkt 3</a></li>
> 							<li><a href ="#">
> Menupunkt 4</a></li>
> 							<li><a href ="#">
> Menupunkt 5</a></li>
> 						</ul>
> 			</div>
>
> und das css dazu
>
> #menu {
> 	position: absolute;
> 	width: 850px;
> 	height: 25px;
> 	background: pink;
> 	margin: 100px 0 0 0;
> }
>
> #menu ul {
> 	margin: 0;
> 	padding: 0;
> }
>
> #menu li {
> 	margin: 0;
> 	padding: 0;
> 	list-style: none;
> 	display: inline;
> }
>
> #menu ul { width: 100%; }
>
> #menu ul li a {
> 	display: block;
> 	float: left;
> 	width: 20%;
> 	color: #000099;
> }
>
> ===============================================================
>
> Hi Sandra,
>
> Sandra Tyrchan schrieb:
>> wie bekomme ich ein menu (aufbau per listenpunkte) auf 100% breite?
>> sprich, egal wie viel menupunkte es sind, es soll immer die gesamtbreite
>> ausgefüllt werden.
>> kann man die breitenangabe der links per TS ausrechnen?
>
> Also wenn du ein GMENU hast, kann man die Breite auslesen.
> Aber wenn es sich um ein TMENU handelt, dann leider nicht.
>
> Aber mal eine andere Frage:
> Listenpunkte sind untereinander, von daher gibst du einfach jedem
> Menüpunkt die Breite 100%.
>
> Oder verwechsle ich da jetzt etwas!?
>
>



-- 
Christian Wolff // Berlin
http://www.connye.com

Latest Projects:
http://www.bizim-tur.de/ | http://www.flycall.de | http://www.atr24.de