[TYPO3-dev] indexed search: where is the css template?

[Christopher]

Hi there,

On 3/20/06, Robert Markula <robert.markula at gmx.net> wrote:
> Christopher wrote:
> > Hello again,
> >
> > On 3/20/06, Robert Markula <robert.markula at gmx.net> wrote:
> >> Christopher wrote:
> >> (...)
> >>> a) clearing div (your method above, though the css should probably be
> >>> 'clear:both;')
> >>> b) ul.browsebox:after { content:"."; clear:both; } [simplified a bit
> >>> to make it clearer...]
> >>> c) overflow:auto;
> >>> d) ul.browsebox { float:left }
> >> e) clearing could happen on the result browser div:
> >> <div class="tx-indexedsearch-res">...</div> (In css:
> >> div.tx-indexedsearch-res { clear:both; }
> >>
> >> Would there be any objective against this?
> >
> >
> > Could you give a slightly bigger sample of the markup? :-)
> >
> > I might have misunderstood, but I think that what you're suggesting
> > will not work since the float(s) that need to be cleared are INSIDE
> > the div. The 'clear' property works on floats that occur BEFORE the
> > floated element [1].
>
> Sure! I've put the whole template draft on the wiki [1]. Everybody,
> please have a look at it. Comments are very welcome :)

Cool.

About the <a name="..."></a> thing--putting an id into the container
where that anchor is now will work as well and will validate in any
(x)html version:

This link:

<a href="#foo">Section head</a>

...will jump to this div:

<div class="tx-indexedsearch-secHead" id="foo">
...
...
...
</div>

Secondly, there's no <ul ... > anywhere in the template, and there
must be a boatload more css somewhere...Do you have a bit of generated
markup that we can see? ;-)

I'm curious about whether some of the doubled-up classes could be
eliminated by grouping. E.g. if all that .icon does is something like

.icon { border-style:none; }

...then are you able to just group .tx_indexedsearch-icon with it,
define the unique properties of .tx_indexedsearch-icon separately and
lighten the markup just a bit?:

.icon, .tx-indexedsearch-icon { /* Common styles */ }
.tx-indexedsearch-icon icon { /* Unique styles */ }

<h3><span class="tx-indexedsearch-icon">###ICON###</span>

I also wonder about the necessity of having icon images in the markup,
but I guess the extension code itself would have to be changed to fix
that...

-Christopher