Jump to content

CSS Problems...


jj20051

Recommended Posts

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}

 

Link to comment
Share on other sites

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;
}

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 &quot

 

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.