alt="" - Can I define the font?

**MeltDown** · 19 May 2007, 02:35 PM

Sorry if this is bone-headed but I've just about completed a cool page using a pretty slick JS sequential image gallery and the font sucks! Unfortunetly I don't know an alt tag from an old shoe.

OK, here's the code:

HTML Code:

<a href="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome.jpg" title="Organic Oval - Our own production" rel="">
<img src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome_thumb.jpg" alt="This font sucks!" />
</a>

Is it possible to define the alt="This font sucks!" example text? Can I plop in something like this:

HTML Code:

<font face="Georgia" color="#551A8B" size="4">

If so, where exactly? My attempts so far have proved fruitless.

Any pointers would be much appreciated!

Tim

**Get Em Fast** · 19 May 2007, 03:03 PM

I'm not positive, meltdown, but I think you'll have to do this from your stylesheet, won't you?

**MeltDown** · 19 May 2007, 03:17 PM

Originally Posted by Get Em Fast

I'm not positive, meltdown, but I think you'll have to do this from your stylesheet, won't you?

Hmmm... OK. How would I call it? Or how do I specifically define this group of text? Does one use the div id?

Hey, it does have it's own css in the header. Take a look:

HTML Code:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>New Page 4</title>

<script type="text/javascript" src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/scripts/prototype.js"></script>
<script type="text/javascript" src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/scripts/frog.js"></script>

<style type="text/css">
#FrogJS{
width: 700px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
</style>

</head>

But this is defining a small bit of text that give photo credit. Maybe I could add some magical css text there! (But what...?!?

)

**Get Em Fast** · 19 May 2007, 03:32 PM

Something like this, maybe:

font-family: Georgia;

**Kim** · 19 May 2007, 03:37 PM

Without seeing the page and what the alt is doing it is hard to say for sure - The URL?

**MeltDown** · 19 May 2007, 04:01 PM

Sorry - I hadn't yet uploaded it, as it is an imcomplete page. Here it is:

Testpage

The text area I'm speaking of is indicated as such:

This is the font area I'm speaking of...

Thanks

**MeltDown** · 19 May 2007, 04:09 PM

Sorry - typo: here you go

testpage

**Get Em Fast** · 19 May 2007, 04:24 PM

O.k. meltdown, that makes it sooooo much easier, since it's an html page, that makes it even easier to work with.

just add:

<font="Georgia"> and </font> to each one to make it look like:

<font="Georgia"><a href="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome.jpg" title="Organic Oval - Our own production" rel="">
<img src="http://www.beadedlily.com/images/Add/Javascript/homepage/FrogJS1.1/images/newhome_thumb.jpg" alt="This is the font area I'm speaking of...">
</a></font>

I think that will fix you up.

**MeltDown** · 19 May 2007, 05:32 PM

Hello again - Thanks for your help.

It didn't seem to affect the text at all. You can see here:
testpage

I tried many different configurations using the <font="Georgia"> and </font> but no love. It kind of surprises (and annoys) me that they created this cool JS toy but dropped the ball on the font. I can't imagine anyone who would go with that junky text. It seems to me there must be a way to do this, right?!

**MeltDown** · 19 May 2007, 05:56 PM

Originally Posted by Get Em Fast

I'm not positive, meltdown, but I think you'll have to do this from your stylesheet, won't you?

I'm begining to think you were right about the stylesheet. I looked at this page in FF's web developer tool to get the id & class details and saw that the text I'm working on is called #FrogJSCaption. That is listed in the css in the header:

HTML Code:

#FrogJSCaption{
text-align: left;
line-height: 140%;
}

Probably all I need to do is properly add the desired font info to this script. I'm unsure exactly how it is to be entered but will play around with it. If anyone know how to do it, please do drop on in.

Thread: alt="" - Can I define the font?

Thread Tools

Search Thread

Display

alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Re: alt="" - Can I define the font?

Similar Threads

Securing the Store "define pages" content in "html_includes"

How can I change the font size of the "Price" Column?

Changed the "Sales Line" and Picture Alt Text now the page is messed!

Font color for the "NEXT" and "PREVIOUS" page

Bookmarks

Bookmarks

Posting Permissions