Re: Need bullets closer to header

by Pam Shorey <palema(at)galaxyinternet.net>

 Date:  Mon, 23 Sep 2002 15:32:52 -0400
 To:  hwg-basics(at)hwg.org
 In-Reply-To:  TheCedarTree
  todo: View Thread, Original
9/23/02 8:04:17 AM, "Sola Kate" <kate(at)solamentekate.com> wrote:

>Hi All!
>Im taking a class at HWG on web design and one thing we are asked to do is
>to keep our headers close to their text.  This is easily done with breaks
>instead of <P> but how do I accomplish this when the text is a bulleted
>list?  It acts like a blockquote, indenting and dropping the bullets down
>and away. Any way to counter this? I am using a stylesheet.
>
>Any ideas?
>
>Did I give you enough of a picture?
>
>
>

Hi Kate,

You can set margins, spacing etc. for various elements in your style sheet. For example, for ordered and unordered lists, you could 
try:

ol, ul {
	margin-bottom : 5px;
	margin-top 5px;
}

..and experiment with the exact values you need to achieve the desired effect. Also, if there is  heading (H2, H3, etc) above the 
list, you may need to change the bottom margin setting for that. Remember, until you set a value in your style sheet, the browser 
uses the default.

If you want them all the same, set these values in your linked style sheet. If for only certain spots in the page, you can set a DIV 
class= "x" definition.


Hope this helps :-)

Pam

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.