[TYPO3-UG Freiburg] Stammtisch heute

Mon Jul 2 18:27:53 CEST 2007

Hi Christian und alle anderen, die sich noch für das Menüproblem  
interessieren,

> Hast du 'ne Telefonnummer? Hab's gerade gefunden, aber: 'Der von  
> Ihnen gewünschte Teilnehmer ist vorübergehend nicht erreichbar...' ;-)

Klar, aber nicht in der Mailingliste, da es ja öffentlich ist. Hab's  
an Deine Mailadresse gesendet.

> Dank dir für dein Hilfeangebot. Also ich schick dir mal, was ich  
> habe. Der Doctype ist eigentlich egal. Soll eine verschachtelte ul- 
> li Liste sein.

Deine Verschachtelung war fehlerhaft.

> Kannst du damit so was anfangen?
>
> - Kannst gerne generell was zum Aufbau sagen

Nicht wirklich, HTML sieht ordentlich aus, aber bis ich mich durchs  
CSS gelesen hätte, würde es etwas länger dauern...
Ich hab mal das Menü neu angelegt...

> - Was kriegst du dafür?

Auch mal 'ne Lösung für irgendein Problem :-)

Ich hoffe Du kannst was damit anfangen. Kritik ist erwünscht, auch  
von den anderen :-)
Anbei noch ein kleines Bild und das HTML-Dokument, für den Fall, dass  
die Mailingliste das Folgende schrottet:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<meta http-equiv="Content-Type" content="text/html;  
charset=iso-8859-1" />
	<title>Browsertitel</title>
	<style type="text/css" media="screen">
	<!--
		html, body{
			margin:0;
			padding:0;
			color:#333333;
			background-color:#efefef;
		}
		html, body, table, th, td, div{
			font-size: 12px;
			font-family: arial, verdana, helvetica, lucida, sans-serif;
		}
		p{
			margin:0;
			padding:10px;
		}
		div#left{
			position:absolute;
			top:35px;
			left:35px;
			width:235px;
			overflow:hidden;
			color:#333333;
			background-color:#ffffff;
		}
		/* #### Hier geht's los: #### */
		ul#nav,
		ul#nav ul{
			display:block;
			margin:0;
			padding:0;
		}
		ul#nav li{
			display:block;
			margin:0;
			padding:0;
			list-style-type:none;
			line-height:1.5em;
		}
		ul#nav a{
			display:block;
			padding-left:30px;
			margin:0 0 3px 0;
			text-decoration:none;
			background-image: url(bg.gif);
			background-position: left center;
			background-repeat: no-repeat;
		}
		ul#nav ul a{
			padding-left:55px;
			background-image:none;
		}
		ul#nav ul ul a{
			padding-left:80px;
			background-image:none;
		}
		ul#nav a span{
			display:block;
			padding-left:5px;
			color:#003399;
			background-color:#cccccc;
		}
	-->
	</style>
</head>
<body>

	<div id="left">
		<ul id="nav">
			<li><a href="#"><span>Startseite</span></a></li>
			<li><a href="#"><span>Team</span></a></li>
			<li class="active">
				<a href=""><span>Leistungen</span></a>
				<ul>
					<li><a href="#"><span>2. Ebene</span></a></li>
					<li>
						<a class="active" href="#"><span>2. Ebene</span></a>
						<ul>
							<li><a class="active" href="#"><span>3. Ebene</span></a></li>
							<li><a href="#"><span>3. Ebene</span></a></li>
						</ul>
					</li>
					<li><a href="#"><span>2. Ebene</span></a></li>
				</ul>
			</li>
			<li><a href="#"><span>Ratgeber</span></a></li>
			<li><a href="#"><span>Service</span></a></li>
			<li><a href="#"><span>Kontakt</span></a></li>
		</ul>

		<p>
			So o.k.? Die verschiedenen Zust&auml;nde (hover + Co) d&uuml;rften  
ja kein Problem mehr sein.
			Du musst Dich hierbei entscheiden, ob Du das Hintergrundbild  
horizontal "top"
			(mit transparenten Pixeln oben) oder "center" ausrichtest. Bei  
"top" hättest Du den Vorteil,
			dass auch zweizeilige Men&uuml;punkte m&ouml;glich w&auml;ren, bei  
"center" deckst Du verschiedene
			Schriftgr&ouml;ßen ab, wobei das Icon dann nat&uuml;rlich nicht  
immer mit der Unterkante auf
			der Grundlinie stehen würde.
		</p>
	</div>

</body></html>

-------------- next part --------------

-------------- next part --------------