Jack McKalling Posted September 4, 2006 Share Posted September 4, 2006 Darn. I hoped I was right about what caused this little pixel malfunction, but I am no expert in CSS either, sorry At this point I don't know what to do either.. lost me there :)Ask me how to program this, how to script that, and I'll answer, but those CSS bugs in any stylesheet are a big question for me too Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 4, 2006 Author Share Posted September 4, 2006 It seems to print alright, its just that users will think it looks silly, or that I cant code . I might just put a comment on there explaining. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 5, 2006 Author Share Posted September 5, 2006 Please help me, I really need to get this working before I upload it. Link to comment Share on other sites More sharing options...
aspnetguy Posted September 5, 2006 Share Posted September 5, 2006 ok, can you repeat the requirements for this (show me a picture if possible) and I'll code it instead of all this guessing back and forth.There is no way for us to know what you have anymore since there have been so many suggestions. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 5, 2006 Author Share Posted September 5, 2006 This is a copy of my code post:Now, although I said I thought that I had got it working it doesn't seem to work when I fill it in completely, and it seems to be when there are 3 red and bold numbers below a row that has normal numbers, I have put a print screen below and my code. The funny thing is that although it doesn't seem to work, when I look at the print preview it looks fine.This is my code: <html><head><title>Sudoku Puzzle 01 Answers (Easiest)</title></head><LINK rel="stylesheet" type="text/css" href="sudokustylesheet.css"><body bgcolor="#000066" 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>Sudoku Puzzle 01 Answers (Easiest)</u></b><BR><BR></center><font size="2">Check your answers by marking of all of the numbers that you have correct by checking them off with the red answers.<BR><BR><BR><BR><center><table id="grid" cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="a">2</p></td> <td class="ncell"><p class="">5</p></p></td> <td class="rcell"><p class="">1</p></td> </tr> <tr> <td class="ncell"><p class="">3</p></td> <td class="ncell"><p class="a">6</p></td> <td class="rcell"><p class="a">9</p></td> </tr> <tr> <td class="bcell"><p class="">8</p></td> <td class="bcell"><p class="a">7</p></td> <td><p class="a">4</p></td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="a">9</p></td> <td class="ncell"><p class="a">6</p></td> <td class="rcell"><p class="a">8</p></td> </tr> <tr> <td class="ncell"><p class="">4</p></td> <td class="ncell"><p class="a">7</p></td> <td class="rcell"><p class="">5</p></td> </tr> <tr> <td class="bcell"><p class="a">1</p></td> <td class="bcell"><p class="">3</p></td> <td><p class="a">2</p></td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="">4</p></td> <td class="ncell"><p class="">3</p></td> <td class="rcell"><p class="a">7</p></td> </tr> <tr> <td class="ncell"><p class="a">8</p></td> <td class="ncell"><p class="a">1</p></td> <td class="rcell"><p class="">2</p></td> </tr> <tr> <td class="bcell"><p class="a">9</p></td> <td class="bcell"><p class="a">5</p></td> <td><p class="">6</p></td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="a">5</p></td> <td class="ncell"><p class="">2</p></td> <td class="rcell"><p class="a">8</p></td> </tr> <tr> <td class="ncell"><p class="a">7</p></td> <td class="ncell"><p class="a">1</p></td> <td class="rcell"><p class="">3</p></td> </tr> <tr> <td class="bcell"><p class="a">9</p></td> <td class="bcell"><p class="">4</p></td> <td><p class="a">6</p></td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="">3</p></td> <td class="ncell"><p class="">9</p></td> <td class="rcell"><p class="">1</p></td> </tr> <tr> <td class="ncell"><p class="a">6</p></td> <td class="ncell"><p class="a">8</p></td> <td class="rcell"><p class="a">4</p></td> </tr> <tr> <td class="bcell"><p class="">2</p></td> <td class="bcell"><p class="">5</p></td> <td><p class="">7</p></td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="a">6</p></td> <td class="ncell"><p class="">7</p></td> <td class="rcell"><p class="a">4</p></td> </tr> <tr> <td class="ncell"><p class="">5</p></td> <td class="ncell"><p class="a">2</p></td> <td class="rcell"><p class="a">9</p></td> </tr> <tr> <td class="bcell"><p class="a">1</p></td> <td class="bcell"><p class="">8</p></td> <td><p class="a">3</p></td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="">4</p></td> <td class="ncell"><p class="a">3</p></td> <td class="rcell"><p class="a">5</p></td> </tr> <tr> <td class="ncell"><p class="">6</p></td> <td class="ncell"><p class="a">8</p></td> <td class="rcell"><p class="a">7</p></td> </tr> <tr> <td class="bcell"><p class="a">1</p></td> <td class="bcell"><p class="">9</p></td> <td><p class="">2</p></td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="a">7</p></td> <td class="ncell"><p class="">1</p></td> <td class="rcell"><p class="a">6</p></td> </tr> <tr> <td class="ncell"><p class="">5</p></td> <td class="ncell"><p class="a">2</p></td> <td class="rcell"><p class="">9</p></td> </tr> <tr> <td class="bcell"><p class="a">8</p></td> <td class="bcell"><p class="a">4</p></td> <td><p class="a">3</p></td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="120" height="120"> <tr> <td class="ncell"><p class="a">2</p></td> <td class="ncell"><p class="a">9</p></td> <td class="rcell"><p class="">8</p></td> </tr> <tr> <td class="ncell"><p class="a">3</p></td> <td class="ncell"><p class="a">4</p></td> <td class="rcell"><p class="">1</p></td> </tr> <tr> <td class="bcell"><p class="">7</p></td> <td class="bcell"><p class="">6</p></td> <td><p class="a">5</p></td> </tr> </table> </td> </tr></table></center><BR><BR><BR><center><BR><form> <input type="Button" value="Back" onclick="history.back()"> </form><BR>______________________________________________________<BR><font size=1>Edward Holmes, SMC @ CCMS, <a href="mailto:shapemakingclub@btconnect.com">shapemakingclub@btconnect.com</a></center></td></tr></table></center></body></html> ...And this is my CSS: a:link { color:#0000ff; text-decoration:none; }a:visited { color:#0000ff; text-decoration:none; }a:hover { color:#006633; text-decoration:underline overline; }a.2:link { color:#0000ff; text-decoration:none; font-weight:bold; }a.2:visited { color:#0000ff; text-decoration:none; font-weight:bold; }a.2:hover { color:#006633; text-decoration:underline overline; font-weight:bold; }a.3:link { color:#000000; text-decoration:none; }a.3:visited { color:#000000; text-decoration:none; }a.3:hover { color:#006633; text-decoration:underline overline; }a.4:link { color:#ff0000; text-decoration:none; }a.4:visited { color:#ff0000; text-decoration:none; }a.4:hover { color:#006633; text-decoration:underline overline; }body { scrollbar-3dlight-color:#000000;scrollbar-arrow-color:#FFFFFF;scrollbar-base-color:#000033;scrollbar-darkshadow-color:#000000;scrollbar-face-color:#000066;scrollbar-track-color:#000099;scrollbar-shadow-color:#000033; }body {font-family:arial;color:black;font-size:12pt;}td {font-family:arial;color:black;font-size:12pt;}#grid{border:3px solid #000;}#grid td{padding:0px; border:1px solid #000; width:120;text-align:center;}#grid td.rcell{border-bottom:0px; padding:0px; width:120px; text-align:center;}#grid td.ncell{border-right:0px;border-bottom:0px; padding:0px; width:120px; text-align:center;}#grid td.bcell{border-right:0px; padding:0px; wodth:120px; text-align:center;}#grid td.xcell{border:0px;padding:0px; padding:0px; width:120px; text-align:center;}p { padding:0; margin:0; }p.n { padding:0; margin:0; color:white; }p.a { font-weight:bold; color:red; font; } Link to comment Share on other sites More sharing options...
aspnetguy Posted September 5, 2006 Share Posted September 5, 2006 this should work <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head> <title>Test</title> <style> #grid{border:1px solid #000;font-family:arial} #grid td{padding:5px;border:1px solid #000;text-align:center} #grid td.rcell{border-bottom:0px} #grid td.ncell{border-right:0px;border-bottom:0px} #grid td.bcell{border-right:0px} #grid td.xcell{border:0px;padding:0px;} #grid td.answer{font-weight:bold;color:red} </style></head><body> <table id="grid" cellspacing="0" cellpadding="0" width="100"> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell answer">7</td> <td class="rcell answer">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> </tr> </table> </body></html> Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 10, 2006 Author Share Posted September 10, 2006 No, sorry that doesn't seem to work Im really sorry about how long this is taking Link to comment Share on other sites More sharing options...
aspnetguy Posted September 10, 2006 Share Posted September 10, 2006 No, sorry that doesn't seem to work Im really sorry about how long this is taking well what is wrong with it??? It works fine in my browser, can you post a screen shot. Link to comment Share on other sites More sharing options...
Jack McKalling Posted September 11, 2006 Share Posted September 11, 2006 And what if you gave both sorts of cells classes? The cells with normal numbers as well as the ones with red bolded numbers. Then specify the dimensions manually for both, eg one pixel more than it would be for default. Both margins and width and height. If all is specified, and both cells have equal dimensions, it must be fine on the page. :)If this doesn't work, I will have lost it too. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 Eberything just doesn't seem line up correct, anyways thanks for all of your help, I have found a solution, I have just stopped them being bold, and made them just red!It doesn't I must admit look as good, but it works now. Link to comment Share on other sites More sharing options...
aspnetguy Posted September 11, 2006 Share Posted September 11, 2006 it can work with bold can you post a screen shot of how it is looking witht he code I provided for you. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 kkk, will upload it in just a sec Link to comment Share on other sites More sharing options...
aspnetguy Posted September 11, 2006 Share Posted September 11, 2006 I found a mistake in my code #grid td.answer{font-weight:bold;color:red;padding-bottom:4px} use this instead Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 ah yeh, it works great now, its just that the boxs are not square Link to comment Share on other sites More sharing options...
aspnetguy Posted September 11, 2006 Share Posted September 11, 2006 looks square to me...can I get a screen shot? Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 oh yes sorry! Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 kk, here is the pic:They just seem to be squashed, if you get me? Link to comment Share on other sites More sharing options...
aspnetguy Posted September 11, 2006 Share Posted September 11, 2006 maybe its just me but it looks square to me...then again I have never been good at estimates, etc. so I may be off. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 Kk, but how do I make it square? Link to comment Share on other sites More sharing options...
aspnetguy Posted September 11, 2006 Share Posted September 11, 2006 Kk, but how do I make it square?I just said it looks square to me...so I don't know. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 Ok, sorry, how do I change the width and height, and where? Link to comment Share on other sites More sharing options...
aspnetguy Posted September 11, 2006 Share Posted September 11, 2006 is this better? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head> <title>Test</title> <style> #grid{border:1px solid #000;font-family:arial} #grid td{padding:0px;border:1px solid #000;text-align:center;width:33px;height:33px;text-align:center} #grid td.rcell{border-bottom:0px} #grid td.ncell{border-right:0px;border-bottom:0px} #grid td.bcell{border-right:0px} #grid td.xcell{border:0px;padding:0px;} #grid td.answer{font-weight:bold;color:red;padding-bottom:0px} </style></head><body> <table id="grid" cellspacing="0" cellpadding="0"> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell answer">2</td> <td class="ncell">5</td> <td class="rcell">1</td> </tr> <tr> <td class="ncell">3</td> <td class="ncell answer">6</td> <td class="rcell answer">9</td> </tr> <tr> <td class="bcell">8</td> <td class="bcell answer">7</td> <td class="answer">4</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell answer">9</td> <td class="ncell answer">6</td> <td class="rcell answer">8</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell answer">7</td> <td class="rcell answer">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="100"> <tr> <td class="ncell">1</td> <td class="ncell">3</td> <td class="rcell">6</td> </tr> <tr> <td class="ncell answer">9</td> <td class="ncell">7</td> <td class="rcell">5</td> </tr> <tr> <td class="bcell">2</td> <td class="bcell">4</td> <td>8</td> </tr> </table> </td> </tr> </table> </body></html> EDIT: done Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 Sorry, but can you post that in a normal code thing, instead of a box, because notepad is making at all one line of code. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 Ah yes, that looks much better! I didn't realise that you had changed it for me to a code instead of codebox, because you edited it and it doesn't show as a new post on the board index! That is really strange though, that codebox make code go funny when you add it to notepad?Thanks sooooooo much! Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 11, 2006 Author Share Posted September 11, 2006 Now, I hope that this is the very last thing that I have to ask about these Sudoku's I am trying to make, how do I center things in a class, here is my CSS:p { padding:0; margin:0; }p.n { padding:0; margin:2px; color:white; }p.a { font-weight:bold;color:red;padding-bottom:0px; }I have set it to bold. 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