Help with a few small things!

Trip

Trip

Registered
I'm working on a page for a client using XHTML and CSS. I have a few problems that I can't seem to work out...

1. When the pages are viewed in Firefox or IE there are blue borders around any links or images... how do I get rid of those borders?

2. When I look at the page in an actual browser off of my server it has extra space at the bottom of the page. I tried checking the body and other elements to make sure the margins were all set to 0... but there's always a space at the bottom of the page. Any ideas?

I'd be more than happy to show the pages I'm working with to somebody who can help. But for copyright and business reasons I won't post them here.

UPDATE: I messed around a bit more and fixed the spacing problem (#2) I was having. I forgot to set the padding for the entire page to 0. It seems to have solved the problem. But I'm still having the boarder problem with linking images... help is GREATLY appriciated!
 
I agree with symphonix. I don't know about your links (text-based or graphical?), but I've certainly experienced blue borders around images that were also links. This only happened in certain browsers though, and Safari was not one of them. Inserting "border=0" does sound like your best bet!
 
Image Borders:
The best solution usually is to do it in the CSS, allowing the older browsers which may need borders (who don't handle CSS) to do so. Just insert the following into your CSS.

Code: 
img {
     border: none;
     }


Page Padding:
A trick for this is to set everything to 0 initially with a rule (must be the absolute first one in your stylesheet). Just remember doing this will require you to set the margins and padding on individual items as needed.

Code: 
* {
     margin: 0;
     padding: 0;
     }
 
You must log in or register to reply here.
Back
Top