How to make this page less cluttered with css and html [closed]


Tags: html,css,design,layout

Problem :

I had help from another designer who make this page and she made lists using <ul> and <li> tags, which generally makes sense.

Here is an example page I am working with: http://www.comehike.com/community/hiker_public_profile.php?community_member_id=2

In the section titled "Organizer for These Hiking Groups" there are group titles and descriptions. But the way I have it now it is so cluttered.

Is there anything I can do with font sizes or adding spacing that might make the text look readable and not so ugly?

Thanks!



Solution :

  • Drop the bold text for the descriptions. Small bold text is usually harder to read.

  • Add a margin-bottom to the list tags so that they are spaced apart.

That's really all it would take make it easier on the eye.


    CSS Howto..

    How to separate image folder and css folder to work with eachother in maven project

    how to only load one IFRAME using @media and display:none; CSS

    How to make video responsive for all the screen sizes?

    How to get rid of this whitespace in internet explorer?

    CSS column header with img - how to dock img/div to the right?

    How to call JavaScript on change of CSS

    How to align jQuery div to bottom left corner using CSS?

    How to position background image inside table cell with padding

    How to hightlight non editable backgrid cells?

    How can I make a DIV background change color on hover if the DIV has a class of “disabled”? [closed]

    How to use vertical align in bootstrap

    How to remove hover state

    How to create an href that opens a div on screen? [closed]