-
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.
http://www.SitePoint.com/forums/smile.gif obliocat
[This message has been edited by obliocat (edited August 16, 2000).]
-
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]
-
To the best of my knowledge, no. The H1 selector defines a block like <p> or <blockquote>; whereas, inline selectors like <b> 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 <span> or <div> when defining '.heading1'.
------------------
IMHO,
Westmich
***********************
Your opportunity on the web is now!
westmichiganweb.com
-
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
