Jag är helt ny på det här med HTML och CSS men lär mig mer och mer. Har gjort en sida med CSS och meny men sidan ser annorlunda ut i FF än i IE. Varför. Sidan gick igenom valideringen både i CSS och HTML. Sen skulle jag det vara kul med litefeedback på design osv. Släng inte en massa skit bara eftersom jag är helt ny i ämnet webbdesign och lär mig mer och mer. Men skulle vara kul med lite feedback. Den är långt ifrån färdig etc iofsig men lite tips från er som kan.
Sidan: http://hem.bredband.net/b503624/index.html
CSS-koden:
body {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
margin: 0;
padding:0;
text-align: Center;
background:#000000;
background-image: url(bakgrund.jpg);
background-repeat: no-repeat;
background-position: right;}
.style21 {
font-family: "Goudy Old Style";
font-size: 14px;}
div#container {
width: 600px;
margin: 100px auto;}
p,td,li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
td {color: #0FF000;}
a:link,a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FFFFFF;}
a:active {text-decoration: none;}
#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
}
#navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 20px;
background-repeat: no-repeat;
}
#navlist a
{
padding-left: 20px;
padding-bottom: 12px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
}
#navlist a:link, #navlist a:visited
{
padding-left: 20px;
color: #FFFFFF;
background: url(arrowbullet.gif);
background-position: 0 -28px;
background-repeat: no-repeat;}
#navlist a:hover {
color: #000000;
padding-left: 20px;
background: url(arrowbullet.gif);
background-repeat: no-repeat;
background-position: 0 -14px;}
#sidhuvud {
background-color: #990000;
height: 20px;
padding: 0px;
border: 0px solid #ffffff;
text-align:left;
position:absolute;
left: 300px;
top: 150px;
width: 600px;
}
#sidkant {
background-color: #666666;
height: 400px;
padding: 0px;
border: 0px solid #ffffff;
margin-top:2px;
text-align:center;
overflow: auto;
position:absolute;
left: 456px;
top: 210px;
width: 445px;
}
#botten {
background-color: #990000;
Height: 15px;
width: 600px;
padding: 0px;
border: 0px;
margin-top: 2px;
text-align:left;
position: absolute;
left: 300px;
top: 615px;
}
#vanster {
background-color: #666666;
Height: 400px;
width: 150px;
padding: 0px;
border: 0px;
margin-top: 2px;
text-align:left;
position: absolute;
left: 300px;
top: 210px;
}
HTML-koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
\<head\>
\<link rel="stylesheet" type="text/css" href="mall.css"\>
\<title\>Devilsprospects\</title\>
\<meta http-equiv="Content-Type" content="text/html; charset=iso 8859-1"\>
</head>
<body>
<div id="sidhuvud">
<div id="navcontainer">
<ul id="navlist"><li id="active"><span class="style21"><a href="index.html" id="current">Start</a></span></li>
<li class="style21"><a href="sida2.html">Top Prospects</a></li>
<li class="style21"><a href="sida3.html">Stats</a></li>
<li class="style21"><a href="sida4.html">Forum</a></li>
<li class="style21"><a href="sida5.html">Link</a></li>
</ul>
</div>
</div>
<div id="sidkant">Sida 1.</div>
<div id="botten"></div>
<div id="vanster">test</div>
<a href="mailto:hockeykille88@yahoo.se">Contact</a></div>
</body>
</html>