holmedwa04 Posted August 31, 2006 Share Posted August 31, 2006 Hi, does anyone know how to make a PDF document actually show when you click a link, without opening Adobe Reader. Just show it in the same browser window? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 You can put the PDF in an iframe but it is still opened with Acrobat Reader....PDF requires a third-party reader to open.No way around it. Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 You can put the PDF in an iframe but it is still opened with Acrobat Reader....PDF requires a third-party reader to open.No way around it.Oh right, in that case do you know how to customise certain sides of a cell in a table, as I am trying to make some online Sudokus? Link to comment Share on other sites More sharing options...
justsomeguy Posted August 31, 2006 Share Posted August 31, 2006 What do you mean customize? You can change the borders around, add a background image that sticks to one side, what are you trying to do? Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 What do you mean customize? You can change the borders around, add a background image that sticks to one side, what are you trying to do?Well a sudoku is a 9 x 9 grid, and within that grid there are 9 3 x 3 grids, and I am trying to create on on the PC in HTML.So I need to be able to have a thicker border on some edges.Can I use a code like this, or does this not exist?<table><tr><td left border="1" right border="2" top border="3" bottom border="4"Hi</td></tr></table> Link to comment Share on other sites More sharing options...
Cronthenoob Posted August 31, 2006 Share Posted August 31, 2006 Well a sudoku is a 9 x 9 grid, and within that grid there are 9 3 x 3 grids, and I am trying to create on on the PC in HTML.So I need to be able to have a thicker border on some edges.Can I use a code like this, or does this not exist?<table><tr><td left border="1" right border="2" top border="3" bottom border="4"Hi</td></tr></table>Use css for borders :)try this outCSS:.borders { height:100%; width:100%; border-top:3px; border-bottom:4px; border-left:1px; border-right:2px;} HTML <table><tr><td><div class="borders">Hi</div></td></tr></table> EDIT: You might have to specify solid black after the size of the borderborder-left:3px solid black;you can use whatever color you want. And you might not have to specify if you want it to be solid black. Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 No, sorry that wont work, because it will always make the left border 1, right 2 and so on, unlless, I used different classes in the style sheet?It should look like this. Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 .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? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 you can make 50 different classes if you want....make as many as you need to get it to look right Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 you can make 50 different classes if you want....make as many as you need to get it to look rightCan 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!!! Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 here is a sample...see if you can figure it out from this <!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 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} </style></head><body> <table id="grid" cellspacing="0" cellpadding="0" width="100"> <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> </body></html> Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 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? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 you do not give a border style or color in the first line and you need to seperate attributes with (, change this#grid td{padding:5px border:1px}to#grid td{padding:5px; border:1px solid #000} Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 It sort of works now, it actually shows something, but it isn't right? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 what was wrong iwth what I gave you? You do not need 9 different classes. Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 what was wrong iwth what I gave you? You do not need 9 different classes.Did you, I could only see 3? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 Did you, I could only see 3?Yes my code only had 3. What I was asking why did you make 9? And why didn't you just use the code I gave you? Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 Yes my code only had 3. What I was asking why did you make 9? And why didn't you just use the code I gave you?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. Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 here is the complete code of the soduku board only using 4 classes <!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} #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;} </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">Â </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="100"> <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="100"> <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="100"> <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="100"> <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="100"> <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="100"> <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="100"> <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="100"> <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> Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 Wow, I really dont understand how you have done that? Anyway, how do I insert number, well actually where? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 replace <td>Â </td> with <td>1</td> or any other number you want.EDIT: are you familiar with how tables work or just not this complicated? Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 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! Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 that you cannot do...it is the combination of joining lines from inside squares...alll borders are only 1px wide but were it is thick it ts 2 borders side by side from adjacent cells. Link to comment Share on other sites More sharing options...
holmedwa04 Posted August 31, 2006 Author Share Posted August 31, 2006 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? Link to comment Share on other sites More sharing options...
aspnetguy Posted August 31, 2006 Share Posted August 31, 2006 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?Yup...give it time you will understand.I used to struggle with colspan and rowspan alot but I can do them in my sleep now...although I use CSS layouts alot more now so it isn't as important anymore. 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