Solved

showing spaces in firefox browser

Posted on 2011-03-06
6
275 Views
Last Modified: 2012-05-11
I have created a landing page for Facebook using css.  For some reason there are a couple of small white spaces showing only in firefox.  Can anyone tell me why?  the spaces are under the text for "Quality" and "Service"

The link to the facebook page is :https://www.facebook.com/pages/Bright-Ideas-Web-Design/181593341885111?sk=app_4949752878

The link to my css file is:  http://www.brightideaswebdesign.com/bright-ideas-images/fb/fbstyle.css

0
Comment
Question by:brightsusan
6 Comments
 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 35048993
I don't see it, here's a screen shot.  Since it's all images, no text, I'd just make it one image.  Loads faster that way too.
BrightEyes.jpg
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 35048996
I cannot see any spaces under "Quality" and "Service" images.
0
 
LVL 6

Assisted Solution

by:GregArnott
GregArnott earned 100 total points
ID: 35049533
As above, I am not seeing the spaces as described. (Firefox 4.0b12 as test).

Have you considered clearing cache or a forced refresh in case older versions of images were present?

Your styling is also presenting an aggressive approach towards layout, with all the images being displayed using absolute positioning. Dave is right - it'd be simpler to load as a single image, as well as being faster with less chance of errors.
0
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 

Author Comment

by:brightsusan
ID: 35050979
Thanks... I'll clear the cache and see what's going on...

I will have links to a couple of the images so I to leave it as separate images.
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 400 total points
ID: 35052712
I might still leave the big image as a single image and use transparent gifs to anchor the links over the main image.  I don't know if that will work on that page or not.
0
 

Author Comment

by:brightsusan
ID: 35059127
Thanks DaveBaldwin.... thats a great idea.  I've just started working with FBML and it's not fun!  I'll see if that will work with their system.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now