holmedwa04
-
Posts
743 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by holmedwa04
-
-
No problemthanks so much!
-
Ok, I think I know what you mean, you want to use something else for that, check out this topic hereIf you read through it, you will see lots of different links and examples!A drop down list that links to other places.
-
So you would like a drop down list that links to other places?...or wouold you just like a link?Hi Everyone! Im new here to this great site, and I have a question. Im using the drop down menu code as shown<form><select name="TV Shows"><option value="Desperate">Desperate Housewives</option></select></form>
But I would like to link the words to a page on my site. I thought I could do
<a href="http://www.fan-boards.org/community/view_forum.php?id=4"><option value="Desperate">Desperate Housewives</option></a>
But that doesn't seem to be working for me. Any help would be greatly appreciative
-
Class'
in HTML/XHTML
Nope, sorry that hasn't worked.
-
Class'
in HTML/XHTML
Please can you help me?
-
Class'
in HTML/XHTML
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; } -
I know how to do that in a GUI web developer, such as Dreamweaver but i couldn't tell you the HTML. What you need to do is set the target frame from your navigation bar link to "main:frame" (less the quotes). This will display the link page in your right hand frame.Hope this helps,good luck!
-
I have FF, I just don't use it as my main browser, I will check them in it now!Ah yes, I see the problem now, the only thing I can think of telling you to try is check the code word for word, or same again, make a copy of the one you like the best, and then change the content.
-
They seem to be the same to me when I look at them in IE, im not sure about Firefox, havent checked, will do in a bit, what browserare you using?Switch back and forth between the two pages, and pay attention to the width of the column where the menu links are. Between the first page and the second page, the width changes. -
They both look the same to me, could you explain it a bit better?Help please!Take a look at this page and compare it to this page. I can't for the life of me figure out why the menu column is smaller on the first one than it is on the second one. I've looked at the code, and except for the php I'm using for the form, everything is the same... so far as I can see anyway.Can anyone help me? -
Class'
in HTML/XHTML
I know this sounds really random... but what does that smiley mean, this oneHaha you're welcome Anyone makes that mistake now and then so don't worry. ?
-
Insead of trying to change the style of the border, which I am not sure you can do, add this to you <table> code and it will make all lines solid...cellspacing="0"It just moves everything up to each other instead of leaving a space.
-
Class'
in HTML/XHTML
Wow, thanks it is working now, its just I am used to write blah="blah" so I did that by mistake.With Many Thanks EdwardThere is a little equal sign and a double quote on the second line of that piece of CSS They should be together replaced by a colon. -
Class'
in HTML/XHTML
Now, I have managed to do that, but now text will not align in the actual grid, and the p.answer and p that we set are not working now.Please can you help me???This is my code:
#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.answer { font-weight:bold; color:red; font-family:arial; font-size:12pt; } -
Class'
in HTML/XHTML
Please can you?
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;text-align:center;width:120px;padding:0;}#grid{border:1px solid #000}#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;}p { padding:0; margin:0; }p.contrast { font-weight:bold; color:red; font-family:arial; font-size:12pt; } -
Class'
in HTML/XHTML
Im ever so sorry, but I have another problem. When I put the sudoku in my page template it messed it up, reason being my normal template is a table. So if I take the bit in bold out of my CSS it works:td {font-family:arial;color:black;font-size:12pt;text-align:center;width:120px;padding:0;}But I need that, otherwise my Sudoku wont work properly, any help?
-
Class'
in HTML/XHTML
Right I think I have worked it out now, phew, at last! I used you first suggestion about <p> and <p class="contrast">Just I didn't need the height one, because it made all cells twice as long for some reason.Thanks Edd
-
Class'
in HTML/XHTML
Is there a code to stop cells from strectching?
-
Class'
in HTML/XHTML
It seems to work fine when I dont use the H1
-
Class'
in HTML/XHTML
Nope, sorry that has just messed it up even more.In every class putpadding:0px;margin:0px;
-
Class'
in HTML/XHTML
How would I do that?Can you do it for me please, this is all of the CSS you will need to change...did you try setting margin and padding to 0px in all of your classes yet?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;}h1 {font-family: arial;font-size: 12pt;font-weight: bold;color: red;} -
Class'
in HTML/XHTML
Kk, here it is...Taken picture off, because I dont think anyone needs it now, and it is taking u space
-
Class'
in HTML/XHTML
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.What is that thing you have in the css?Try adding padding:0px;margin:0px;to all of your classes. -
Class'
in HTML/XHTML
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.
Table alignment.
in HTML/XHTML
Posted
That would indeed give you a table that is horizontally alligned, but however I don't think it would be vertically aligned. Now I am not sure but if I remember rightly valign works, but it might not outside of a table tag, so here goes:<center><valign="center"><table><tr><td> Insert contents here </td><td> Insert contents here </td></tr><tr><td> Insert contents here </td><td> Insert contents here </td></tr></table></center>P.S. Could you tell me if this works?