holmedwa04
-
Posts
743 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by holmedwa04
-
It is just to highlight the bit of CSS that Ithought you needed to look at, but because it is in the HTML box obviously it doesn't work.
-
Nope that hasn't worked, but I found the find and replace tool o Notepad 2, so I used that to change it all! Now that it has made it all bigger, it still wont let me put anyother character than in without strecthing the grid?Can anyone help me?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:12px;align:center;text-align:center}#grid{border:2px solid #000} #grid td{padding:5px;border:1px solid #000} #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;}[b]h1 {font-family: arial;font-size: 12pt;font-weight: bold;color: red;}[/b] Then this is my HTML <!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><LINK rel="stylesheet" type="text/css" href="sudokustylesheet.css"></head><body> <table id="grid" cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell">1</td> <td class="ncell">2</td> <td class="rcell"><h1>3</td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> </tr> <tr> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> <td class="xcell"> <table cellspacing="0" cellpadding="0" width="150" height="150"> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="ncell"> </td> <td class="ncell"> </td> <td class="rcell"> </td> </tr> <tr> <td class="bcell"> </td> <td class="bcell"> </td> <td> </td> </tr> </table> </td> </tr> </table> </body></html> I am not sure as you need all of the CSS but I have made the bit I think you need bold.
-
Well its just I want them bigger, because text is streaching the cells, and I dont want to have to change all of the height and width settings.
-
Thanks, it works now, does that also get rid of any paragraph spacing that used to be there?Edit: Can I also make all cells in table 120 heigh and wide?
-
No, I mean I have seen people changing what tag do, by setting them in their stylesheet, then when they use them it does what they want.So can I just make <h1> red and bold pt12 etc. and then when I want to have it just put:<h1>This should be red, bold, 12pt etc.
-
kk,how do it do that?
-
Kk, I think we should bring this topic back to what do you use IE for, because aleksanteri will go mental at us!
-
I have Just realised that I am already using a class for <td> to make the different grid, so can I change what <h1> is in my stylesheet and then just use <h1> when I want to display the answers?
-
So can I change the name from jumpingtext to answers or somethig more relevant to me.
-
No I don't hate babies, but I must admit that that picture is rather cool. And Iquite agree, netscape is crap and I would be pleased accept that IE was made to "kill" netscape!
-
So, if I use this: td {text-align: center;} ...and what else to make text bold and red? I got a bit confused! :)Edit: Should I use this, if so what should I put around text I want to be red and bold? .jumpingtext { font-weight:bold; color:#ff0000; }
-
Thanks, but I have already sussed that, I was just telling aspnetguy how I thought part of it worked.Thanks Anyway
-
I have with much help from apsnetguy made a grid for a Sudoku game, now when showing the answers I would like to show them in bold and red....And the only way that I have thought of doing it without inserting font tags and bold tags is to use class' in CSS, but I only know how to do that with hyperlinks not normal text.So, can anyone help me?Edit: ...and lets add to that, make all test centered without repeating loads of codes?
-
No, you set them all to be 1 thick, right?Then you use 4 stlyes to stop the border being on certain side, right?Is this because if you didn't then the inside the 3 x 3 grids, would have double thick lines?
-
Right, I have now sussed why you have the 4 styles as well, but I didn't think you needed them if you did it this way. Anyway why are they all no border, does it stop them from being 2 thick hence only allowing them to be 1 thick?
-
Oh, I think I get it, is it a table with 9 cells, 3 x 3, and then you have nested 9 tables that are 3 x 3?
-
Actually, do I just add it where the are? And also, how do I change the thinknesses of the thick line?Edit: Beat me to it!
-
Wow, I really dont understand how you have done that? Anyway, how do I insert number, well actually where?
-
Because I needed 9 different types of cells, so I tried to make 9, if you look on the picture the first 3 x 3 grid requires 9 different types of cells.
-
Did you, I could only see 3?
-
It sort of works now, it actually shows something, but it isn't right?
-
I dont really get it, I have created 9 different classes and made the table but nothing shows, this is the code:In the head... <style> #grid td{padding:5px border:1px}#grid td.1cell{border-right:1px;border-bottom:1px border-left:3px; border-top:3px}#grid td.2cell{border-right:1px;border-bottom:1px border-left:1px; border-top:3px}#grid td.3cell{border-right:3px;border-bottom:1px border-left:1px; border-top:3px}#grid td.4cell{border-right:1px;border-bottom:1px border-left:3px; border-top:1px}#grid td.5cell{border-right:1px;border-bottom:1px border-left:1px; border-top:1px}#grid td.6cell{border-right:3px;border-bottom:1px border-left:1px; border-top:1px}#grid td.7cell{border-right:1px;border-bottom:3px border-left:3px; border-top:1px}#grid td.8cell{border-right:1px;border-bottom:3px border-left:1px; border-top:1px}#grid td.9cell{border-right:3px;border-bottom:3px border-left:1px; border-top:1px}</style> In the body... <table id="grid" cellspacing="0" cellpadding="0" width="100"> <tr> <td class="1cell"> </td> <td class="2cell"> </td> <td class="3cell"> </td> </tr> <tr> <td class="4cell"> </td> <td class="5cell"> </td> <td class="6cell"> </td> </tr> <tr> <td class="7cell"> </td> <td class="8cell"> </td> <td class="9cell"> </td> </tr></table> But it doesn't work at all now.Please can somebody help me?
-
Can you make me two classes of borders please, and then show me the HTML code, then I can just add all of the others myself.PLLLLLLEEEEEEEEAAAAAAAAAASSSSSSEEEEE!!!
-
Why does everyone dis IE? I havent found any poblems with it, go on anyone, name some problems please?
-
.borders { height:100%; width:100%; border-top:3px; border-bottom:4px; border-left:1px; border-right:2px;}Do you reckon that I could make 9 different classes of different styles, so that I could make the sudoku above?