Html <ul> list tag creating too much space

HCL Domino Domino Forum
1

I have a field that does a column lookup to a column with this formula:

“

”

This works fine except that it creates massive spaces above and below each line.

I have been on the web and found out that it is due to the

    tags, they apparently create a ‘silent’ paragraph above each list. However I need the
      tags in order to make the list wrap nicely.

      On the web somebody suggested that I could fix this by using CSS but I have never used CSS and don’t how to implement it.

      Can anyone show me how to do it using CSS or any other way !!

      Thanks

      Paul

2

Subject: html

    list tag creating too much space

    Add this in the head section of your html:

    ul {margin-top: 0px;}

    But I don’t think it’s a good idea to just add this, it’s better to understand what you’re doing. See f.e. CSS Tutorial for some basic css knowledge.

    Martin Vereecken

    http://www.bizzybee.be

3

Subject: any other attrbiutes need resetting ?

Thanks that has affected it but I still have some space.

I have added in a bottom attrbiute but are there any other attributes that I need to set to zero ?

Thanks

Paul

"<style type="text/css">

ul {margin-top: 0px;margin-bottom: 0px;}

"

4

Subject: so close …

I am now so close it is infuriating !!

this is the code in the field now:

“” + @If(isHomePage=“Home Page”;“”;“

  • ”) + @UpperCase(@Left(Name_Display;1)) + @Right(Name_Display;@Length(Name_Display)-1) + @If(isHomePage=“Home Page”;“<ul STYLE="margin-top:0px; margin-bottom:0px">”;“”) +“”

    This produces a list with one entry at the top not in the list (because it is a home page) and then a list of nicely wrapping list entries with bullet points. The only problem is that there is a line break between the home page link and the list of other links.

    Nearly there though.

    Cheers

    Paul

    This is some of the source code produced:

    Group Systems Department

    • 5

    Subject: RE: so close …

    I believe you have to get rid of the line breaks
    (list already have their own)Also, it’s better (xhtml) if you add at the end of the list item.

    Martin Vereecken

    http://www.bizzybee.be

    6

    Subject: RE: so close …

    Martin

    Thanks I removed the line breaks by changing my field multi value separator from new line to space.

    Cheers

    Paul

    7

    Subject: html

      list tag creating too much space

      Add this in the head section of your html:

      ul {margin-top: 0px;}

      But I don’t think it’s a good idea to just add this, it’s better to understand what you’re doing. See f.e. CSS Tutorial for some basic css knowledge.

    8

    Subject: html

    9

    Subject: any other attributes ?

    Thierry many thanks but your method also still leaves some space ? Any other thoughts ?

    Thanks

    Paul

    10

    Subject: RE: any other attributes ?

    What do you mean by “still leaves some space”?

    11

    Subject: RE: any other attributes ?

    Thierry

    Before I made the change it looked like there were two line spaces between the entries (except for the top one were there was only one line space).

    After implementing the code there is now no gap above the first entry but all the others have a gap of 1 line space between them.

    Interestingly if I take out the then it removes all the extra line breaks but the list is slanted across the page.

    Thanks

    Paul

    12

    Subject: RE: any other attributes ?

    You could also make sure there is no extra spacing between the li elements by using this:

    ul, li {margin-top: 0px;}

    But make sure there are no extra
    added by the code you generate (see source of your webpage to check)

    Martin Vereecken

    http://www.bizzybee.be