Page 1 of 1

Changing font size and weight in gallery description

PostPosted: Sun Feb 08, 2009 1:54 am
by suzrawn
How do I control font size, weight, and type in the description for the gallery I'm making at http://www.pbase.com/suzrawn?

I've experimented with the CSS code, such as:
font
{
color: #990000; letter-spacing: 0px; font-size: 12pt;

And with inserting HTML in the description, such as:
<CENTER>
<p>
<font size>Welcome to Suz Rawn's Galleries
<br><br>For more information, visit her website at <br><a href="http://www.suzrawn.com"><b>Suz Rawn's Gourdians</b></a></font>
</CENTER>

I'm able to change font size somewhat, same with weight, but with less control than I want. The CSS and HTML seem to conflict at times.

Is there a good info source for this particular situation??

Re: Changing font size and weight in gallery description

PostPosted: Sun Feb 08, 2009 7:52 am
by dang
suzrawn wrote:How do I control font size, weight, and type in the description for the gallery I'm making at http://www.pbase.com/suzrawn?
I've experimented with the CSS code, such as:
font
{
color: #990000; letter-spacing: 0px; font-size: 12pt;

And with inserting HTML in the description, such as:
<CENTER>
<p>
<font size>Welcome to Suz Rawn's Galleries
<br><br>For more information, visit her website at <br><a href="http://www.suzrawn.com"><b>Suz Rawn's Gourdians</b></a></font>
</CENTER>
I'm able to change font size somewhat, same with weight, but with less control than I want. The CSS and HTML seem to conflict at times.
Is there a good info source for this particular situation??


Hi Suz,
We just went through a similar situation in another thread here: viewtopic.php?f=8&t=40417

The problem is when you begin adding font size statements into the HTML, it can become a problem because various browsers read code differently. When dealing with font size, I find it best to work within the CSS style sheet instead. This can become confusing since you need to add control into each section of text instead of having a general size:
Code: Select all
DIV,TH,TR,TABLE,FONT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,FONT, CENTER
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #993333;


Unless you're wanting to spend time sorting it out, it's easier to use a banner, and insert it into your gallery description html as such:
Code: Select all
<center><img src="http://www.pbase.com/dang/image/89393555/original.jpg" border="0"</center>


If your description links need changing, you can add multiple links using a table, or use images for links (as you'll see in the referenced thread) depending on your specific needs.

For more tips, and installing Firefox with Web Developer Tool Bar, check the excellent tut Arjun supplied in the "Sticky Thread" at the top of this forum: viewtopic.php?f=8&t=13408

Also, for those wishing to add a slide show, reference the News Forum here: viewtopic.php?f=5&t=32091

Re: Changing font size and weight in gallery description

PostPosted: Sun Feb 08, 2009 4:04 pm
by suzrawn
Thanks, Dang. I'll study your comments.

I posted the original message, but forgot that I was logged in on my wife's account.

Harvey

Re: Changing font size and weight in gallery description

PostPosted: Mon Feb 09, 2009 11:58 pm
by suzrawn
I found a solution that is working for me. I accepted the default 10pt. CSS font for some of the text and inserted images for the rest, linking one image to an external site.

I used gifs with transparent backgrounds for the images so as not to disturb the page background. Even though pbase labeled the uploaded gifs as jpegs, the seem to display OK:

<CENTER>
<br>
Welcome to<br><img src="http://www.pbase.com/suzrawn/image/109057730/original.jpg" border="0"><br>featuring images of her gourd art
<br><br>
Learn more about the artist and her work at
<br>
<a href="http://www.suzrawn.com/home.htm"><img src="http://www.pbase.com/suzrawn/image/109057732/original.jpg" border="0"></a>
</CENTER>

Re: Changing font size and weight in gallery description

PostPosted: Tue Feb 10, 2009 1:27 am
by dang
There you go. :wink:
Much easier than coding the CSS, and you won't have to be concerned about how browsers read it.

Yes, Pbase always links gif files as jpg. Sorry, I forget to mention it. After awhile, small details seem normal.