Jump to content

Class'


holmedwa04

Recommended Posts

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

  • Replies 102
  • Created
  • Last Reply

Top Posters In This Topic

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

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.sudoku.gifThis 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

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

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

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...