Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Community Discussions (All other subjects)
 Easy CSS of Snitz Forums
 New Topic  Topic Locked
 Printer Friendly
Author Previous Topic Topic Next Topic  

redbrad0
Advanced Member

USA
3725 Posts

Posted - 23 March 2004 :  11:52:26  Show Profile  Visit redbrad0's Homepage  Send redbrad0 an AOL message
I need to just change the font size to CSS. I was wondering if something simple like...

<font size="style:10px">

I know what I just showed does not work, but was hoping there would be something else.

Brad
Oklahoma City Online Entertainment Guide
Oklahoma Event Tickets

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts

Posted - 23 March 2004 :  13:16:16  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
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
Go to Top of Page

cripto9t
Average Member

USA
881 Posts

Posted - 23 March 2004 :  19:34:19  Show Profile
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\-_
Go to Top of Page

redbrad0
Advanced Member

USA
3725 Posts

Posted - 23 March 2004 :  19:49:02  Show Profile  Visit redbrad0's Homepage  Send redbrad0 an AOL message
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
Go to Top of Page

Davio
Development Team Member

Jamaica
12217 Posts

Posted - 24 March 2004 :  00:53:55  Show Profile
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
Go to Top of Page

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts

Posted - 24 March 2004 :  05:55:14  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
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
Go to Top of Page

Davio
Development Team Member

Jamaica
12217 Posts

Posted - 24 March 2004 :  09:57:37  Show Profile
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
Go to Top of Page

davemaxwell
Access 2000 Support Moderator

USA
3020 Posts

Posted - 24 March 2004 :  10:12:45  Show Profile  Visit davemaxwell's Homepage  Send davemaxwell an AOL message  Send davemaxwell an ICQ Message  Send davemaxwell a Yahoo! Message
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
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.25 seconds. Powered By: Snitz Forums 2000 Version 3.4.07