HTML - Need To Insert Blank Space...
...between thumbnails. And it's proving much more difficult than expected.
Here's the old page: http://www.bunnyslippers.com/novelty-slippers.php And here's the new page. As you can see the thumbnails aren't wrapping properly. http://www.bunnyslippers.com/novelty...w-features.php Shrinking the images restores the gaps but it looks funny and it's not an ideal option. And linebreaks don't appear to be of any help. Ideally we will have 8 images split into two rows of four. Any advice appreciated... Similar TutorialsMy site name is juicersuperstore.com, I have an image right in the center of the site but there is extra blank space on top and at the bottom of the image and I have tried desperately to fix that but I ave not been able to. From the page source, the area with the blank space looks like this <td width="100%" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="1"> <tr> <td><table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td><div align="center"><img src="images/Template-1_21.jpg" alt="" border="0"></div> </td></tr> <tr> <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td> </tr> <tr> <td class="mphead"><!-- D Main_page //--> <img alt="shop for juicers for low low prices" border="0" height="330" src="http://www.juicersuperstore.com/images/frontpic.jpg" title="juice superstore" width="520" /><img alt=" " border="0" src="https://www.juicersuperstore.com/admin/" /> <!-- Main_page eof //--> </td></tr> <tr> <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td> </tr> The middle image name is frontpic.jpg, please any help would be very appreciated. Thanks Hi All, I'm putting together a table for each item description in a list of products. I'm having trouble getting rid of some blank white space at the bottom of the column... I'm not sure why it insists on being there. Does anyone have any suggestions? Here is the page in question: http://www.nrs.to/phpbuild/product.php The table is just the photo of the desk, it's title, description, qty, etc. The next table down is the other item - forklift with the pretty photo. The blank white space I'm talking about is just below where it says: QTY: 1. I don't want the item description to be down so far below that. I posted the the code below for one of the the tables. Thanks so much, Todd <table cellpadding="7" cellspacing="0" border="0" align="center"> <tr> <td colspan="3" width="800"> <hr> </td> </tr> <tr> <td rowspan="2" align="right" valign="top" width="218"> <img src="inventory/100000a1.jpg" /> </td> <td valign="top" width="103"> ITEM#: 100000<br />QTY: 1 </td> <td valign="top" width="451">Oak Laminate Desk </td> </tr> <tr> <td colspan="2" valign="top" width="552">This desk has a very nice oak laminate finish. It is in very good condition.<br />Dimensions: 5' wide x 30" deep <a href="productdetail.php?id=100000"><span class="smallfont">Photo detail / more info</span></a> </td> </tr> </table> hello there's this blank space at the bottom of this site which i can't figure out. http://www.thebollocks.org/drop/rugged/ it's not part of the tables or background colors? thanks for your help sandy Hello, I am working on a website and have embedded a Simpleviewer gallery into one of my pages. There is a blank white area under the gallery that I can't make go away. My ultimate goal is to have no need to scroll on the page. Here is a link to the page: http://www.tuckermatthewsphoto.com/a...tomotive1.html Any help is greatly appreciated. This is driving me absolutely nuts. Thanks i almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css> a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;} </style> <table width="200" border="0" cellspacing="0" cellpadding="0"><tr> <td width="100" valign="top"> <a href="link">Sample text </a> <td width="100" valign="top"> <a href="link">Sample text</a> </td></tr></table> Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" hey everyone, i recently created a page using an CSS generator and for some reason it just ends up totally blank in all versions of IE. It appears to be fine, however, in safari and firefox. I am a designer so i do not know code all that well... so i really cant figure out what to remove or put in to get it to function in IE. I have all the JS files that are required online, however..... can anyone help me out? The page is at www.nwsprecher.com/andy/edited.html thanks!! FF view perfect but IE8 I have a huge blank at the bottom.. See attachment or view http://www.koperasiloan.com.my and scroll bottom with IE8 Hello, folks; I'm making a new site at http://www.sticksite.com/antlers/ and there is a wide green (blank) space after the text and before the pictures. I did this in Notepad2 and did NOT enter any br tags in there. I cannot understand why this space appears. Can anyone educate me, please? The homepage on this site renders well in FF but all I see is my background in IE: http://www.xtremerodcustoms.com/ Any help would be appreciated... Hi I just noticed most of my website's pages are just showing as a blank white page. Hosted with a free createandhost account. It may take a while for them to reply to my newly opened ticket. The pages that are blank have been working fine for months until a few days ago. I haven't changed the pages recently. Any suggestions in the meantime to get it working again? http://www.craighood.com Hi all - I've got a DIV on this site which needs to scroll horizontally. It was previously working, and then I messed around with the code and the scroll bar stopped working ... and now I can't get it back again. The scrollbar appears but is blank with no buttons. this is the link: http://www.gmbfilms.com/november/ebp...wesome%20Video you see the thumbnails - there are more in the div and before I could scroll to the right to see them. Now it doesn't work! hopefully this is an easy fix. Any help much appreciated! Thanks Hi there guys, I was having a problem with a new site I am working on. I need to be able to open a new browser window from a pop-up. I have a main page, that has a pop-up window. Inside that pop-up I have a Paypal Form with button, that when pressed I would like to open a Blank NEW Window. At the moment it is opening the window inside the pop-up.... Is there some Javascript or something I can force a new window, like Break_out_of_frame ?? Hoping you can help. Warren I am currently building a website which is to be used as an online gallery for a friend's artwork - To state the mundane, one of the recurring features is that when clicking on a thumbnail to open a picture it is displayed in a new window (target="_blank") - I was wondering if it was possible to reuse the window which is initially opened to display other images when requested from the original page, as opposed to having a load of new windows open on screen displaying different images? I have no ideas on this matter, other than perhaps a new window could be given an identifier which could be refered to from the original page at a later time - Can anyone help me here? I'm a newbie and I have a simple question. I designed a simple html page. The goal of the page was to place a YouTube player inside graphics that make it look like a tv....sounds pretty simple right? So I built a bunch of tables and graphics 4 times and still am getting the same results! Random spaces appear and distort the page. I'm about to launch my PC out the window! The distortion appears to happen on IE & Mozilla but not using Google Chrome. Below is a graphic showing the page and the 2 spaces that appear randomly. I also listed the URL where the webpage is located...hopefully somebody can look at the page source and explain what the heck I am missing. Thanks for any help you can give me. Joel Webpage Address: http://www.genesismktg.com/player/gt-player2.html as the title suggests my web page just comes out blank when previewed in I.E but works perfectly for firefox. I have run validation tests with no error results so i have no idea what could be causing this. I have url masking on the domain web forwarding because we don't have webspace with the domain. But when I visit the website I created and click on the link to twitter, it loads our twitter page fine, then just at the last minute switches to a blank page which is the same colour as the twitter page background. If I remove url masking, it works fine. Is there a code I can put with my link that will remove the masking on the twitter link, but none of the others on my website? If it helps, this is my website http://www.pocketof3.com/ Thanks for any help. Hi all, I know you fab guys can help me out here. I have been site creating again, and all works fine in ie (or it will when I upload the rest of the images!), however you will notice in ff that the images on the left and right do not quite stretch to the top and bottom of the cell. Can I set the image to fill 100% vertical, or any other suggestions would be great. Thanks again, Greg I used the "clear pixel trick" to put space between some links (see code below). It works, but the thing that bugs me is that a blank space remains at the beginning and end of each link (except for the first link, which only has a blank space at its end). See the webpage if you want to see exactly what i'm talking about: www.chicagolandaudioconsultants.com This looks a bit sloppy to me and i'd like to get rid of these spaces. Does anyone know how I can do that? Thanks, any help is appreciated. <A HREF="http://www.chicagolandaudioconsultants.com/aboutus.html">[About Us]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/lessonsandtutoring.html">[Lessons and Tutoring]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/computerrepair.html">[Computer Repair]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/studiodesign&installation.html">[Studio Design and Installation]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/advancedtutorials.html">[Advanced Tutorials]</A> I am trying to add an image to a site that my company recently purchased. This will be the only thing on the site and I assumed it would be fairly easy... The code I have is: <head> </head> <body> <img src="gg_lightsout_teaser_web.jpg" width="1650" height="1275" alt="none" /> </body> </html> Anyone see the issue? I have not done HTML in a long time... Thanks!! hey guys, I have a little issue im trying to figure out. I have a table with a bg image and i need one of the cells in the table to be blank. So bascially the bg image would be starting directly under the first cell. My code is below and the cell i want blank is highlighted in blue. help would be great! Thanks <table class="LandingBottom3" width="580"> <tr> <td colspan="4" align="center"><span class="ProductHeadings">Board Games </span></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center"> </td> <td align="center"> </td> </tr> <tr> <td align="center"><a href="SearchResult.aspx?CategoryID=402"><img src="Images\StationeryLanding\cardgames.png" width="95" height="75" border="none" alt="Card Games" title="Card Games"/></td> <td align="center"><a href="SearchResult.aspx?CategoryID=405"><img src="Images\StationeryLanding\childrensgames.png" width="95" height="75" border="none" alt="Childrens Games" title="Childrens Games" /></td> <td align="center"><a href="SearchResult.aspx?CategoryID=404"><img src="Images\StationeryLanding\familygames.png" width="95" height="75" border="none" alt="Family Games" title="Family Games" /></td> <td align="center"><a href="SearchResult.aspx?CategoryID=403"><img src="Images\StationeryLanding\strategygames.png" width="95" height="75" border="none" alt="Strategy Games" title="Strategy Games" /></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="bodytext2"> <td align="center"><a href="SearchResult.aspx?CategoryID=402">Card Games</a></td> <td align="center"><a href="SearchResult.aspx?CategoryID=405">Childrens Games</a></td> <td align="center"><a href="SearchResult.aspx?CategoryID=404">Family Games</a></td> <td align="center"><a href="SearchResult.aspx?CategoryID=403">Strategy Games</a></td> </tr> <tr class="bodytext3"> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="bodytext3"> <td align="center"><a href="SearchResult.aspx?CategoryID=402" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('View More','','Images/StationeryLanding/viewmore_white_small2.png',1)"><img src="Images\StationeryLanding\viewmore_white_small.png" width="102" height="24" name="View More" border="0"/></a></td> <td align="center"><a href="SearchResult.aspx?CategoryID=405" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('View More2','','Images/StationeryLanding/viewmore_white_small2.png',1)"><img src="Images\StationeryLanding\viewmore_white_small.png" width="102" height="24" name="View More2" border="0"/></td> <td align="center"><a href="SearchResult.aspx?CategoryID=404" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('View More3','','Images/StationeryLanding/viewmore_white_small2.png',1)"><img src="Images\StationeryLanding\viewmore_white_small.png" width="102" height="24" name="View More3" border="0" /></td> <td align="center"><a href="SearchResult.aspx?CategoryID=403" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('View More4','','Images/StationeryLanding/viewmore_white_small2.png',1)"><img src="Images\StationeryLanding\viewmore_white_small.png" width="102" height="24" name="View More4" border="0"/></td> </tr> <tr class="bodytext3"> <td colspan="4" align="center"><span style="font-size:1pt"> </span></td> </tr> <tr> <td colspan="4"></td> </tr> </table> |