Hallo idereen, in de layout die Ferhat vrijgaf,
Deze ben ik aan het ombouwen, en inbouwen in mijn eigen website waaraan ik werk.
(time2kill)
Maar als je op een link in de content klikt klikt hij niet, omdat er iets is waardoor het deel in de content bij een aantal px. niet klikt, ik kan mijn content wel een paar pixels opschuiven totdat het goed is,
Maar dan moet ik elke pagina opnieuw maken...
Is er misschien iemand die weet hoe dit te fixen valt?
style.css:
PHP
@charset "utf-8";
html, body{height:100%; width:100%; background-image:url(../img/css/background.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:100% 100%; margin:0; padding:0; color:#000; font-size: 15px}
#wrapper{margin:0 auto; width:1080px}
a:link{text-decoration:none; color:inherit}
a:visited{text-decoration:none; color:inherit}
a:hover{color:#C90}
footer a:hover{text-decoration:underline}
.inline_text_inp{border-style:solid; border-width:1px; border-color:#8f8989; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#fff; background:-moz-linear-gradient(top,#fff,#e6e6e6); background:-webkit-gradient(linear, left top,left bottom,from(#fff),to(#e6e6e6)); filter:progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f0f0f0',EndColorStr='#e6e6e6',GradientType=0); font-size:1em; color:#000; display:inline-block; vertical-align:top}
.inline_text_inp:focus{outline:none}
#logo{background-image:url(../img/css/logo.png); background-repeat:no-repeat; height:188px; width:445px; display:inline-block}
#header_status_wrapper{height:188px; width:585px; display:inline-block}
#header_status{background-image:url(../img/css/status_bg_middle.png); background-repeat:repeat-y; width:585px; height:146px; color:#FFF; font-size:12px; font-weight:bold}
#header_status_end{background-image:url(../img/css/status_bg_bottom.png); height:24px; width:585px; background-repeat:no-repeat; position:absolute; margin-top:146px}
#header_status_graffiti{background-image:url(../img/css/status_bg_graffiti.png); position:absolute; width:585px; height:146px; background-repeat:no-repeat}
#status_avatar img{position:absolute; border-color:#000; border-width:1px; border-style:solid}
#status_avatar{position:absolute; margin-top:15px; margin-left:25px}
#status_avatar div.black_box{background:#000; filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; position:absolute; margin-left:1px; margin-top:99px; width:126px; height:30px}
#status_avatar div.black_box h1{margin:0px; padding:0px; padding-top:4px; margin-left:15px; font-size:15px}
#status_info{position:absolute; margin-top:5px; margin-left:120px; z-index:2}
#status_info_list{list-style:none; width:200px; margin-left:20px}
#status_info_list li{background-image:url(../img/icons/heart_icon.png); background-repeat:no-repeat; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:22px; margin:0.75em 0 0 0}
.status_info_listitem{color:#857f7f; text-shadow:#111 0px 0px 5px}
#status_info_bars{position:absolute; margin-left:350px; margin-top:20px; z-index:2}
.status_info_bar_bg{background:#232121; height:25px; width:170px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin-top:6px; margin-bottom:4px; overflow:hidden}
#status_info_bar_wrapper{margin-top:1px; margin-left:1px; margin-right:1px; margin-bottom:1px; width:167px; height:22px}
#status_info_bar_leven, #status_info_bar_rank{border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:3; height:100%}
#status_info_bar_leven{width:100%; background:#82ef40; background:-moz-linear-gradient(top,#4ab708,#82ef40); background:-webkit-gradient(linear, left top,left bottom,from(#4ab708),to(#82ef40)); filter:progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#4ab708',EndColorStr='#82ef40',GradientType=0)}
#status_info_bar_rank{width:80%; background:#f60209; background:-moz-linear-gradient(top,#f60209,#eb0111); background:-webkit-gradient(linear, left top,left bottom,from(#f60209),to(#eb0111)); filter:progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f60209',EndColorStr='#eb0111',GradientType=0)}
#status_info_leven, #status_info_rank{background-repeat:no-repeat; width:100%; position:absolute; margin-top:4px; margin-left:8px}
#status_info_leven p, #status_info_rank p{margin:0; margin-left:20px; padding:0}
#status_info_rank{background-image:url(../img/icons/crown_icon.png)}
#status_info_leven{background-image:url(../img/icons/heart_icon.png)}
#content{width:1045px; background-image:url(../img/css/content_bg_glow_middle.png); background-repeat:repeat-y;}
#contenttop{width:1045px; background-image:url(../img/css/content_bg_glow_top.png); background-repeat:no-repeat; height:135px}
#contentbotton{width:1045px; background-image:url(../img/css/content_bg_glow_bottom.png); height:135px; background-repeat:no-repeat}
#content_graffiti{background-image:url(../img/css/graffiti_bg.png); height:211px; width:247px; position:absolute; margin-left:753px}
#content_white{position:absolute; background-image:url(../img/css/content_white_bg_middle.png); background-repeat:repeat-y; width:700px; margin-left:150px; margin-top:-24px}
#content_whitetop{position:absolute; background-image:url(../img/css/content_white_bg_top.png); background-repeat:none; height:95px; width:700px; margin-left:150px; margin-top:17px}
#content_whitebottom{position:absolute; background-image:url(../img/css/content_white_bg_bottom.png); background-repeat:no-repeat; width:700px; height:79px; margin-left:150px}
#content_white_images{background-image:url(../img/css/content_white_bg_images.png); width:699px; height:343px; position:absolute; margin-top:-30px; z-index:0}
.content_whitetop_txt{margin-left:44px; margin-top:20px}
.content_whitetop_txt h1{font-size:inherit; margin:0; color:#FFF}
.content_whitetop_txt h2{font-size:inherit; margin:0; color:#2d2b2b}
#crimineel_naam, .h2_special{color:#e13d2a!important}
footer{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#FFF; margin-left:80px}
.Footer_block{display:inline-block; width:380px; overflow:hidden; vertical-align:text-top !important; margin-top:-40px}
.Footer_Div{background-image:url(../img/css/Footer_Line_Div.png); height:61px; width:57px; display:inline-block; margin-top:10px; margin-left:3px; margin-right:3px}
.horizontal_line{background-image:url(../img/css/horizontal_line.png); background-repeat:repeat-x; width:90%; height:4px}
.middle{text-align:center; width:100%; position:relative; top:40%; z-index:3}
.w_50px_inline{width:50px; display:inline-block; vertical-align:text-top !important}
.w_5px_inline{width:5px; display:inline-block; vertical-align:text-top !important}
#content_wrapper{margin-left:40px; width:90%; z-index:3; margin-bottom:40px; position:relative; min-height:550px; height:auto;}
#content_wrapper h2{font-size:inherit; margin:0; color:#2d2b2b}
#content_avatar{display:inline-block; vertical-align:text-top !important; width:85px; height:144px; border:solid; border-width:1px; border-color:#000; overflow:hidden}
#content_avatar div{margin-right:10px; margin-left:5px}
.content_block{display:inline-block; vertical-align:text-top !important; width:236px; height:180px}
.content_block_break{width:100%; height:2px; background-image:url(../img/css/2x2_Grey_dot.png); background-repeat:repeat-x}
.content_block_info{list-style:none; list-style-image:none; list-style-type:none; list-style-position:inside; padding:0px; margin:0px}
.content_block_info table{display:inline-block; vertical-align:top}
.content_block li{background-repeat:no-repeat; background-position:left; padding-left:18px; padding-bottom:5px; padding-top:3px}
.content_block_maffia{background-image:url(../img/icons/maffia.png)}
.content_block_add{background-image:url(../img/icons/friend.png)}
.content_block_cash{background-image:url(../img/icons/coins.png)}
.content_block_whitehouse{background-image:url(../img/icons/whitehouse.png)}
.content_top_text{margin-left:705px; margin-top:65px; color:#FFF; width:200px; position:absolute}
.content_top_text_links{margin-left:-130px; margin-top:65px; color:#FFF; width:200px; position:absolute}
.RedButton{display:inline-block; vertical-align:top; height:26px; border-style:solid; border-color:#7e1508; border-width:3px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#ce2510; background:-moz-linear-gradient(top,#d42813,#b22715); background:-webkit-gradient(linear, left top,left bottom,from(#d42813),to(#b22715)); filter:progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#d42813',EndColorStr='#b22715',GradientType=0)}
.RedButton div{font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; text-shadow:#000 2px 2px; color:#FFF; margin-top:6px; margin-left:15px; margin-right:15px}
#menu_wrapper{position:absolute; margin-left:839px; color:#fff; font-size:14px; width:238px; z-index:40}
#menu_wrapper h2{font-size:16px; color:#fff; margin:0; padding:7px 0 0 15px; z-index:40}
#menu_wrapper_links{position:absolute; margin-left:5px; color:#fff; font-size:14px; width:238px; z-index:40}
#menu_wrapper_links h2{font-size:16px; color:#fff; margin:0; padding:7px 0 0 15px; z-index:40}
.menu_header{background-image:url(../img/css/menu_bg.png); background-repeat:none; height:37px; width:157px; z-index:40; margin:0}
.menu_uitgeklapt{background-image:url(../img/css/menu_transp.png); background-repeat:repeat; width:160px; margin:0}
.menu_uitgeklapt ul, .menu_uitgeklapt li{margin:0 0 0 10px; padding:0; list-style:none; list-style-position:inside}
.menu_uitgeklapt_break{background-image:url(../img/css/4x4_line.png); background-repeat:repeat-x; height:4px; width:90%}
.menu_uitgeklapt_end{background-image:url(../img/css/menu_transp_bottom.png); background-repeat:no-repeat; width:160px; height:6px; margin:0}
.menu_uitgeklapt li{margin:0; padding:0; display:inline; width:50%}
.menu_uitgeklapt li.right{float:left}
.table_pres{border:none}
.td_width_bold{width:100px; font-weight:bold}
.td_width{width:100px}
div.green {
width: 600px;
color: #00a139;
font-weight: bold;
background: #dfffd6 url(../img/icons/alert_green.png) left center no-repeat;
border: 1px solid #7cb86c;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 28px;
}
div.green ul, div.green ol{ margin:0 0 0 20px; padding:0px; }
div.blue {
font-size: 13px;
width: 600px;
color: #366BAF;
background: #DFEFFF url(../img/icons/alert_blue.png) left center no-repeat;
border: 1px solid #366BAF;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 28px;
}
div.blue ul, div.blue ol{ margin:0 0 0 20px; padding:0px; }
div.red {
width: 600px;
color: #DC0000;
font-weight: bold;
background: #FFE5DF url(../img/icons/alert_red.png) left center no-repeat;
border: 1px solid #DC0000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 28px;
}
div.red_error {
width: 600px;
color: #DC0000;
font-weight: bold;
background: #FFE5DF url(../img/icons/alert_red.png) left center no-repeat;
border: 1px solid #DC0000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 28px;
}
div.red ul, div.red ol{ margin:0 0 0 20px; padding:0px; }
p.bar {
width: 100px;
height: 12px;
margin: 0px;
background: url('img/content/barback.gif') repeat-x top left;
border: 1px solid #4f1d09;
}
p.bar span {
height: 12px;
text-align: left;
line-height:normal;
margin:0px;
color: #fff;
font-size: 10px;
display: block;
background: url('img/content/barspan.gif') repeat-x top left;
}