Website Design Forum

**ttony21** · 04-08-2007, 07:03 PM

Hi all

just joined the forum cuz I'm having a bit of a prob with my website, I'm new to site design so youll see when you view the source code its probably set up a litle wierd xD in any case the problem im having is that when you use a browser besides internet explorer (firefox specificaly) soem of the codes in my css dont work: relative position and border

the other problem im having is in the screen resolution, a lot of the tables and what not are off where there suposed to be on the screen on other computers, is there a way to fix it like a "one size fits all" sort of thing? xD

site url: http://www.freewebs.com/dunsanddrags/

**travelagent** · 04-08-2007, 08:34 PM

First and foremost, you didn't start your site off with the mandatory <!DOCTYPE Declaration>.

Secondly, get rid of all the hypens in your code, as they serve no purpose.

Third, get rid of this code...

Code:

<script type="text/javascript">
function fire()
{
var browser=navigator.appName
if (browser != "Microsoft Internet Explorer")
  {alert("Web Pages may display improperly if you are not using Microsoft Internet Explorer ")}
}
</script>

Lastly; you need to fix these code warnings:

Code:

line 2 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 21 - Warning: unescaped & or unknown entity "&D"
line 2 column 43 - Warning: adjacent hyphens within comment
line 4 column 17 - Warning: unescaped & or unknown entity "&d"
line 4 column 79 - Warning: adjacent hyphens within comment
line 71 column 5 - Warning: adjacent hyphens within comment
line 81 column 5 - Warning: adjacent hyphens within comment
line 83 column 5 - Warning: adjacent hyphens within comment
line 85 column 1 - Warning: discarding unexpected <body>
line 85 column 164 - Warning: adjacent hyphens within comment
line 87 column 5 - Warning: adjacent hyphens within comment
line 94 column 70 - Warning: unescaped & or unknown entity "&D"
line 97 column 5 - Warning: adjacent hyphens within comment
line 108 column 1 - Warning: discarding unexpected </form>
line 111 column 5 - Warning: adjacent hyphens within comment
line 115 column 103 - Warning: unescaped & or unknown entity "&D"
line 115 column 362 - Warning: unescaped & or unknown entity "&D"
line 119 column 5 - Warning: adjacent hyphens within comment
line 88 column 1 - Warning: <table> attribute "valign" has invalid value "center"
line 88 column 1 - Warning: <table> proprietary attribute "valign"
line 112 column 1 - Warning: <table> attribute "valign" has invalid value "center"
line 112 column 1 - Warning: <table> proprietary attribute "valign"

**ttony21** · 04-08-2007, 08:47 PM

wow thanx...lol duno how u manged to find all those, is ther like a program that does that? anyway yes ill fix them ty

**ttony21** · 09:45 PM

kk all fixed ty

**travelagent** · 04-08-2007, 09:46 PM

You need to select the proper DOCTYPE Declaration code from this table

**ttony21** · 04-08-2007, 09:59 PM

Quote:

Originally Posted by travelagent

You need to select the proper DOCTYPE Declaration code from this table

lol was looking at that table couple mins ago xD but it doesnt seem like any of the doc types work corectly with my code x.x

**travelagent** · 04-09-2007, 12:18 AM

Did you actually try any of the doctypes? When using XHTML Doctype, you can't have any of your code in CAPS ... so I re-did your code; you can copy / paste it and tweak it to suit your needs:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>D & D Online!</title>
<meta name="revisit-after" content="3 days" />
<meta name="description" content="Play Dungeons and Dragons online with your friends!" />
<meta name="keywords" content="dungeons, dragons, mmorpg, rpg" />
<meta name="robots" content="index, follow" />
<meta name="distribution" content="Global" />
<meta name="Rating" content="General" />
<meta name="Author" content="D & D Online!" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<!--template-->
<style type=text/css>
     
body{
background-color:black;
font-family:verdana;
border:5 solid lime
}

h1{
border:10 outset lime;
padding:10 10 20 10;
color:lime;
font-weight:bold;
text-align:center;
font-family:"broadway bt"
}

table.body{
position:relative;
left: 40 px;
color:white;
text-align:center;
font-size: medium;
line-height:200%
}

table.nav{
float:left;
position:relative;
left:10 px;
color:white;
text-align:center;
line-height:200%
}

p.login{
float:right;
color:white;
text-align:left;
}

input.user{
position:relative;
right:3 px
}

a.navi:link {
color: white;
text-decoration:none
}

a.navi:visited{
color:white;
text-decoration:none
}

a.navi:hover {
color: red; 
text-decoration:none
}

a.navi:active {
color: red; 
text-decoration:none
}

</style></head>

<body><h1>Welcome to Dungeons and Dragons Online!</h1><br />
<!--nav bar--><table class=nav border="1">
<tbody>
    <tr><td>
        <a class=navi href="http://www.freewebs.com/dunsanddrags/creachar.htm">Create a Character</a><br />
        <a class=navi href="http://www.freewebs.com/dunsanddrags/match.htm">Schedule Match</a><br />
        <a class=navi href="http://www.freewebs.com/dunsanddrags/Forums.htm">Forums</a><br />
        <a class=navi href="http://www.freewebs.com/dunsanddrags/rules.htm">D&amp;D Rules</a><br />
        <a class=navi href="http://www.freewebs.com/dunsanddrags/about.htm">About </a></td></tr></tbody></table>

<!--login--><p class="login"><font size=2><!--form action="http://www.freewebs.com/dunsanddrags/about.htm" method="post" target="_blank"-->
Username:
<input type="text" name="user" class="user"><br />
Password:
<input type="password" name="pass"><br />
<input type="submit" value="Login"></font></p>

<!--intro--><table class=body border="1">
<tbody>
    <tr><td>Dungeons and Dragons online is a fun site where you can create your own characters, and play D & D with your friends! &nbsp;You can level up your character and use them repeatedly. &nbsp;Become a dungeon master and lead a group of players to their doom! &nbsp;Or become a sorceror and send those monsters straight to oblivion! &nbsp;There are no limittations in D & D and playing is always fun. &nbsp;Here you can set up scheduled matches with your friends and much much more.<br /><br />So what are you waiting for? &nbsp;Get an account and starting playing today!<br /></td></tr></tbody></table><!--end--><!-- --><script type="text/javascript" src="/i.js"></script></body></html>

**ttony21** · 09:54 AM

yah i tried everyone... but the prob with the caps is that i didnt write them like that...xD freewebs automaticaly puts ur tags in caps, im planing on moving the whole site anyway since i just figured out i cant use php on freewebs either

thanx a bunch though, ill save it in notepad and use it when i make the new location

stilll dont understand why the border codes dont work even in the one you just posted....not that big a deal i gues but i dont no why thats giving me probs o_o

EDIT: o wait nvm i think i found the prob...needed to ad px to the numbers...lol