HTML Help

sche5372 · Joined: 06 Feb 2009 Posts: 8

My portfolio site (the first I've ever created) works okay in Safari, but:

1. My images are pixelated in some browsers
2. Images used as links have a blue outline in Firefox and IE. My professor suggested modifying the CSS code with .thrColFixHdr #mainContent a, a:visited {outline:none;} but it didn't work.

How do I fix these inconsistencies?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Link to online page where you are needing help. Got some ideas, but need to see code.

sche5372 · Joined: 06 Feb 2009 Posts: 8

http://www.webpages.uidaho.edu/~sche5372/laurel/index.html

Thanks!

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Put this in your css to eliminate the blue border
Code: img {border: none;}
Use this css to eliminate the dashed border in Firefox
Code: a:focus {outline: none;}

Your using the browser to reduce the images to thumbnail size and this is a no no in web design. You should have thumbnail images the correct size for display and use the large images for the lightbox effect. This cuts down on load time using smaller images and only loads the larger ones on demand.
The logo image is 1245kb and causes it to load and display slow. I would reduce it down to the actual size needed 728 X 160.

sche5372 · Joined: 06 Feb 2009 Posts: 8

Thanks so much.

What code should be added to increase space between the main content and the footer in IE and Firefox?

Also, the drop down menus are positioned off to the side in IE. How can I make them open directly below as they do in Safari and Firefox?

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Ditch the Dreamweaver menu. I teach Dreamweaver and those menus are not cross-browser compliant.
I will give you a much better menu later tonight when I get it worked up. It will still need javascript but will be a little more dynamic. Will also have a page layout that puts the footer at the bottom of the page until content exceeds the screen height.

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Check your PM's.