holmedwa04 Posted November 5, 2006 Share Posted November 5, 2006 Hi,I agreed with someone that I would help them by making a simple HTML code up that was a template for a crossword, and on trialing my template the black squares do not print.I found out that this is because of the way my browser is set up, but if this is default I dont want her viewers to be having to chanbge their browser settings, and so I looked into using a background="black.gif" and there agian it didn't work because it wount print background images.So as a final resort I decided to use just the normal image tag and have an image the exact size (40 x 40 pixels)...Only to find out that this will work but it leave a horrible white line below the image because it is stretching the cells for some reason?I have the cellpadding and cellspacing set to 0 and I still cant seem to be able to work out why it is not working.PLEASE HELP!!! Link to comment Share on other sites More sharing options...
Ruud Hermans Posted November 5, 2006 Share Posted November 5, 2006 I would like to give it a try, could you upload the image somewhere and post the code you used here?Ruud Hermans Link to comment Share on other sites More sharing options...
holmedwa04 Posted November 5, 2006 Author Share Posted November 5, 2006 Yeh, sure, just a sec...and here is the code, sorry about the length of it, it is just all of the cells that I needed, I have placed it in a codebox for you though... <html><head><title>Crossword Puzzle 01</title></head><LINK rel="stylesheet" type="text/css" href="stylesheet.css"><body bgcolor="#ffcc33" link="blue" vlink="blue"><font size="3"><font face="Arial"><font color="black"><center><table border="0" cellpadding="100" cellspacing="0" width="85%" bordercolor="#000000" bgcolor="#FFFFFF"><tr><td><BR><font size="5"> <center><b><u>Crossword Puzzle 02</u></b><BR><BR><font size="2"><font face="arial"><table bordercolor="black" border="1" cellspacing="0" cellpadding="0"><tr><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 1</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 2</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 3</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 4</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center><img width="40" height="40" src="black.gif"></center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 5</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 6</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 7</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td></tr><tr><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 8</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 9</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 10</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 11</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40 bgcolor="black"><center> </center></td></tr><tr><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 12</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td></tr><tr><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 13</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 14</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 15</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 16</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 17</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 18</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td></tr><tr><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 19</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 20</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 21</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 22</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 23</td><td> </td><tr><td> </td><td> </td></tr></table></center></td></tr><tr><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 24</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 25</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 26</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 27</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 28</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 29</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center> </center></td></tr><tr><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 30</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40" bgcolor="black"><center> </center></td><td width="40" height="40"><center><table border="0" width="40" hieght="40" cellpadding="0" cellspacing="0"><tr><td><font size="1"> 31</td><td> </td><tr><td> </td><td> </td></tr></table></center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td><td width="40" height="40"><center> </center></td></tr></table></center><BR><BR><center><table width="80%" border="0"><tr><td colspan="2"><B>Across</a></td><td colspan="2"><B>Down</B></tr><tr><td><center><B>01</B></center></td><td>Fencing Swords (7)</td><td><center><B>01</B></center></td><td>Reddish-Brown (6)</td></tr><tr><td><center><B>05</B></center></td><td>Stratford's River (4)</td><td><center><B>02</B></center></td><td>More in Need of Cash (6)</td></tr><tr><td><center><B>07</B></center></td><td>Stench (4)</td><td><center><B>03</B></center></td><td>Registers (6)</td></tr><tr><td><center><B>08</B></center></td><td>Animal's Track (5)</td><td><center><B>04</B></center></td><td>Reject (5)</td></tr><tr><td><center><B>09</B></center></td><td>---- Edmunds, <I>House Party</I> Host (4)</td><td><center><B>05</B></center></td><td>On the Fence, Regarding Religion (8)</td></tr></tr><tr><td><center><B>10</B></center></td><td>Evil Giant (4)</td><td><center><B>06</B></center></td><td>Unfolds (5,3)</td></tr></tr><tr><td><center><B>12</B></center></td><td>Arrests (4)</td><td><center><B>11</B></center></td><td>Primitive (5)</td></tr></table></center><BR><BR><BR><center><BR><form> <input type="Button" value="Back" onclick="history.back()"> </form><BR>______________________________________________________<BR><font size=1>Helen Taylor, Animals R Lovely, <a href="mailto:helentaylor393@hotmail.com">helentaylor393@hotmail.com</a></center></td></tr></table></center></body></html> Can you see the first one is the one where I have tried to use an image and the rest of them just use the bgcolor code, but as you already no that stops it from printing. Link to comment Share on other sites More sharing options...
holmedwa04 Posted November 9, 2006 Author Share Posted November 9, 2006 Please can you help me??? I have posted you the code now. Link to comment Share on other sites More sharing options...
Err Posted November 9, 2006 Share Posted November 9, 2006 Have you tried to "block" the images? A lot of the times you will get that gap even though your image and cell are the exact sizes.css: td img { display: block;} Try that out. Link to comment Share on other sites More sharing options...
jesh Posted November 9, 2006 Share Posted November 9, 2006 Another thing you might watch out for is where your line breaks occur in the HTML. I don't fully understand this but I have experienced differences in display between the following two chunks of code: <td><img src="theimage.gif" /></td> and <td> <img src="theimage.gif" /></td> Both should display the same, but, because of that extra white space, the table cells never seem to line up correctly. I have moved away from table-based design, so I haven't experienced this recently, but I distinctly remember it being a problem. Link to comment Share on other sites More sharing options...
holmedwa04 Posted November 9, 2006 Author Share Posted November 9, 2006 Have you tried to "block" the images? A lot of the times you will get that gap even though your image and cell are the exact sizes.css:td img { display: block;} Try that out. That is great thanks, it works brilliantly!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now