WordPress hates my codes!
-
Every time I try to customise the theme to my own liking I end up with a blank page as you can see here – http://www.annajane.co.nr
I can’t really understand where I’m going wrong… it’s probably something really obvious and stupid but bear in mind it’s been a few years since I last tried my hand at coding websites!
So here’s the stylesheet:
/* General CSS **************************************************************************/ * { border:0; margin:0; padding:0 } body { font-family:Verdana, Helvetica, Sans-Serif; font-size:12px; line-height:1.5; background:#fe02af; } h1, h2.alternateH1 { font-size:18px; padding:3px 0; color:#153a6c; } h2 { font-size:16px; } h3 { font-size:14px; } .clear { clear:both; font-size:0px; height:0; overflow:hidden; width:2px; } li { list-style-type:none } input, textarea, select { border:1px solid #ccd; padding:2px } th { text-align:left; padding:5px } /* ---------------------------------------------------------- */ /* Wrapper CSS ****************************************************************************/ #backgroundWrapper { background:#ffffff url(bg.png) top repeat-x; } #wrapper { width:980px; margin:0 auto } /* ------------------------- HEADER ------------------------- */ #header { background: #6f2a68 url(/img/bg/bg_header.png) no-repeat 485px 0px; height:120px; width:980px } #header #leftHeader { float:left } #siteSearch { float:left; padding:44px 0 0 10px; } #siteSearch #searchText { background:white; padding:1px 0 1px 1px; width:130px; height:16px; border:0; float:left; } #siteSearch #searchButton { background-color:191847; top right; width:20px; height:0; border:0; overflow:hidden; height:18px; display:block; float:left; } #navbar { padding:3px; width:990px; margin:0 auto; float:left; } #navbar a { font-weight:bold; } #navbar a:link { text-decoration: underline; } #navbar a:visited, #miniLinks a:active { text-decoration:none; } #navbar ul { text-align:center; float:right; position:relative; left:50px;} #navbar li { font-size:11px; border-right: solid #191847 1px; padding:2px 14px 2px 25px; display:inline; background-repeat: no-repeat; background-position: 0px -1px; line-height:15px; margin-left:5px; } #header #rightHeader { float:left; width:272px; text-align:right; margin:10px 8px 0 0; padding-left:180px; } #header #rightHeader #callNow { /*background: url(/img/wrapper/phone.gif) no-repeat left top;*/ overflow: hidden; display:inline; } #header #rightHeader #callNow p { color: #91A2BC; font-size: 17px; } #header #rightHeader #callNowNumber { font-size: 25px; color: white; } #header #rightHeader a { text-decoration:none; line-height:1 } #header #rightHeader H2, #header #rightHeader H3 { padding-right:3px } #header #rightHeader H4 { font-weight:normal; margin-top:6px; line-height:1.2; padding-top:3px } H4 { font-size:12px } #header #rightHeader h2 a { color:#91a2bc; font-weight:normal; font-size:17px; } #header #rightHeader h3 a { color:white; font-size:25px; } #header #rightHeader h4 a { color:#91a2bc; font-size:12px } /* ---------------------------------------------------------- */ #mainblock { background: white; padding:10px; float:left; border:1px solid #cfd7e1; width:760px; } #mainblock #navtabs { position:absolute; top:-28px } #mainblock #navtabs li a:link, #mainblock #navtabs li a:visited, #mainblock #navtabs li a:active { text-decoration:none; font-weight:bold; color:#1A3F6F; margin-left:2px; } #mainblock { display:block; float:left; /* margin-right:1px; */ position:relative; } #content { background:url('') repeat-x 0px -100px; position:relative; top:-20px; width:980px; } #mainblock #contentarea { float:left; width: 705px;/* width: 705px; */ } #mainblock #contentarea #contentarea-top { width:605px; } #mainblock #contentarea #contentarea-top p { padding:3px; } #mainblock #contentarea #contentarea-left { width:160px; /*min-height:20px;*/ float:left; } #mainblock #contentarea-bottom { width:605px; } #contentarea-left ul { list-style:none; font-size:13px; float:right; width:100%; } #contentarea-left a { text-decoration:none; background:url(/img/wrapper/leftMenuBG.png) no-repeat left -30px; color:#3b5a84; display:block; height:25px; padding:3px 18px 0 0; font-weight:bold; font-size:11px; } #contentarea-left .contentarea-left-active a { background-color:63052f; no-repeat left 0px; } #contentarea-left ul li { text-align:right; margin: 0 5px 0 0; } #contentarea-left ul ul { list-style:none; font-size:12px; float:right; margin:0; } #contentarea-left ul ul li { text-align:right; margin:0 0 1px 0; } #contentarea-left ul li.contentarea-left-active ul li a, ul li ul a { /*font-weight:normal;*/ background:url(/img/wrapper/leftMenuBG.png) no-repeat left -60px; } #backgroundWrapper #wrapper #content #mainblock #content-bottom .form ul li ul li a { background: none; } #mainblock #contentarea #contentarea-main { /*width:370px;*/ /*min-height:20px;*/ float:left; width: 432px; } #mainblock #contentarea #contentarea-main p { margin-bottom: .5em; font-size: inherit; } #mainblock #contentarea #contentarea-main ul, #mainblock #contentarea #contentarea-main ol { margin: 1em 2em; } /* --------------- RIGHT BLOCK STARTS HERE ------------------ */ #rightblock { padding-left:0px; width:180px; position:relative; top:-108px; left:-10px; float:right; .left:-5px; .top:-94px; } #rightblock { text-align:left; padding:5px; margin-bottom:5px; } #cta { width: 180px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; font-weight:bold; padding-bottom:10px;background-color:#153a6c; } #actions { list-style:none; margin-left: 0; padding-left:16px; } #actions li { background-repeat: no-repeat; background-position: 0px 2px; padding: 5px 10px 5px 30px; line-height:18px; border-bottom: 1px #274977 solid; width:110px; } #actions a { font-weight:bold; } #actions a:link { text-decoration: none; font-weight:bold; } #actions a:visited, #actions a:active { text-decoration:none; } #actions a:link, #actions a:visited, #actions a:active, #actions { color:#fff; text-decoration:none; font-weight:bold; } #rightblock .blockhead { background:url(); padding:0px 0 0 10px } #rightblock .blockhead h3 { color:white; height:23px; font-size:12px; font-weight:bold; } #rightblock .blockbody { background:white url() repeat-x bottom left; padding:3px } #rightImage { float:right; margin: 5px 0 0; width: 100%; position:relative; left:5px; } #rightblock #archives { background:#153A6C;width:170px;margin-left:5px;} #rightblock #archives { padding-left:4px; font-weight:bold; float:left; } #rightblock #archives { cursor:pointer } #rightblock #archives { padding-right:4px; float:right; color:#133a6c; font-weight:bold } #footer { margin-top: 2em; font-size:10px; width:750; padding:10px; line-height:1.2; }and here’s the main index.php template:
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>ANNAJANE .CO.NR</title> <link rel="stylesheet" href="style.css" type="text/css" media="all" /> </head> <body> <div id="navbar">navbar </div> <div class="clear"></div> <div id="backgroundWrapper"> <div id="wrapper"> <div id="header"> <div id="rightHeader"> </div><div class="clear"></div></div> <div id="content"><div id="mainblock"><div id="navtabs"> <div class="clear"></div></div><div id="contentarea"> <div id="contentarea-left"> <?php if (function_exists('get_cat_icon')) get_cat_icon(); ?> <?php query_posts("showposts=5&category_name=Homepage"); ?> <?php while (have_posts()) : the_post(); ?> [<?php the_time('j M Y') ?> | <?php comments_popup_link('0 Comments / Leave a comment', '1 Comment', '% Comments');?> | <?php if(function_exists('the_views')) { the_views(); } ?>] </div> <div id="contentarea-main" style="width:750;"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> <div class="comm_date"><span class="data"><span class="j"><?php the_time('j'); ?></span><br /><span class="my"><?php the_time('M/y'); ?></span></span><span class="nr_comm"><?php if($dsq_version){ echo '<a class="nr_comm_spot" href="'; echo the_permalink(); echo '">N/A</a>'; }else{ ?><a class="nr_comm_spot" href="<?php the_permalink(); ?>#respond"><?php echo comments_number('0', '1', '%' ); ?></a><?php } ?></span></div><div class="clear"></div> <h2><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2> <?php the_content(''); ?> <div class="cat_tags"><div class="category"><?php if($lw_disable_tags == "true" || !get_the_tags()) { _e('Filed under:','lightword'); echo " "; the_category(', ');} else if (get_the_tags() && $lw_disable_tags == "false") { _e('Tagged as:','lightword'); echo " "; the_tags(''); } ?></div> <div class="continue"><?php $pos=strpos($post->post_content, '<!--more-->'); if($pos==''){ ?><a class="nr_comm_spot" href="<?php the_permalink(); ?>#respond"><?php comments_number(__('No Comments','lightword'), __('1 Comment','lightword'), __('% Comments','lightword')); ?></a><?php }else{ ?><a title="<?php _e('Read more about','lightword'); ?> <?php the_title(); ?>" href="<?php the_permalink() ?>#more-<?php echo $id; ?>"><?php _e('Continue reading','lightword'); ?></a><?php } ?></div><div class="clear"></div></div><div class="cat_tags_close"></div> <?php wp_link_pages('before=<div class="nav_link">&after=</div>&next_or_number=number&pagelink=<span class="page_number">%</span>'); ?> </div> <?php if ( is_attachment() != TRUE ) : comments_template(); endif; ?> <?php endwhile; else: ?> <h2><?php _e('Not Found','lightword'); ?></h2> <p><?php _e("Sorry, but you are looking for something that isn't here.","lightword"); ?></p> <?php endif; ?> <div class="newer_older"> <span class="newer"><?php previous_posts_link(__('« Newer Entries','lightword')) ?></span> <span class="older"><?php next_posts_link(__('Older Entries »','lightword')) ?></span></div> <div id="contentarea-bottom" style="float:left;"></div></div> <div class="clear"></div></div><div id="rightblock"><? php get_sidebar() ?><div id="cta">mah <div style="float:left"></div> </div></div><div id="archives" class="rightblock"><div class="clear"></div> </div> <div class="clear"></div></div></div> </div> <div class="clear"></div></div> </div> <div id="footer"> footer</div>anyone clever and/or cool enough to spot the problem here?
-Anna xxx
The topic ‘WordPress hates my codes!’ is closed to new replies.