Cheryl,
Thanks for such a well worded reply. The thing is that I do not specify
the line heights, just the pixel size. I think it has something to do with
the photo's <SPAN> CSS code but I cannot figure out for the life of me
why it is doing it - normally IE is the one that gives trouble with CSS
pixel declarations [as you stated], but it is FireFox right now.. it seems
like for some reason the '[ View Larger ]' links are being pushed
backwards to a different layer [they don't even seem to be text when
the mouse cursor is over them] - I have tried changing the Z layer
location for the image box but nothing has worked (except in IE) - there
is no difference in font size / line height declarations between the layer
with the links not working and the layer just to the right where the links
work fine in both browsers. The text size is set globally within the
BODY style tag. Here is the CSS that controls the layout for the
information on that page:
DIV#spatable {
position: relative;
z-index: 3;
width: 460px;
left: 12px;
}
.lfloat {
left: 0px;
width: 100px;
top: 0px;
position: relative;
text-align: center;
float: left;
margin-bottom: 4px;
z-index: 5;
}
.rbody {
left: 6px;
top: 0px;
position: relative;
width: 350px;
float: none;
margin-bottom: 4px;
padding-top: 4px;
z-index: 4;
}
the #spatable DIV declaration controls the whole section and acts as a
container for the following sections. the .lfloat class is used in the
SPAN element containing the image and the [ View Larger ] link, the
.rbody class is used in the SPAN element that contains the
informational text and the other links [that work]. Personally I cannot
find a problem with it - unless it has something to do with the 'float'
expression. The way it is working is like this:
<SNIPPET>
<div id="spatable">
<span class="lfloat"><img src="images/spas/vista0.jpg"
alt="HOTSPRINGS VISTA SPA" name="vista" width="100"
height="100" id="vista" /><br /><a
href="javascript:largerPic('vista','Hotsprings Vista')">[ View Larger
]</a></span>
<span class="rbody">
<p class="spaname">The Vista® </p>
<p>Our most fully-featured spa, the Vista is driven by two 2.5
horsepower jet pumps for 47 jets. Its extremely comfortable lounge
seat accomodates a wide range of heights, while its corner seat
delivers targeted back, wrist and calf hydromassage. The Vista
features the BellaFontana™ water feature enhanced by LED
lighting, and for even greater sensory impact, consider the optional
SpAudio music system that lets you feel the music.</p>
<p align="center"><u><strong>Color Choices:</strong></u><br />
<a href="#color" onclick="changePic('vista','vista0')">Spa Blue</a> |
<a href="#color" onclick="changePic('vista','vista1')">Champagne
Opal</a> | <a href="#color"
onclick="changePic('vista','vista3')">Sand</a> | <a href="#color"
onclick="changePic('vista','vista2')">Pearl</a> </p>
</span>
....</div>
</SNIPPET>
I have worked with positioning like this before and never had any
issues, its got me flummoxed.
On 13 Apr 2006 at 16:44, Cheryl D Wise wrote:
> You used pixels for font size, IE won't resize fixed pixel font sizes
> but almost every other browser out there will. I didn't look fully
> through your stylesheet but I've noticed when sites use fix pixel font
> sizes and fixed pixel line height the links may not work when the font
> is enlarged in Firefox. Shrinking them back down they work. It is like
> the link stays at the same place it would be if the line height were
> enforced but the text moves out of the line height constraint. If you
> have fixed line heights try removing them or at least making them
> relative to the text size.
>
> Cheryl D. Wise
> MS FrontPage MVP
> Certified Professional Web Developer
> Start to Web - online web design training
> See http://starttoweb.com
>
____ The WDVL Discussion List from WDVL.COM ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or
use the web interface http://e-newsletters.internet.com/discussionlists.html/
Send Your Posts To: [email protected]
To change subscription settings, add a password or view the web interface:
http://intm-dl.sparklist.com/read/?forum=wdvltalk
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
To unsubscribe via postal mail, please contact us at:
Jupitermedia Corp.
Attn: Discussion List Management
475 Park Avenue South
New York, NY 10016
Please include the email address which you have been contacted with.
