SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jan 2000
    Location
    natick, ma, usa
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i'm in the process of reworking our css file. i've defined the styles for H1, H2, & H3, but is there a way i can tell it NOT to put multiple line breaks after the </h?> tags? i'd rather there just be a simple <br> is there something i can do?

    also, can you define the shape of the <li> bullet to be a special character or do i have to go with disc, round or square?

    i'm sure i'll have more questions as i go along.

    thanks in advance.

    obliocat

    [This message has been edited by obliocat (edited August 16, 2000).]

  2. #2
    SitePoint Member
    Join Date
    Jan 2000
    Location
    natick, ma, usa
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    this is the code, by the way
    <BLOCKQUOTE><font size="1" face="Verdana, Arial">code/font><HR><pre>
    BODY { background: #FFFFFF;}

    A:link { color: #0033CC; text-decoration: none; font-family: arial,helvetica,sans-serif; }
    A:visited { color: #666666; text-decoration: none; font-family: arial,helvetica,sans-serif; }
    A:active { color: #0033CC; text-decoration: none; font-family: arial,helvetica,sans-serif; }
    A:hover { color: #666666; text-decoration: none; font-family: arial,helvetica,sans-serif; }

    H1 { font-family: arial,helvetica,sans-serif; font-size: 16pt; margin-left: 14px; }

    H2 { font-family: arial,helvetica,sans-serif; font-size: 13pt; font-weight: bold; margin-left: 20px; }

    H3 { font-family: arial,helvetica,sans-serif; font-size: 11pt; margin-left: 20px; }

    .prod { color: #000066 }
    .comp { color: #660033 }
    .ind { color: #996633 }
    .store { color: #000033 }
    .sup { color: #663366 }
    .mla { color: #006699 }

    P { font-family: arial,helvetica,sans-serif; font-size: 10pt; margin-left: 20px; }

    .standard { font-family: arial,helvetica,sans-serif; font-size: 10pt; }
    .small { font-family: arial,helvetica,sans-serif; font-size: 9pt; }
    .caption { font-family: arial,helvetica,sans-serif; font-size: 9pt; font-style : italic; }
    .quote { font-family: arial,helvetica,sans-serif; font-size: 9pt; font-style: italic; color: #003399; }

    TABLE { border: none; padding: 0pt; }
    .indent { padding-left: 14pt; }

    TD { font-family: arial,helvetica,sans-serif; font-size: 10pt; }

    LI { list-style: }

    [/code]

  3. #3
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    To the best of my knowledge, no. The H1 selector defines a block like &lt;p&gt; or &lt;blockquote&gt;; whereas, inline selectors like &lt;b&gt; do not break-up text.

    Your best bet is to create your own selector like '.heading1' and set its properties. Then use a generic tag like &lt;span&gt; or &lt;div&gt; when defining '.heading1'.

    ------------------
    IMHO,
    Westmich
    ***********************
    Your opportunity on the web is now!
    westmichiganweb.com

  4. #4
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Try playing with the bottom-margin attribute of CSS. By setting it to a negative number you can eliminate the extra line breaks. It will take some playing with to get the look you want.

    ------------------
    Wayne Luke - Sitepoint Forums Administrator
    Digital Magician Magazine - MetaQuark Creations (Coming Soon)
    wayne@sitepoint.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •