Author |
Topic |
|
redbrad0
Advanced Member
USA
3725 Posts |
|
davemaxwell
Access 2000 Support Moderator
USA
3020 Posts |
Posted - 23 March 2004 : 13:16:16
|
is this for the entire forum? If so, just assign it to the body
<style type="text/css"> body { font-size: 10px; } </style>
if for something specific, assign it to a class: <style type="text/css"> .special { font-size: 10px; } </style>
and use a span to cover the area: <span class="special">This font will be 10px</span>
or you could use this (though I'm not quite sure why you would since it doesn't gain you anything: <font style="font-size: 10px;"> |
Dave Maxwell Barbershop Harmony Freak |
|
|
cripto9t
Average Member
USA
881 Posts |
Posted - 23 March 2004 : 19:34:19
|
I've tried to find a simple solution to this as well and failed each time. I had to edit admin_config_colors.asp to submit font sizes in pixels so they would work with CSS. Then remove all the font tags and assign classes to the <td> cells. Something like this in inc_header.asp
".fsize {font-size:" & strFooterFontSize & ";" & vbNewLine & _
".dsize {font-size:" & strDefaultFontSize & ";" & vbNewLine & _
".hsize {font-size:" & strHeaderFontSize & ";" & vbNewLine & _
".dcolor {color:" & strDefaultFontColor & ";" & vbNewLine & _
".ccolor {color:" & strCategoryFontColor & ";" & vbNewLine & _
".hcolor {color:" & strHeadFontColor & ";" & vbNewLine & _
".ffamily (font-family:" & strDefaultFontFace & ";" & vbNewLine & _
and then
<td class=""dsize dcolor ffamily"">
But that's alot of work. If someone does know an easy way, I'd like to know it to . |
_-/Cripto9t\-_ |
|
|
redbrad0
Advanced Member
USA
3725 Posts |
Posted - 23 March 2004 : 19:49:02
|
I tried the body style dave and below is what I used in the inc_header.asp and it does not change the text any. Could this be because its in tables and have fonts assigned to them? I just would really have hate to go thru and edit all the forum font tags and wish there was an easier way (without using the speedball mod)
<style type="text/css">
<!--
body { font-size: 8px; }
a:link {color:#993333;text-decoration:underline}
a:visited {color:#993333;text-decoration:underline}
a:hover {color:red;text-decoration:underline}
a:active {color:#993333;text-decoration:none}
.spnMessageText a:link {color:000000;text-decoration:underline}
.spnMessageText a:visited {color:000000;text-decoration:underline}
.spnMessageText a:hover {color:000000;text-decoration:underline}
.spnMessageText a:active {color:000000;text-decoration:underline}
.spnSearchHighlight {background-color:yellow}
input.radio {background:lightsteelblue;color:#000000}
-->
</style>
quote: Originally posted by davemaxwell
is this for the entire forum? If so, just assign it to the body
<style type="text/css"> body { font-size: 10px; } </style>
if for something specific, assign it to a class: <style type="text/css"> .special { font-size: 10px; } </style>
and use a span to cover the area: <span class="special">This font will be 10px</span>
or you could use this (though I'm not quite sure why you would since it doesn't gain you anything: <font style="font-size: 10px;">
|
Brad Oklahoma City Online Entertainment Guide Oklahoma Event Tickets |
|
|
Davio
Development Team Member
Jamaica
12217 Posts |
Posted - 24 March 2004 : 00:53:55
|
Any tag in the body of the document would overrule a general style sheet tag attached to the body.
I mean, if you had <body size="3"> at the top, any font tag would over rule it. Same thing with the style sheets. It's just there in case you don't assign a specific size to the document.
So basically, yeah, you are going to have to remove the font tags.
And I think font tags over rule any style sheet tag. What I mean is, if you did this: <p style="font-size: 10px;"><font size="6">some text</font></p>
I believe the font tag would over rule the inline style. Until you remove the font tag.
I believe the general rule of thumb is, the closest tag to the text has precedence. |
Support Snitz Forums
|
|
|
davemaxwell
Access 2000 Support Moderator
USA
3020 Posts |
Posted - 24 March 2004 : 05:55:14
|
quote: Originally posted by Davio
Any tag in the body of the document would overrule a general style sheet tag attached to the body.
I mean, if you had <body size="3"> at the top, any font tag would over rule it. Same thing with the style sheets. It's just there in case you don't assign a specific size to the document.
So basically, yeah, you are going to have to remove the font tags.
And I think font tags over rule any style sheet tag. What I mean is, if you did this: <p style="font-size: 10px;"><font size="6">some text</font></p>
I believe the font tag would over rule the inline style. Until you remove the font tag.
I believe the general rule of thumb is, the closest tag to the text has precedence.
This is all correct. The lowest common denominator wins. There is an important css attribute you can throw onto the tags which is supposed to override all others that apply to that element, but it doesn't work in ie. |
Dave Maxwell Barbershop Harmony Freak |
|
|
Davio
Development Team Member
Jamaica
12217 Posts |
Posted - 24 March 2004 : 09:57:37
|
quote: Originally posted by davemaxwell
This is all correct. The lowest common denominator wins. There is an important css attribute you can throw onto the tags which is supposed to override all others that apply to that element, but it doesn't work in ie.
Dave, which attribute is that? |
Support Snitz Forums
|
|
|
davemaxwell
Access 2000 Support Moderator
USA
3020 Posts |
Posted - 24 March 2004 : 10:12:45
|
it's called: !important. It's kind of useful because it tells the browser that the declaration is to take precedence over normal declarations for the same element.
You would use it like this:
background: url(shadowAlpha.png) no-repeat right bottom !important; background: url(shadow.gif) no-repeat bottom right;
Typically, the last element declared is what is used, but if you use the !important, than that is the setting that is used. It's ignored totally in IE. I found it when I was on ALA reading up on doing css-based drop shadows.
|
Dave Maxwell Barbershop Harmony Freak |
|
|
|
Topic |
|