Re: [WSG] Jumping text in FF and Netscape
For font sizing try this:
body {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
p { font-size: 0.7em;}
If you stick with arial this will give you a font size of around 12px
which can be resized. Try different sizes with different decimal
digits (0.725 etc..) to find the size you're comfortable with
depending on the font you're using.
Hope this helps.
Marwan
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Jumping text in FF and Netscape
Bert - Specifying the height and width of the small images fixed the problem. Thanks! Yeah, I know the home page shot is HUGE - Client demanded it after much effort on my behalf to talk him out of it. Win some, you lose some. I know I shouldn't spec font sizes in px, but I'm confused about the whole "em" thing. I need to do some reading about that as I do want my sites as accessible as possible. Thanks for the fix on the jumping text. Cole - Original Message - From: "Bert Doorn" <[EMAIL PROTECTED]> To: Sent: Monday, May 02, 2005 1:28 PM Subject: Re: [WSG] Jumping text in FF and Netscape > G'day > > > I've got this not-so-critical but annoying problem with text below an > > image. When the page loads, there's too much space (between the bottom > > of the image and top of the text), but if you refresh the browser, the > > text snaps back to the correct position. > > This only happens in FF and Netscape - and only happens on the 2nd and > > 3rd images. > > Doesn't happen to me in Firefox (on Win2K). You might however > consider putting height and width attributes on your images, or > specify it in your CSS. It might help, since the browser will > then know how much space to reserve for the image. > > FWIW, spare a thought for people on dial-up with 800x600 display > (nothing to see unless they scroll down or wait a minute or more > for the huge image to load). Also consider people with MSIE who > can't read the text and can't enlarge it because you specify the > font size in px. > > Regards > -- > Bert Doorn, Better Web Design > http://www.betterwebdesign.com.au/ > Fast-loading, user-friendly websites > > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** > > ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Jumping text in FF and Netscape
G'day I've got this not-so-critical but annoying problem with text below an image. When the page loads, there's too much space (between the bottom of the image and top of the text), but if you refresh the browser, the text snaps back to the correct position. This only happens in FF and Netscape - and only happens on the 2nd and 3rd images. Doesn't happen to me in Firefox (on Win2K). You might however consider putting height and width attributes on your images, or specify it in your CSS. It might help, since the browser will then know how much space to reserve for the image. FWIW, spare a thought for people on dial-up with 800x600 display (nothing to see unless they scroll down or wait a minute or more for the huge image to load). Also consider people with MSIE who can't read the text and can't enlarge it because you specify the font size in px. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Jumping text in FF and Netscape
Hi Cole,
I am having the same problem on a website
that I’m working on and I’m also stuck… hmm! Let us know if
you find a solution – I’d be interested!!
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7m
Sent: Monday, 2 May 2005 3:43 p.m.
To: wsg@webstandardsgroup.org
Subject: [WSG] Jumping text in FF
and Netscape
Hello everyone -
I've got this not-so-critical but annoying problem with text below an
image. When the page loads, there's too much space (between the bottom of
the image and top of the text), but if you refresh the browser, the text snaps
back to the correct position.
This only happens in FF and Netscape - and only happens on the 2nd and
3rd images. It doesn't happen on the first image at all (strange?), nor
does It happen in IE - which leads me to believe that I've left something
out of the css.
Here's the page in question: www.sheavens.com
The first small image on the left, as well as it's caption looks as it
should.
On the second and third image, however, there's too much space between
the bottom of the image and the top of the image caption.
As stated before, if you hit refresh, the text snaps back to the
correct spacing.
Here's the rule I've got for the text beneath the image:
#sideBarGallery p.caption {
margin: 5px 0px 15px 0px;
padding: 0;
font: bold 8px Verdana, sans-serif;
color: #003399;
}
The rule I have for all images is:
img {
display: block;
margin: 0;
padding: 0;
border: 0;
}
Anyone know what I'm doing wrong here?
Cole
