jj20051 Posted October 14, 2008 Share Posted October 14, 2008 Ok I Have Been Redesigning This Site http://slapper.dk , but I Can't Get The Back Area To Lignup To The Rest As It's Way Off... Here Is The CSS, See What You Can Do. .toplinks{margin-top:0px;margin-bottom:0;font:bold 14px Verdana,Arial;list-style-type:none;text-align:left;padding-top:20px}.toplinks li{display:inline;margin:0;text-decoration:none;text-align:center;color:#FFF;padding:0px}.toplinks li a{text-decoration:none;color:#FFF;background:url(/images/toptab_back.png) top left repeat-x;text-align:center;padding-top:6px;width:120px;height:30px;display:block;float:left}.toplinks li a:visited{color:#FFF;text-decoration:none}.toplinks li a:hover{background-image:url(/images/toptab_back2.png);text-decoration:none;color:#FFF}.toplinks li.selected{color:#FFF;text-decoration:none}.toplinks li.selected a{background-image:url(/images/toptab_back2.png);text-decoration:none;color:#FFF}.toplinks li.selected a:hover{background-image:url(/images/toptab_back2.png);text-decoration:none;color:#FFF}.showError{border:1px solid #c00;background-color:#E9E9E9;color:#c00;text-align:center;font-weight:bold;padding-top:5px;padding-bottom:5px}.showSuccess{border:1px solid #0F0;background-color:#E9E9E9;color:#0F0;text-align:center;font-weight:bold;padding-top:5px;padding-bottom:5px}.sectionTableBorder{ border:1px solid #DFDFDF}.sectionBody{background-color:#FAFAFA;border:1px solid #DFDFDF}.redText{color:#EC005A}#seriesDetailVideos{width:1080px}#seriesDetailVideos tr{*padding:3px 0;line-height:28px}.error{padding-left:5px;color:#EC005A}.permalinkField{background-color:#eee;color:#555;font-size:9px;width:200px}.yellowDottedBox{border:1px dashed #a1a161;background-color:#ffffd4;padding:8px}.topBorder{border-top:1px solid #DFDFDF}body{margin:0;padding:0;background:#919191 url(/images/bg.jpg) repeat-x top center;text-align:center;font:normal 11px Verdana;color:#666;word-wrap:break-word}img{border:0}#videowatch_body{margin:auto;padding:0;width:1080px;background:transparent url(/images/content_bg.jpg) repeat-y top center;text-align:center}#videowatch_top{margin:0;padding:0;background:transparent url(/images/content_top.jpg) no-repeat top center}#videowatch_bottom{margin:0;padding:0 20px;padding-bottom:30px;width:1080px;height:20px;background:transparent url(/images/content_bottom.jpg) no-repeat bottom center}#videowatch_bottom p{margin:0;padding:0;width:auto;float:right}#videowatch_bottom span,#videowatch_bottom input,#videowatch_bottom a{display:block;float:left}#videowatch_bottom span{padding-right:10px;padding-top:3px;color:#AAA}#videowatch_bottom input,#videowatch_bottom a{border:solid 1px #DADADA}#videowatch_bottom input{margin:0;padding:3px;height:12px;border-right:0}#videowatch{margin:0;padding-top:2px;padding-left:20px;padding-right:20px;padding-bottom:20px;width:1080px;min-height:600px;_height:600px;text-align:left}form{margin:0;padding:0}.floatL{float:left}.floatR{float:right}.clear{clear:both}.clearfix:after{ content:"."; display:block; height:0;_height:1%; clear:both; visibility:hidden}h1{margin:0;padding:0;font:bold 22px 'Trebuchet MS';color:#616A7C}p{margin:0;padding:0;margin-bottom:15px;line-height:14px;text-align:justify}a{font-weight:bold;color:#0294CD;text-decoration:none}a:hover,a:active{color:#0294CD;text-decoration:underline}.metaLabel{font-size:10px;color:#9f9f9f}var{font-style:normal;font-size:10px;color:#444}input,textarea{margin:0;padding:2px;height:14px;border:solid 1px #D7D7D7;background:#fff;font:normal 10px Verdana;color:#5E5F63}input.submitButton{margin:0;padding:0;height:18px;width:200px;display:block;border:solid 1px #E6E4E5;background:transparent url(/images/buttons/<?php echo $ilang; ?>/18x200.jpg) no-repeat 0px 0px;color:#FFF;line-height:18px;font-weight:bold;text-decoration:none;text-align:center}input.submitButton:hover{background:transparent url(/images/buttons/<?php echo $ilang; ?>/18x200.jpg) no-repeat 0px -18px}textarea{height:auto}.chkBox{padding:0;border:0;background:transparent}.file{margin:0;padding:2px;height:20px;border:solid 1px #D7D7D7;background:#fff;font:normal 10px Verdana;color:#5E5F63}img.mail{margin:0;padding:0;margin-bottom:2px;*margin-top:2px;*margin-bottom:0;width:14px;height:10px;border:0;vertical-align:middle}a.buttonD_53,a.buttonD_53G,a.buttonD_76,a.buttonD_76G,a.buttonD_92,a.buttonD_92G,a.buttonD_130,a.buttonD_130G,a.buttonD_200,a.buttonD_200G,a.buttonR_130,a.buttonCal{margin:0;padding:0;height:18px;display:block;border:solid 1px #E6E4E5;color:#FFF;line-height:18px;text-decoration:none;text-align:center}a.buttonD_200:hover,a.buttonD_200:visited,a.buttonD_200G:hover,a.buttonD_200G:visited{color:#FFF;text-decoration:none}a.buttonD_200{width:200px;background:transparent url(/images/buttons/<?php echo $ilang; ?>/18x200.jpg) no-repeat 0px 0px}a.buttonD_200:hover{width:200px;background:transparent url(/images/buttons/<?php echo $ilang; ?>/18x200.jpg) no-repeat 0px -18px}a.buttonD_200G{width:200px;background:transparent url(/images/buttons/<?php echo $ilang; ?>/18x200.jpg) no-repeat 0px -36px}a.buttonL_200,a.buttonL_200G{margin:0;padding:0;height:30px;display:block;border:solid 1px #E6E4E5;font:bold 14px 'Trebuchet MS';color:#FFF;line-height:30px;text-decoration:none;text-align:center}a.buttonL_200:hover,a.buttonL_200:visited,a.buttonL_200G:hover,a.buttonL_200G:visited{color:#FFF;text-decoration:none}a.buttonL_200{width:200px;background:transparent url(/images/buttons/<?php echo $ilang; ?>/30x200.jpg) no-repeat 0px 0px}a.buttonL_200:hover{width:200px;background:transparent url(/images/buttons/<?php echo $ilang; ?>/30x200.jpg) no-repeat 0px -30px}a.buttonL_200G{width:200px;background:transparent url(/images/buttons/<?php echo $ilang; ?>/30x200.jpg) no-repeat 0px -60px}ul.pagination{margin:0;padding:0;float:right;list-style:none}ul.pagination li{margin:0;padding:0 1px;height:23px;display:block;float:left}ul.pagination li.page_current{padding:0 8px;*padding-right:0;font:bold 28px/23px Verdana}ul.pagination li.page_separator{padding:0 4px;*padding-right:0;font:normal 18px/12px Arial;color:#BFBFBF}ul.pagination li a{margin:0;padding:0 7px;display:block;border:solid 1px #DFDFDF;background:#FFF;text-decoration:none;line-height:21px;color:#666}ul.pagination li a:hover{text-decoration:none;border:solid 1px #17B6F0;background:#01D9F6;color:#FFF}.containerHeader{margin:0;padding:0;width:1080px;height:20px;border:solid 1px #DFDFDF;border-bottom:0;background:transparent url(/images/header.jpg) repeat-x center center}.containerHeader img{border:0;vertical-align:middle}.containerHeader h1{margin:0;padding:0 5px;padding-top:3px;font:bold 12px Verdana;text-align:left;color:#000}.containerHeader h1.half_h1{padding-right:0;width:55%;float:left}.containerHeader p{margin:0;padding:0 5px;padding-top:3px;padding-left:0;width:40%;float:right;font:normal 12px Verdana;color:#000;text-align:right}.containerD{margin:0;padding:15px;margin-bottom:15px;width:1080px;height:auto;border:solid 1px #DFDFDF;background:#FAFAFA}.container_bg{background:#FFF}.panel{background:#fff;border-top:solid 1px #ccc;border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;margin-left:25px}.panel input,.panel textarea,.panel select{background:#F5FCFF;color:#7E7F83;border-top:solid 1px #AFD1E0;border-left:solid 1px #AFD1E0;border-bottom:solid 1px #ECF8FC;border-right:solid 1px #ECF8FC}.errorMsg{border:1px solid #0F0;background-color:#E9E9E9;color:#0F0;text-align:center;font-weight:bold;font-size:14px}.errorMsg2{border:1px solid #c00;background-color:#E9E9E9;color:#c00;text-align:center;font-weight:bold;font-size:14px}.errorMsg3{border:1px solid #c00;background-color:#E9E9E9;color:#c00;text-align:center;font-weight:bold;font-size:14px;padding-top:10px;padding-bottom:10px}.mainC{width:1500px}.sideC{width:253px}.mainH{width:1080px}.sideH{width:283px}.halfC{width:430px}.halfH{width:460px}.singleC{margin:auto;width:568px;text-align:left}.singleH{margin:auto;width:598px;text-align:left}.oldC{width:1080px}.oldH{width:1080px}.home_mainH{width:1080px}.home_sideH{width:383px}.home_mainC{width:1088px}.home_sideC{width:353px}.colLeft{float:left}.colRight{float:right}.tabHeader{margin:0;padding:0;width:385px;list-style:none}.tabFirst,.tab{margin:0;padding:0;width:193px;float:left}.tab{width:192px}.tabFirst h1,.tabFirst a,.tab h1,.tab a{margin:0;padding:0 5px;padding-top:3px;height:17px;display:block;border:solid 1px #DFDFDF;border-bottom:0;background:transparent url(/images/header.jpg) repeat-x center center;text-align:center;font:bold 12px Verdana;color:#000}.tabFirst a,.tab a{background:#EFEFEF;font-weight:normal;color:#666}.tabFirst a:hover,.tab a:hover{border-bottom:0;background:#01D9F6;text-decoration:none;font-weight:bold;color:#FFF}.tab h1,.tab a{border-left:0}.vList_vFull,.vList_vBrief,.vList_h,.vList_hDetails,.uList_vFull,.uList_vBrief{margin:auto;padding:0;*display:inline;list-style:none}.vList_vFull li,.vList_vBrief li,.uList_vFull li,.uList_vBrief li{margin:0 10px;padding:0;margin-left:11px;_margin-left:6px;_margin-right:13px;margin-bottom:10px;width:130px;height:180px;position:relative;float:left}.uList_vFull li,.uList_vBrief li{margin-bottom:20px;_margin-left:6px;_margin-right:10px;height:auto}.vList_vBrief li{_margin-left:6px;height:120px}.vThumb,.uThumb{margin:0;padding:0;width:120px;height:90px;border:solid 1px #AAA}.uThumb{height:auto}.vList_vFull li a:hover .vThumb,.vList_vBrief li a:hover .vThumb,.vList_h li a:hover .vThumb,.vList_hDetails li a:hover .vThumb,.uList_vFull li a:hover .uThumb,.uList_vBrief li a:hover .uThumb{border-color:#000}.vTitle,.uTitle{margin:0;padding:0;padding-bottom:5px;display:block;font-weight:bold;line-height:auto}.vMeta,.uMeta{margin:0;padding:0;list-style:none}.vMeta li,.uMeta li{margin:0;padding:0;width:auto;height:auto;float:none;text-align:left}.vMeta a,.uMeta a{text-decoration:underline;font-weight:normal;color:#444}.vMeta a:hover,.uMeta a:hover{color:#0294CD}var.vMeta_rating{font:normal 11px Verdana;color:#666}.vList_h li,.vList_hDetails li{margin:0;padding:0;margin-bottom:15px;width:268px;height:auto;_width:253px;position:relative;float:left;text-align:left}.vList_hDetails li{margin-bottom:20px;width:auto}.vList_h li .vThumb,.vList_hDetails li .vThumb{margin:0;padding:0;margin-right:5px;float:left}.vList_hDetails li .vThumb{width:96px;height:72px}.vList_h li .vTitle,.vList_hDetails li .vTitle{width:128px;_width:126px;float:left}.vList_hDetails li p.vDescription{margin:0;padding:0;padding-bottom:5px;line-height:14px;font-weight:normal}.vList_hDetails li p.vDescription a{font-weight:normal}.vList_h li .vMeta,.vList_hDetails li .vMeta{margin:0;padding:0;float:left}.vList_h li .vMeta li,.vList_hDetails li .vMeta li{margin:0;padding:0;width:128px;_width:126px;float:none}.vList_hDetails li .vMeta li{padding-right:23px;width:auto;float:left}.vList_hDetails li .vMeta li.vMeta_broadcaster{width:170px}.vList_hDetails li .vMeta li.vMeta_last{padding-right:0}.vList_hDetails li .vMeta li a.action{color:#0294CD}.memberIcon{margin:0;padding:0;padding-left:29px;height:15px;background:transparent url(/images/memicon.gif) no-repeat top left}#topnav{margin:auto;padding:0;width:1080px;height:115px;background:transparent url(/images/topnav.jpg) repeat-x top center;text-align:center}#topnav_top{margin:0;padding:0 5px;padding-top:3px;width:1080px;height:16px;text-align:right;font:normal 10px Verdana;color:#D0D0D0}#topnav_user{margin:0;padding:0;width:auto;position:relative;z-index:1500;float:right}#topnav_user a{text-decoration:none;font-weight:normal;color:#FFF}#topnav_user a:hover{text-decoration:underline;font-weight:normal;color:#FFF}#topnav_user_message{margin:0;padding:0;vertical-align:middle;border:none}#topnav_main{margin:0;padding:0;padding-left:5px;width:1200px;height:56px;position:relative;z-index:1000;display:block;float:left}#topnav_main a{display:block;float:left}a#topnav_logo{margin:0;padding:0;width:335px;height:156px;background:transparent url(/images/topnav_logo.png) no-repeat 0px 0px}a#topnav_main_1,a#topnav_main_1:hover,a#topnav_main_1hover,a#topnav_main_2,a#topnav_main_2:hover,a#topnav_main_2hover,a#topnav_main_3,a#topnav_main_3:hover,a#topnav_main_3hover,a#topnav_main_4,a#topnav_main_4:hover,a#topnav_main_4hover{margin:0;padding:0;padding-top:22px;width:100px;height:34px;text-decoration:none;font:normal 18px "Trebuchet MS";color:#009BD4}a#topnav_main_1hover:hover,a#topnav_main_2hover:hover,a#topnav_main_3hover:hover,a#topnav_main_4hover:hover{color:#40DBF4}a#topnav_main_1{background:transparent url(/images/topnav_main.jpg) no-repeat 0px 0px}a#topnav_main_2{background:transparent url(/images/topnav_main.jpg) no-repeat -100px 0px}a#topnav_main_3{background:transparent url(/images/topnav_main.jpg) no-repeat -200px 0px}a#topnav_main_4{background:transparent url(/images/topnav_main.jpg) no-repeat -300px 0px}a#topnav_main_1hover{background:transparent url(/images/topnav_main.jpg) no-repeat 0px -56px}a#topnav_main_2hover{background:transparent url(/images/topnav_main.jpg) no-repeat -100px -56px}a#topnav_main_3hover{background:transparent url(/images/topnav_main.jpg) no-repeat -200px -56px}a#topnav_main_4hover{background:transparent url(/images/topnav_main.jpg) no-repeat -300px -56px}a#topnav_main_1.topnav_main_selected,a#topnav_main_1.topnav_main_selected:hover,a#topnav_main_2.topnav_main_selected,a#topnav_main_2.topnav_main_selected:hover,a#topnav_main_3.topnav_main_selected,a#topnav_main_3.topnav_main_selected:hover,a#topnav_main_4.topnav_main_selected,a#topnav_main_4.topnav_main_selected:hover{color:#40DBF4}a#topnav_main_1.topnav_main_selected,a#topnav_main_1.topnav_main_selected:hover{background:transparent url(/images/topnav_main.jpg) no-repeat 0px -112px}a#topnav_main_2.topnav_main_selected,a#topnav_main_2.topnav_main_selected:hover{background:transparent url(/images/topnav_main.jpg) no-repeat -100px -112px}a#topnav_main_3.topnav_main_selected,a#topnav_main_3.topnav_main_selected:hover{background:transparent url(/images/topnav_main.jpg) no-repeat -200px -112px}a#topnav_main_4.topnav_main_selected,a#topnav_main_4.topnav_main_selected:hover{background:transparent url(/images/topnav_main.jpg) no-repeat -300px -112px}#topnav_subnav{margin:0 5px;padding:0;height:26px;clear:both}#topnav_subnav a{margin:0;padding:0 14px;padding-top:5px;width:auto;height:21px;display:block;float:left;background:transparent url(/images/topnav_subnav.jpg) repeat-x 0px 0px;text-decoration:none;font:bold 12px Verdana;color:#00cbfa}#topnav_subnav a:hover{background:transparent url(/images/topnav_subnav.jpg) repeat-x 0px -26px;color:#FFF}#topnav_subnav a.subnav_selected,#topnav_subnav a.subnav_selected:hover{background:transparent url(/images/topnav_subnav.jpg) repeat-x 0px -55px;color:#FFF}#topnav_subnav_spacer1,#topnav_subnav_spacer2,#topnav_subnav_spacer3,#topnav_subnav_spacer4{float:left}#topnav_subnav_spacer1{width:150px;height:21px}#topnav_subnav_spacer2{width:250px;height:21px}#topnav_subnav_spacer3{width:350px;height:21px}#topnav_subnav_spacer4{width:450px;height:21px}#topnav_subnav.broadcast{padding-right:10px;float:right}#main_1_drop,#main_2_drop,#main_3_drop,#main_4_drop{margin:0;padding:0;position:absolute;display:none;list-style:none;text-align:left}#main_1_drop{top:56px;left:323px;background-color:#FFF}#main_2_drop{top:56px;left:443px;background-color:#FFF}#main_3_drop{top:56px;left:563px;background-color:#FFF}#main_4_drop{top:56px;left:683px;background-color:#FFF}#main_1_drop li a,#main_2_drop li a,#main_3_drop li a,#main_4_drop li a{margin:0;padding:5px;width:102px;display:block;float:none;border:solid 1px #dfdfdf;border-top:0;background:transparent;font:normal 9px Verdana,Arial,Helvetica,sans-serif;color:#40dbf4;font-weight:bold;text-decoration:none}#main_1_drop li a:hover,#main_2_drop li a:hover,#main_3_drop li a:hover,#main_4_drop li a:hover{background:#00cbfa;color:#FFF;text-decoration:none}#videowatchFooter{margin:auto;padding:0;width:980px;text-align:center}#videowatchFooter_links{margin:0;padding:0;padding-top:7px;*padding-top:6px;_padding-top:8px;width:980px;height:21px;*height:22px;_height:20px;background:transparent url(/images/footer.jpg) no-repeat top center;color:#AFAFAF;text-align:center}#videowatchFooter_links a,#videowatchFooter_links a:hover{font-weight:bold;color:#FFF}#videowatchFooter_corporate{margin:0;padding:5px 0 5px 20px;padding-bottom:20px;color:#AFAFAF;height:21px;*height:22px;_height:20px;float:left}#videowatchFooter_corporate a{color:#EAEAEA;font-weight:normal}#videowatchFooter_copyright{margin:0;padding:5px 20px 5px 0;padding-bottom:20px;color:#EAEAEA;float:right}.rateStars{margin:auto;padding:0;width:100px;_width:101px}.star,.starRated,.starRated_half,.starRated_self{margin:1px;padding:0;width:18px;height:18px;display:block;float:left;border:0;background:transparent url(/images/stars.gif) no-repeat 0px 0px}.starRated{background:transparent url(/images/stars.gif) no-repeat 0px -18px}.starRated_half{background:transparent url(/images/stars.gif) no-repeat 0px -72px}.star:hover,.starRated:hover,.starRated_half:hover,.starRated_self:hover{background:transparent url(/images/stars.gif) no-repeat 0px -36px}.starRated_self,.star:active,.starRated:active,.starRated_half:active,.starRated_self:active{background:transparent url(/images/stars.gif) no-repeat 0px -54px}.full_star,.half_star,.no_star{margin:1px 2px;padding:0;width:11px;height:13px;display:block;float:left;border:0;background:transparent url(/images/rating.gif) no-repeat 0px 0px}.half_star{background:transparent url(/images/rating.gif) no-repeat 0px -13px}.no_star{background:transparent url(/images/rating.gif) no-repeat 0px -26px}.rateThis{margin:0;padding:0;padding-right:20px;width:115px;display:block;float:left;text-align:center}.rateThis p{margin:0;padding:0;text-align:center;font:normal 10px/12px Verdana,Arial,Helvetica,sans-serif}h1#infoTitle{margin:0;padding:0;margin-bottom:5px;font:bold 13px Verdana,Arial,Helvetica,sans-serif;color:#000}p#infoDescription{margin:0;padding:0;margin-bottom:10px}p#infoDescription a{font-weight:normal}div#infoMeta{padding:10px;margin-top:15px;width:331px}div#infoMeta a{font-weight:normal}div#infoMeta .metaLabel,div#infoMeta var{font:normal 11px/16px Verdana,Arial,Helvetica,sans-serif}div#infoMeta var a{text-decoration:underline;color:#888}#relatedBoxTitle{margin:0;padding:0;padding-bottom:5px;font:bold 12px Verdana,Arial,Helvetica,sans-serif;color:#000}#relatedAction{font-weight:normal}ul#secondaryActions{margin:0;padding:0;list-style:none}ul#secondaryActions li{margin:0;padding:0;float:left}ul#secondaryActions li a{margin:5px 0;padding:0;padding-left:20px;width:115px;height:14px;float:left;font-weight:normal}#commentField{margin:0;padding:5px;width:496px;height:50px;background:#FFF;font:normal 12px Verdana,Arial,Helvetica,sans-serif;color:#000}#commentSubmit{margin:5px 0;float:right}#commentsContainer .containerHeader,#commentsContainer .containerHeader_reply1,#commentsContainer .containerHeader_reply2{margin:0;padding:0;margin-top:15px;width:508px;height:20px;border:0;background:#F0F0F0}#commentsContainer .containerHeader_reply1 h1.half_h1,#commentsContainer .containerHeader_reply2 h1.half_h1{margin:0;padding:0 5px;padding-top:3px;padding-right:0;width:55%;float:left;font:bold 12px Verdana;text-align:left;color:#000}#commentsContainer .containerD p,#commentsContainer .containerD_reply1 p,#commentsContainer .containerD_reply2 p{margin:0;padding:0;padding-top:10px;line-height:14px;text-align:justify}#commentsContainer .containerHeader p,#commentsContainer .containerHeader_reply1 p,#commentsContainer .containerHeader_reply2 p{margin:0;padding:0 5px;padding-top:3px;padding-left:0;width:40%;float:right;font:normal 12px Verdana;color:#000;text-align:right}#commentsContainer .containerD,#commentsContainer .containerD_reply1,#commentsContainer .containerD_reply2{margin:0;padding:0;width:508px;border:0}#commentsContainer .containerD img,#commentsContainer .containerD_reply1 img,#commentsContainer .containerD_reply2 img{margin:0;padding:0;margin-right:10px;float:left;border:0}a.commentResponses{margin:0;padding:0;margin-left:30px;width:auto;display:block;float:right;font-weight:normal}#commentsContainer .containerHeader_reply1{margin-left:20px;width:488px}#commentsContainer .containerD_reply1{margin-left:20px;width:488px}#commentsContainer .containerHeader_reply2{margin-left:40px;width:468px}#commentsContainer .containerD_reply2{margin-left:40px;width:468px}#adTop{margin:0;padding:0;margin-bottom:15px;width:385px;border:0}#innerAdTop{float:left;text-align:left}div#promoActionsContainer{margin:0;padding:7px;*padding-bottom:5px;width:190px}div#promoActionsContainer a{margin:3px;padding:0;width:85px;height:20px;display:block;border:0}.panel div#promoActionsContainer{margin:0;padding:7px;*padding-bottom:5px;width:190px;background:#F5FCFF;color:#7E7F83;border-top:solid 1px #AFD1E0;border-left:solid 1px #AFD1E0;border-bottom:solid 1px #ECF8FC;border-right:solid 1px #ECF8FC}#friendsListContainer{margin:0;padding:0;margin-top:5px;width:220px;height:200px;border-top:solid 1px #AFD1E0;border-left:solid 1px #AFD1E0;border-bottom:solid 1px #ECF8FC;border-right:solid 1px #ECF8FC;overflow:auto}.friendsList{margin:0;padding:5px;width:190px;border:0;background:#F5FCFF;color:#7E7F83}.pipe{color:#AEAEAE}#copyrightTakeDown{padding:10px;background:#EED5D7;width:331px;color:#000}#copyrightTakeDown p{margin:0;padding:0;padding-top:3px;float:left}#copyrightTakeDown .buttonR_130{float:right}.adSection{margin:0 10px 20px 10px;padding-top:16px;color:#000;font-weight:bold;border-bottom:1px solid #dadada;clear:both}#adPanel form{margin-top:-8px}#adPanel span{font-size:10px}#adPanel label{padding-right:8px;text-align:right;width:120px;display:block;float:left}#adPanel input{width:300px;float:left}input#state{width:50px}input#zip{width:160px}#adPanel a{float:right;margin-right:20px}#adPanel span.validationErrMsg{display:block;padding:0;margin-left:128px}.halfPanel{width:50%;float:left}#bannerAds{width:630px;margin-left:128px}#bannerAds label{float:left;width:235px;text-align:left;margin-left:5px}#bannerAds input{width:12px}#adPanel textarea{margin-left:128px;width:754px;height:100px}.blueText{color:#00ACDC} Quote Link to comment Share on other sites More sharing options...
dropfaith Posted October 14, 2008 Share Posted October 14, 2008 http://validator.w3.org/check?uri=http%3A%2F%2Fslapper.dk%2F&charset=(detect+automatically)&doctype=Inline&group=0 you may want to check some errors i find well written error free code solves alot of issues Also your css seems to be in a single line which makes it hard to read this fix below for the css being in single line is brought to you by the css validator on w3c.org .toplinks { margin-top : 0; margin-bottom : 0; font : bold 14px Verdana, Arial; list-style-type : none; text-align : left; padding-top : 20px; } .toplinks li { display : inline; margin : 0; text-decoration : none; text-align : center; color : #fff; padding : 0; } .toplinks li a { text-decoration : none; color : #fff; background : url(/images/toptab_back.png) repeat-x top left; text-align : center; padding-top : 6px; width : 120px; height : 30px; display : block; float : left; } .toplinks li a:visited { color : #fff; text-decoration : none; } .toplinks li a:hover { background-image : url(/images/toptab_back2.png); text-decoration : none; color : #fff; } .toplinks li.selected { color : #fff; text-decoration : none; } .toplinks li.selected a { background-image : url(/images/toptab_back2.png); text-decoration : none; color : #fff; } .toplinks li.selected a:hover { background-image : url(/images/toptab_back2.png); text-decoration : none; color : #fff; } .showError { border : 1px solid #c00; background-color : #e9e9e9; color : #c00; text-align : center; font-weight : bold; padding-top : 5px; padding-bottom : 5px; } .showSuccess { border : 1px solid #0f0; background-color : #e9e9e9; color : #0f0; text-align : center; font-weight : bold; padding-top : 5px; padding-bottom : 5px; } .sectionTableBorder { border : 1px solid #dfdfdf; } .sectionBody { background-color : #fafafa; border : 1px solid #dfdfdf; } .redText { color : #ec005a; } #seriesDetailVideos { width : 1080px; } .error { padding-left : 5px; color : #ec005a; } .permalinkField { background-color : #eee; color : #555; font-size : 9px; width : 200px; } .yellowDottedBox { border : 1px dashed #a1a161; background-color : #ffffd4; padding : 8px; } .topBorder { border-top : 1px solid #dfdfdf; } body { margin : 0; padding : 0; background : #919191 url(/images/bg.jpg) repeat-x top center; text-align : center; font : normal 11px Verdana; color : #666; } img { border : 0; } #videowatch_body { margin : auto; padding : 0; width : 1080px; background : transparent url(/images/content_bg.jpg) repeat-y top center; text-align : center; } #videowatch_top { margin : 0; padding : 0; background : transparent url(/images/content_top.jpg) no-repeat top center; } #videowatch_bottom { margin : 0; padding : 0 20px; padding-bottom : 30px; width : 1080px; height : 20px; background : transparent url(/images/content_bottom.jpg) no-repeat bottom center; } #videowatch_bottom p { margin : 0; padding : 0; width : auto; float : right; } #videowatch_bottom span, #videowatch_bottom input, #videowatch_bottom a { display : block; float : left; } #videowatch_bottom span { padding-right : 10px; padding-top : 3px; color : #aaa; } #videowatch_bottom input, #videowatch_bottom a { border : 1px solid #dadada; } #videowatch_bottom input { margin : 0; padding : 3px; height : 12px; border-right : 0; } #videowatch { margin : 0; padding-top : 2px; padding-left : 20px; padding-right : 20px; padding-bottom : 20px; width : 1080px; min-height : 600px; text-align : left; } form { margin : 0; padding : 0; } .floatL { float : left; } .floatR { float : right; } .clear { clear : both; } .clearfix:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } h1 { margin : 0; padding : 0; font : bold 22px 'Trebuchet MS'; color : #616a7c; } p { margin : 0; padding : 0; margin-bottom : 15px; line-height : 14px; text-align : justify; } a { font-weight : bold; color : #0294cd; text-decoration : none; } a:hover, a:active { color : #0294cd; text-decoration : underline; } .metaLabel { font-size : 10px; color : #9f9f9f; } var { font-style : normal; font-size : 10px; color : #444; } input, textarea { margin : 0; padding : 2px; height : 14px; border : 1px solid #d7d7d7; background : #fff; font : normal 10px Verdana; color : #5e5f63; } Quote Link to comment Share on other sites More sharing options...
jj20051 Posted October 14, 2008 Author Share Posted October 14, 2008 Ok That Just Made It Worse.... http://slapper.dk Any More Help Would Be Great. Quote Link to comment Share on other sites More sharing options...
dropfaith Posted October 14, 2008 Share Posted October 14, 2008 validate your code i dont think its all css related i think your html is flawed and on top of that the w3c cleaned the css which i think includes removing bad css but really having your css in a single line makes it nearly impossible for me to read Quote Link to comment Share on other sites More sharing options...
jj20051 Posted October 14, 2008 Author Share Posted October 14, 2008 I Don't Think So... It Looked Good Before I Hired Someone To "redesign It" and Then They Never Finished. I Know HTML and PHP but Very Little CSS. If Somone Could Fix The Code Correctly I Could Send $5.00 Their Way For The Help. Thnks In Advance. Quote Link to comment Share on other sites More sharing options...
haku Posted October 14, 2008 Share Posted October 14, 2008 I Don't Think So... But he is right. You have 296 errors in your CSS: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fslapper.dk%2F If Somone Could Fix The Code Correctly I Could Send $5.00 Their Way For The Help. Thnks In Advance. If that is what you were paying the last guy you hired, then it's no wonder they never finished. I wouldn't fix that for less than a few hundred dollars. There is a few hours work there. Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted October 14, 2008 Share Posted October 14, 2008 Close your meta tags endings! The only difference between html and xhtml (served as "text/html") is that xhtml is strict about following rules ... close all tags. If you use a utf-8 charset, then you must NOT use non-html characters (like ampersands or quotations) in your mark-up. Convert them to the proper html chars & and " Using floats for wire-framing your layout is correct. However, it is near impossible to debug the css when it is in one huge line like that (how can you debug a particular select?) Also, using inline styling within your markup (without knowing css very well) is dangerous and can cause specificity problems. And with the one line main css, how can you tell what is conflicting with what? You need to take a debug approach to this and start by creating the wire-frame only. Slowly add in the menu links, forms and other content elements. As each one is added, it will show how it impacts the wire-frame and other elements already present. I spend most of my day converting old table-based code soup html to clean semantic markup css based layout. If you try to take it all on at once you will go mad! Always get the structural pieces working first. Quote Link to comment Share on other sites More sharing options...
jj20051 Posted October 15, 2008 Author Share Posted October 15, 2008 Ok I Didn't Realize It Was That Much Work, Anyway Just For The Record I Was Paying Him $300.00 For It, $75.00 In Advance. I Thought This Was "easy" to Fix, Apparently Not... So I Will Just Hire Someone. Quote Link to comment Share on other sites More sharing options...
haku Posted October 15, 2008 Share Posted October 15, 2008 Why Do You Capitalize Every Word? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.