[TYPO3-RTE] bulletlist with span
Uschi Renziehausen
typo3news at otherone.de
Wed Nov 7 00:27:09 CET 2007
Hi Sebastian,
I am assuming that you are running your RTE with an external css file
and that your green bullet is an image. In this case, all things can be
easily done using CSS.
In your CSS define something like this.
<ul class="green-bullets">
In your CSS:
ul.green-bullets {padding-left}
ul.green-bullets li {
list-style: none;
background-image:url(greenbullet.gif);
background-repeat: no-repeat;
padding-left: 15px;
background-position: 0px 1ex;
}
Your name sounds german, therefore a german css guide for the background
stuff: http://www.css4you.de/backgroundproperty.html
Then you have to make the RTE aquainted with your class. I am assuming,
that you use a css file, which you connect to RTE like this:
To make the class show up in the list of paragraph classes, you have to
define it at the following places:
1) RTE.classes.green-bullets.name = Green bullets
2) Add your class to RTE.default.classesParagraph
To add the CSS class to your list, type your list, select the ul element
through the bottom bar at the RTE, choose Green bullets from the select
list and you are done.
I hope this helps,
prosit, Uschi
Sebastian Fuchs wrote:
> Hi Ries,
>
> ries van Twisk schrieb:
>>
>> why can't you style the li tag directly?
>
> i already did.
> what i am using right now is a css-definition like this:
>
> #content ul {
> margin: 0px 20px 14px 40px;
> padding: 0px 0px 0px 30px;
> list-style-type: square;
> color: #9bc346;
> }
>
> #content ul li {
> margin-bottom: 5px;
> }
>
> #content ul li span {
> color: #283d47;
> }
>
> so i get nice green squares in front of my list items. without the
> additionaly span-tags the text will be green too, with them it will
> become dark.
> Using the normal content element "bulletlist" in addition with this
> typoscript snip:
> tt_content.bullets.20.innerStdWrap.wrap = <span>|</span>
> everythink works fine.
>
> i just wanted to give the editor the possibility to also use the list
> feature in the rte.
>
> you see what i mean?
>
>
> thanks anyway,
> sebastian
More information about the TYPO3-project-rte
mailing list