HTML problem, probably easy. Help me please.?

J

Jon

New member
So, I've recently coded my first web design. (Done in Adobe Photoshop) And Im having a problem. The code was generated in PS for the most part. Its tables and stuff. It looks fine in every browser without <a href> tags in front of the images, but with it, it gets all distorted in IE/FF



TL;DR
It gets messed up when I put <a href="link"> in front of the <img src> tags that I have in tables. Please examine it and fnd out my problem. Its at web-dev.tk or gearstehtrue.110mb.com
Here is the broken version: gearstehtrue.110mb.com (Broken in IE/FF)
Here is the working version gearstehtrue.110mb.com/test2.html
The top one messed up because I added <a href> tags in front of the images. Please find out what's wrong.
FIXED WITH THAT CSS POSTED.
 
without knowing exactly what you mean, i can only assume you're talking about the border that is automatically placed around the image to define it as a link. if that's what you're referring towards place this in your header to remove the border from all the images.

<style type="text/css">
a img{
border-width:0px;
}
</style>

if not, the picture might be distorted due to the size limits it might have been given when you used the program to build the page for you. check the <img> tags for width and height attributes.
 
A very nice page despite the broken links. I would be inclined to make that navigation box a jpg (even a screen shot) and then make an Imap of it. The Imap would be a snap and both IE and FF like Imaps. It wouldn't take long to do that at all.

edit: You could float it in place with CSS or just put it in a data cell. One thing though, your table is just 800 wide and about 80% of web surfers are using at least 1024 monitors now. Just something to think about... it's great fun building pages isn't it? .......:-)
 
Back
Top