[TYPO3-german] (no subject)

[chris at connye.com]

Hallo Jonathan.
ich hab auch schon pure-css menüs realisiert. und muste den link für
den IE nicht extra einbinden.

da ich selbst auch noch nicht so viel erfahrung mit typo3 hab kann ich dir
leider auch nicht genau sagen wie du einen link wiederholst :)

aber vieleicht hilft dir ja mein ansatz ohne wiederholung weiter.

ich habe dafür immer ein csshover.htc genutzt:
<!--[if IE]>
	<style type="text/css" media="screen">
	/* csshover.htc file version: V1.21.041022 - Available for download from:
http://www.xs4all.nl/~peterned/csshover.html */
	body{behavior:url(data/csshover.htc);
	</style>
<![endif]-->


und mein css fürs menü sah dann so aus:
----------------------------------
/* Look and Feel*/
#nav_inlay ul  { color: #fff; background-color: #004454 }
#nav_inlay ul li   { padding: 3px 5px }
#nav_inlay ul ul     { color: #000; background-color: #eef0f4; width: 180px;
border: solid 1px #adb2c1 }
#nav_inlay ul ul li    { margin: 5px }
#nav_inlay a  { clear: none }
#nav_inlay a img {border:none}
/* colors fist top level*/
#nav_inlay a:link,#nav_inlay a:visited   { color: #fff; font-weight: bold;
text-decoration: none }
#nav_inlay a:hover,#nav_inlay a:active   { color: #000; font-weight: bold;
text-decoration: none }
#nav_inlay ul li:hover   { color: #000000; background-color: #adb2c1 }
/* colors sub level*/
#nav_inlay ul ul a:link,#nav_inlay ul ul a:visited   { color: #000; font-weight:
normal; text-decoration: none }
#nav_inlay ul ul a:hover,#nav_inlay ul ul a:active   { color: #fff; font-weight:
normal; text-decoration: none }


/* Funktions wichtige sachen */
#nav_inlay ul   { list-style-type: none; margin: 0; padding: 0; z-index: 100;
float: left }
#nav_inlay ul li   { list-style-type: none; position: relative; z-index: 250 }

#nav_inlay ul ul  { display: none; position: absolute; z-index: 200; top: 18px;
left: 0 }

#nav_inlay ul ul ul   { display: none; position: absolute; z-index: 300; top: 0;
left: 160px }


/* Hover states*/
div#nav_inlay li:hover ul ul,
div#nav_inlay li li:hover ul ul,
div#nav_inlay li li li:hover ul ul,
div#nav_inlay li li li li:hover ul ul
{display:none;}

div#nav_inlay li:hover ul,
div#nav_inlay li li:hover ul,
div#nav_inlay li li li:hover ul,
div#nav_inlay li li li li:hover ul
{display:block;}
----------------------------------
menü strucktur sah wie folgt aus:
<ul>
   <li id="nav_twarum"><a href="tabak_index.htm">Tabakpr&auml;vention,
warum?</a>
      <ul>
	<li><a href="tabak_index.htm">Tabakpr&auml;vention</a>
	<li><a href="tabak_tabakabh.htm">Tabakabh&auml;ngigkeit</a>
	<li><a href="tabak_folgen.htm">H&auml;ufigste Folgesch&auml;den des
Rauchens</a>
	<li><a href="tabak_passivrauchen.htm">Passivrauchen </a>
   </ul>
</ul>



Am 09.06.2006, 15:10 Uhr, schrieb Jonathan Uhlmann <uhlmann at augenreiz.ch>:

> Hallo zusammen
>
> Ich arbeite an folgendem Problem:
>
> Ich habe ein CSS-Dropdown Menu, welches ohne Javascript funktioniert
> und in allen gängigen Browsern funktioniert.
> Damit unser "Lieblingsbrowser" (IE) auch funktioniert, muss man den
> Link in einem Kommentar einbinden. Das ist auch mein Knackpunkt.
> Wie kann ich mit TypoScript den Link zweimal ausgeben? Der Rest ist
> ja mit Wrap etc. nicht so ein grossen Problem. Danke für jede Hilfe!
>
>
> Zielcode (XHTML):
> ########################################################################
> <ul>
> 	<li><a class="hide" href="index.php?id=1"
> title="Seitenuntertitel">Seitentitel &rsaquo;</a>
> 		<!--[if lte IE 6]>
> 			<a class="sub" href="index.php?id=1"
> title="Seitenuntertitel">Seitentitel &rsaquo;<table><tr><td>
> 		<![endif]-->
> 		<ul>
> 			<li><a href="index.php?id=11" title="Seitenuntertitel der
> Unterseite 1">Unterseite 1</a></li>
> 			<li><a href="index.php?id=12" title="Seitenuntertitel der
> Unterseite 2">Unterseite 2</a></li>
> 			<li><a href="index.php?id=13" title="Seitenuntertitel der
> Unterseite 3">Unterseite 3</a></li>
> 		</ul>
> 		<!--[if lte IE 6]>
> 			 </td></tr></table>
> 			 </a>
> 		 <![endif]-->
> 	</li>
> </ul>
>
> ########################################################################
>
>
> Liebe Grüsse
>
> Jonathan Uhlmann
>
> --
>
> < uhlmann3 />
> Jonathan Uhlmann
> Flurweg 58
> 3072 Ostermundigen
>
> mobil 076 342 96 76
> uhlmann at augenreiz.ch
> www.augenreiz.ch
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>