PDA

View Full Version : How to modify the layout of the results page



mazza
08-15-2005, 07:36 AM
Hello
I've got the css feature sussed and am happy with the fonts etc of the results form but I was wondering if there is any way I can squish up this part of the form:
Search results for: results form.....


13 results found containing all search terms. 30 results found containing some search terms.


5 pages of results.

Sorted by relevance / Sort by date

....
It takes up so much of the screen and in my page the results you almost have to scroll down to see the results. I would like to close the vertical gaps between those three lines above, and if possible I would like to bring the line -- Sorted by relevance/Sort be date -- up to beside the previous line to reduce save screen space. I've looked in the user guide and the faqs but they only seem to deal with fonts and buttons. I looked in the settings file but it was a little complicated for me and I dónt want to break it. Look forward to hearing from you.
Regards

wrensoft
08-15-2005, 09:06 AM
You can modify the line spacing (and many many other things) using CSS.

First have a look at our mini CSS summary,
http://www.wrensoft.com/zoom/support/css.html

Then have a look at the HTML produced by Zoom. For example you will see something like this,


<div class="searchheading">Search results for&#58; xxx</div>
<div class="summary">12 results found.
</div>

So if you modify the CSS style for "summary" & "searchheading" you can affect the line height.

More details about CSS can be found here,
http://www.w3.org/MarkUp/Guide/Style
in particular see the section called, "Controlling the white space above and below"

---
David