[TYPO3-content-rendering] css_styled_content

Matthias Peltzer mail at mpeltzer.de
Wed Aug 10 10:17:37 CEST 2005


Carla Froitzheim schrieb:
> 
>>
>> Could you post a link to that template. I could imagine we keep it 
>> somewhere like in CVS (allthough I am an absolute zero dealing with 
>> CVS) to maintain it. We could also split it up in snippets as I have 
>> never used the dfn and don't know if it would be really necessary. 
>> Kinda missed that thread ;-)
>>
>>
> Hi Ben,
> 
> http://www.cf-webservice.de/t3snippet/ts-sitemap2ul.txt
> 
> Regarding dfn there is an article on 
> http://www.einfach-fuer-alle.de/artikel/menues/
> They recommend to use the <dfn> tag to make ul menus really accessible.
> 
> dfn support is just 1 entry in each menu item so I don´t know whether 
> there is need to split it.
> 
> I am also a zero dealing with CVS so I am glad you manage this ;-)
> 
> Carla
> 
> 


hi there... i have one question... an maybe a hint on that... if you 
think it is not... just ignore this...

this example is ok but why are the most webdesigners or programmers 
using so much classes in their tags? for this there are many more 
possibilities.... and you can override all left conditions to ul,li or 
li a elements... this is much lighter code...

typo3 renders for example a sitemap like this:

<div id="sitemap">
<ul>
	<li><a href="test.html">test</a>
		<ul>
		<li><a href="test2.html">test2</a>
		<ul>
			<li><a href="test3.html">test3</a>
			<ul>
				<li><a href="test4.html">test4</a></li>
			</ul>
			</li>
		</ul>
		</li>
		</ul>
	</li>
</ul>
</div>

for example (css):

#sitemap
{font-size:120%;}
#sitemap ul, li
{color:#EFEFEF;list-style-type:none;margin:0px;pading:0px;}
#sitemap li
a{background:#990000;font-weight:bold;display:block;color:#EFEFEF;text-decoration:none;margin-top:2px;}
#sitemap li
a:hover{color:#FFFFFF;background:#990000;text-decoration:none;}
#sitemap li li
a{background:#333333;font-weight:normal;display:block;color:#EFEFEF;text-decoration:none;margin-top:2px;}
#sitemap li li
a:hover{color:#FFFFFF;background:#990000;text-decoration:none;}
#sitemap li li li
a{background:#666666;font-weight:normal;display:block;color:#EFEFEF;text-decoration:none;margin-top:2px;}
#sitemap li li li
a:hover{color:#FFFFFF;background:#990000;text-decoration:none;}
#sitemap li li li li
a{background:#999999;font-weight:normal;display:block;color:#EFEFEF;text-decoration:none;margin-top:2px;}
#sitemap li li li li
a:hover{color:#FFFFFF;background:#990000;text-decoration:none;}

just my opinion...

greets matthias




More information about the TYPO3-project-content-rendering mailing list