[TYPO3-typo3org] Headers in TER-Documentations (CSS)

[Ernesto Baschny [cron IT]]

Hi,

another reminder about this subjects. I cannot believe that you like to
read the online documentation with this kind of styling?!? Or am I
seeing something that you don't see?

Now I stumbled over that again reading Inside TYPO3:

http://typo3.org/documentation/document-library/core-documentation/doc_core_inside/4.1.0/view/3/5/

Try to understand how that chapter is structured. All headers are of the
same size and style!! This cannot be desired?!

So I try again, and even opened a feature request now:

http://bugs.typo3.org/view.php?id=7077

And also made some screenshots to demonstrate the old and my suggested
new way:

http://www.typo3-anbieter.de/typo3-css-change.html

Ok, now it's "your turn" or maybe someone can just hack that into that
css, if no other suggestion comes in? Looks like a "no-brainer" to me! ;)


Cheers,
Ernesto




Ernesto Baschny [cron IT] wrote: on 27.11.2007 11:33:
> Hi,
> 
> trying to revive this suggestion I made some months ago, because it is
> still very difficult to read through long-running chapters of
> documentatio (e.g. "conditions" in TSref).
> 
> Could someone add this to the typo3.all-main.css?
> 
> h3 { font-size: 1.3em; background: #ff9f33; color: #fff; padding: 0.2em; }
> h4 { font-size: 1.1em; }
> h5 { font-size: 1.0em; font-style: italic; }
> 
> or at least tell us why this is not good or come up with a better
> suggestion? You can try that styling out e.g. using Firefox + Firebug.
> 
> Cheers,
> Ernesto
> 
> Ernesto Baschny [cron IT] wrote: on 26.02.2007 12:38:
>> Hi,
>>
>> reading documentations like:
>>
>> http://typo3.org/documentation/document-library/references/doc_core_tsref/4.0.0/view/4/1/
>>
>> (which make heavy use of sub-subsections) is very difficult, because one
>> cannot distinguish between H3,H4 and H5.
>>
>> In typo3.all-main.css we have:
>>
>> h1, h2, h3, h4, h5, h6 {
>> 	font-size: 12px;
>> 	font-weight: bold;
>> 	margin: 10px 0 16px 0;
>> }
>>
>> This means all headers are rendered in the same style! This makes I
>> suggest the following addition, which would enhance readability,
>> separating each H3 section visually, while having each header type
>> smaller than previous one:
>>
>> h3 { font-size: 1.3em; background: #ff9f33; color: #fff; padding: 0.4em; }
>> h4 { font-size: 1.1em; }
>> h5 { font-size: 1.0em; font-style: italic; }
>>
>> What do you think?
>>
>> Cheers,
>> Ernesto