I'm very new to web dev I volunteered to work on a non profit website So here is where I'm + I would like to know what mistake I did + how to centre and re-sizethe website in the browser the website test: http://coup2main.org/test/1.htmlCode : \[code\]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" <title>Coup2Main</title><style type="text/css">#org-logo { position: absolute; height: 94px; width: 433px;}#menubar { list-style-type:none; margin:0; padding:20; overflow:hidden; }#menubar li { float:left; display:inline; } li a { text-decoration: none; padding: .2em 2em; color: #00F; line-height: 250px; font-size: 20px; font-family: Tahoma, Geneva, sans-serif; position: relative; width: 300px; left: 600px; top: 0px; }#hederspacer { background-image: url(images/images/30-Recovered_010_02.jpg); background-repeat: repeat-x 0 0; height: 19px; width: 1349px; position: absolute; top: 166px; bottom: 1340px;} #main-img { background-image: url(images/images/302_03.jpg); background-repeat: no-repeat; position: absolute; height: 468px; width: 1055px; left: 147px; top: 19px; right: 147px; bottom: 878px; }#main-img-t { background-image: url(images/images/300-t_03.png); background-repeat: no-repeat; position: absolute; height: 378px; width: 301px; left: 1px; top: 34px; right: 903px; bottom: 910px;}#main-img-p { color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-size: 23px; text-decoration: none; line-height: 9px; position: absolute; left: 25px; top: 38px; right: 131px; bottom: 300px;}#main-img-p2 { font-family: Tahoma, Geneva, sans-serif; font-size: 23px; line-height: 80px; text-decoration: none;}#main-img-p3 { font-family: Tahoma, Geneva, sans-serif; font-size: 23px; line-height: 50px; color: #F00; text-decoration: none; position: absolute; bottom: 0px; top: 78px; left: 78px; font-weight: bold; text-transform: uppercase;}#logo-x { background-image: url(images/images/logo_03.png); background-repeat: no-repeat; position: absolute; height: 200px; width: 115px; left: 86px; bottom: auto; top: 150px;}#footer { position: absolute; bottom: 1283; background-color: #00c; background-repeat: repeat-x 0 0; height: 160px; width: 1349px; top: 958px; bottom: 0px; left: auto; right: -897px; border-top-left-radius: 100px 20px; border-top-right-radius: 100px 30px; border-bottom-right-radius: 100px 0px; border-bottom-left-radius: 100px 0px;}#testf { line-height: 10px; display: inline-block; color: #FFF; font-size: 19px; font-variant: small-caps; text-transform: lowercase; font-family: Tahoma, Geneva, sans-serif; font-style: normal; text-decoration: underline; font-weight: 100; position: absolute; left: 200px;}#testf2 { line-height: 10px; display: inline-block; color: #FFF; font-size: 19px; font-variant: small-caps; text-transform: lowercase; font-family: Tahoma, Geneva, sans-serif; font-style: normal; text-decoration: underline; font-weight: 100; position: absolute; left: 270px; top: 5px;}#testf3 { line-height: 10px; display: inline-block; color: #FFF; font-size: 19px; font-variant: small-caps; text-transform: lowercase; font-family: Tahoma, Geneva, sans-serif; font-style: normal; text-decoration: underline; font-weight: 100; position: absolute; left: 160px; top: 1px;}#pager {width: 1348px;margin: 0 auto;}body { margin: 0%; padding: 0; height: 10%; }html { margin: 0; padding: 0; height: 10%;} </style></head><div id="header"><h1 id="org-logo"><a href="http://stackoverflow.com/"><img alt="coup2main.org" src="http://stackoverflow.com/test/images/30_01.gif"></a></h1><ul id="menubar"> <li> <a href="http://stackoverflow.com/">Pr
Looking for a code review(non-profit website)
- Thread starter allhadrs
- Start date