Help! I'm designing my first complex e-commerce site and have got a huge gap between the page heading (which is a gif) and the beginning of the table that shows the items for sale. I thought at first that the gif had a transparent border that was too big, thus bumping the table down too far--wrong! I can't see anything wrong in the code that could be causing this; maybe someone more experienced can. Here it is:<br />
<p align="left"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/signedpink30.gif" width="192" height="41" border="0" align="left"><br><br><br><br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<br />
The reason there are 3 <br> tags between the gif and the table is because if I take just one of them out, the whole table jumps about two inches over to the right, which is worse than having the gap at the top. I should also mention that there's a large left border on the page background and a 93-pixel spacer gif there to keep the text off of it, which aligns everything else perfectly, so I don't think that has anything to do with it.<br />
Anybody know how to fix this?<br />
Thanks!<br />
skolya<!--content-->post a link<!--content-->You have the default margins on p and three line breaks. Of course there is a gap. The table shouldn't move to the right. Sure you don't have a "align" in the table tag? <br />
As said, post the URL.<!--content-->first i don't know if this was just an oversight... there is no </p> before your table.<br />
<br />
if you ment to do that fine but that should fix the issue.<br />
<br />
another fix whould be to include the image in the table this way there is no problem with the layout.<br />
<br />
sorry if that doesn't help or is not what your looking for.<br />
<br />
-sdonato<!--content-->From the 4.01 DTD:<br />
<!ELEMENT P - O (%inline
* -- paragraph --><br />
(<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/text.html#edef-P">http://www.w3.org/TR/html4/struct/text.html#edef-P</a><!-- m -->)That means that the P element's end tag is optional and that it immediately contains inline elements. The following table element forces the browser to insert that closing tag.<!--content-->I didn't originally post the URL because the site isn't up yet, but I'll go FTP it up right now so you all can have a look at it.<br />
<br />
<!-- m --><a class="postlink" href="http://www.jerizjoolz.com">http://www.jerizjoolz.com</a><!-- m --><!--content-->All I get from your link is a directory listing...<!--content-->yeah me too<br />
<br />
-sdonato<!--content-->The reason you all didn't get my site was because I hadn't finished uploading all the images yet (there are several hundred of them)! Try again now, and when you get to the home page, click "earrings". None of the other links work yet 'cause I didn't want to start the other pages till I got this gap thing worked out.<br />
Thanks!<br />
skolya<!--content-->A quick question...Have you designed all your pages yet?<!--content-->No, I haven't done the rest; this is the first content page and I wanted to get it right first so I can copy the code to the rest of the content pages.<br />
<br />
Latest problem: As suggested, I incorporated the "Designer Signed" heading into the table, and now there's a gap between the text and the table. No line breaks or anything at all there. And the heading is now too close to the body of the table--how do I change the spacing for just one row of a table? As you can tell, I don't have a lot of experience with fancy tables!<br />
Thanks,<br />
skolya<!--content-->Pyro, Supreme Being,<br />
Perhaps we could get this over with if you IM me. My YIM ID is rilya1.<br />
Skolya<!--content-->ok which gap are you talking about send me the link to the exact page please.<br />
<br />
-sdonato<!--content-->Ok, I'll probably be on Yahoo! Messanger for a while...Hope to see you on.<!--content-->Thanks Pyro,<br />
My earrings page now looks fabulous in IE and Opera, but it won't align properly in any version of Netscape. ????<br />
Here's the full URL:<br />
<!-- m --><a class="postlink" href="http://www.jerizjoolz.com/earrings.html">http://www.jerizjoolz.com/earrings.html</a><!-- m --><!--content-->
<p align="left"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/signedpink30.gif" width="192" height="41" border="0" align="left"><br><br><br><br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<br />
The reason there are 3 <br> tags between the gif and the table is because if I take just one of them out, the whole table jumps about two inches over to the right, which is worse than having the gap at the top. I should also mention that there's a large left border on the page background and a 93-pixel spacer gif there to keep the text off of it, which aligns everything else perfectly, so I don't think that has anything to do with it.<br />
Anybody know how to fix this?<br />
Thanks!<br />
skolya<!--content-->post a link<!--content-->You have the default margins on p and three line breaks. Of course there is a gap. The table shouldn't move to the right. Sure you don't have a "align" in the table tag? <br />
As said, post the URL.<!--content-->first i don't know if this was just an oversight... there is no </p> before your table.<br />
<br />
if you ment to do that fine but that should fix the issue.<br />
<br />
another fix whould be to include the image in the table this way there is no problem with the layout.<br />
<br />
sorry if that doesn't help or is not what your looking for.<br />
<br />
-sdonato<!--content-->From the 4.01 DTD:<br />
<!ELEMENT P - O (%inline
* -- paragraph --><br />(<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/text.html#edef-P">http://www.w3.org/TR/html4/struct/text.html#edef-P</a><!-- m -->)That means that the P element's end tag is optional and that it immediately contains inline elements. The following table element forces the browser to insert that closing tag.<!--content-->I didn't originally post the URL because the site isn't up yet, but I'll go FTP it up right now so you all can have a look at it.<br />
<br />
<!-- m --><a class="postlink" href="http://www.jerizjoolz.com">http://www.jerizjoolz.com</a><!-- m --><!--content-->All I get from your link is a directory listing...<!--content-->yeah me too<br />
<br />
-sdonato<!--content-->The reason you all didn't get my site was because I hadn't finished uploading all the images yet (there are several hundred of them)! Try again now, and when you get to the home page, click "earrings". None of the other links work yet 'cause I didn't want to start the other pages till I got this gap thing worked out.<br />
Thanks!<br />
skolya<!--content-->A quick question...Have you designed all your pages yet?<!--content-->No, I haven't done the rest; this is the first content page and I wanted to get it right first so I can copy the code to the rest of the content pages.<br />
<br />
Latest problem: As suggested, I incorporated the "Designer Signed" heading into the table, and now there's a gap between the text and the table. No line breaks or anything at all there. And the heading is now too close to the body of the table--how do I change the spacing for just one row of a table? As you can tell, I don't have a lot of experience with fancy tables!<br />
Thanks,<br />
skolya<!--content-->Pyro, Supreme Being,<br />
Perhaps we could get this over with if you IM me. My YIM ID is rilya1.<br />
Skolya<!--content-->ok which gap are you talking about send me the link to the exact page please.<br />
<br />
-sdonato<!--content-->Ok, I'll probably be on Yahoo! Messanger for a while...Hope to see you on.<!--content-->Thanks Pyro,<br />
My earrings page now looks fabulous in IE and Opera, but it won't align properly in any version of Netscape. ????<br />
Here's the full URL:<br />
<!-- m --><a class="postlink" href="http://www.jerizjoolz.com/earrings.html">http://www.jerizjoolz.com/earrings.html</a><!-- m --><!--content-->