Space between images (I've tried a lot of things, without luck) |
Space between images (I've tried a lot of things, without luck) |
Ckrogh |
Apr 2 2012, 05:57 PM
Post
#1
|
Group: Members Posts: 2 Joined: 2-April 12 Member No.: 16,837 |
I have just made my websites index page compatible with IE by editing a bit on it, but now these strange gaps appear between images (the top navigation buttons) and so. (www.kraagner.dk)
This only appears on my index page, as i am still working on the other subpages. My HTML looks like this, where the red text is the top navigation buttons: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Kraagner Pictures</title> <link rel="stylesheet" type="text/css" href="style.css"> <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/c/video.js"></script> </head> <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#ffffff"> <table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr valign="top"> <td width="50%" background="images/bgleft.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td> <td bgcolor="#FFFFFF"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <img src="images/langsdivider.gif" width="100%" height="10"></a> <td><a href="index.html"><img src="images/main01.jpg" style="border-style: none;" width="100%" height="151"> </tr> <tr> <td background="images/fon03.gif"> <img src="images/langsdivider.gif" width="100%" height="1"></a> <img src="images/fon03.gif" width="200" height="39"></a> <a href="index.html"><img src="images/knap1over.gif" style="border-style: none;" width="153" height="39" onmouseover="this.src='images/knap1over.gif'" style="border-style: none;" onmouseout="this.src='images/knap1over.gif'" style="border-style: none;"></a> <a href="about.html"><img src="images/knap2.gif" style="border-style: none;" width="153" height="39" onmouseover="this.src='images/knap2over.gif'" style="border-style: none;" onmouseout="this.src='images/knap2.gif'" style="border-style: none;"></a> <a href="movies.html"><img src="images/knap3.gif" style="border-style: none;" width="153" height="39" onmouseover="this.src='images/knap3over.gif'" style="border-style: none;" onmouseout="this.src='images/knap3.gif'" style="border-style: none;"></a> <a href="crew.html"><img src="images/knap4.gif" style="border-style: none;" width="153" height="39" onmouseover="this.src='images/knap4over.gif'" style="border-style: none;" onmouseout="this.src='images/knap4.gif'" style="border-style: none;"></a> <a href="contact.html"><img src="images/knap5.gif" style="border-style: none;" width="153" height="39" onmouseover="this.src='images/knap5over.gif'" style="border-style: none;" onmouseout="this.src='images/knap5.gif'" style="border-style: none;"></a></td></tr> </table> |
pandy |
Apr 2 2012, 06:11 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Probably this. If not, please post the URL so we can see the page, images and all.
http://htmlhelp.com/faq/html/images.html#image-nospace Then the table is broken. I didn't read through all of it, but my eyes feel on this. HTML <tr> <img src="images/langsdivider.gif" width="100%" height="10"></a> <td><a href="index.html"><img src="images/main01.jpg" style="border-style: none;" width="100%" height="151"> </tr> The first image is directly in TR. That's a no-no. It must be in the TD. The TD lacks a closing tag. The closing tag is optional in HTML (as I've recently learnt) but it's probably a good idea to use it anyway. |
Frederiek |
Apr 3 2012, 01:27 AM
Post
#3
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
The URL was given in the first sentence: http://www.kraagner.dk .
You should also fix the markup errors reported by the validator: http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes |
Ckrogh |
Apr 3 2012, 06:29 AM
Post
#4
|
Group: Members Posts: 2 Joined: 2-April 12 Member No.: 16,837 |
Thank you both for the help ! I got fixed the majority of the problems !
|
pandy |
Apr 3 2012, 01:41 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Sorry!
|
Lo-Fi Version | Time is now: 24th April 2024 - 04:21 AM |