Support » Fixing WordPress » Formatting Off – Text Pushed Way up

  • My blog
    I am sure that this is an error in my stylesheet or other formatting, but I cannot for the life of me figure out how to fix it. I was goofing around with some stuff last night when I was working on adding WPG2. If someone can take a look at this code I would be most grateful!

    Header.php

    <!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" <?php language_attributes(); ?>>
    
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/grid.css" type="text/css" media="screen">
    
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
    
    <!�[if lt IE 7]>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/pngfix.js"></script>
    <![endif]�>
    
    </head>
    <body>
    <div class="container">
    <?php /*?>
    <div id="menu">
    	<ul>
    	<?php wp_list_pages('depth=1&title_li='); ?>
    	</ul>
    	</div><?php */?>
    
    <div class="column header last">
    	<div id="header">
    	<?php /*?>
    	<h1><a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="Logo" border="0" width="182" height="72"></a></h1><?php */?>	
    
    <div class="description">
            <?php bloginfo('description'); ?></div>
    </div>
    </div>

    I would also like to make the the header link to the home page, so if that is an obvious code fix to everyone but me, please share!

    stylesheet.php

    /*
    Theme Name: garden
    Theme URI: http://garden.indiekool.com
    Description: 3column rainbow garden vector theme. Beautiful and elegant theme for your blog.
    
    Version: 1.0
    Author: kokoka
    Author URI: http://www.hobbitskull.com
    */
    /* ---------- @ HTML Elements -----------*/
    *{
    margin:0px;
    padding:0px;
    }
    body, html {
    	color:#666;
    	min-height:101%;
    	font-size: 100%;
    	background-color:#CAFA94;
    	background-image: url(images/main_body.jpg);
    	background-repeat: no-repeat;
    	background-position: top;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:.85em;
    }
    
    p {
    	margin: 15px 0;
    }
    .post img{
    margin-right:10px;
    
    }
    a:link, a:visited {
    	text-decoration:none;
    	color: #336600;
    }
    
    a:hover, a:active {
    	color:#000000;
    	text-decoration: underline;
    }
    
    *:focus {
    	outline: none
    }
    
    /* ---------- @ Page Structure -----------*/
    
    .header {
    	height: 250px;
    	width: 950px;
    	position:relative;
    	top:50px;
    }
    #header {
    	padding:10px;
    }
    
    #header h1 a {
    	font-size:1.8em;
    	font-weight:bold;
    	color:#336600;
    	font-family: Arial, Helvetica, sans-serif;
    	position: absolute;
    	top:35px;
    	left:280px;
    }
    
    #header .description{
    	position: absolute;
    	top:75px;
    	left:285px;
    	font-weight:bold;
    	color:#336600;
    
    }
    #header .box{
    	position: absolute;
    	top:80px;
    	right:47px;
    	font-weight:bold;
    	color:#336600;
    	text-align:center;
    	font-size:1.65em;
    
    }
    #header .box h3{
    color:#336600;
    
    }
    
    .mid{
    	position: relative;
    	z-index:2;
    	left:10px;
    	top:10px;
    }
    
    /* ---------- @ Headings -----------*/
    
    h2 {
    	font-size: 1.2em;
    	margin:0px;
    	padding:0px;
    	}
    
    .content h2 a,
    .content h2 a:visited
    {
    	font-size: 1.5em;
    	margin:0px;
    	padding:0px;
    	color:#336600;
    
    	}
    
    h3 {
    	font-size: 1.4em
    	}
    
    h4 {
    	font-size: 1.2em
    	}
    
    /* menu */
    #menu{
    	position: relative;
    	top:10px;
    	width:900px;
    	z-index:5;
    	background-image: url(images/topmenu_bg.jpg);
    	background-repeat: no-repeat;
    	height: 44px;
    
    }
    
    #menu ul{
    	list-style: none;
    	list-style-type: none;
    	font-size: 0.90em;
    	padding:0px;
    	font-weight:bold;
    	padding-top:15px;
    	text-align:center;
    	width:900px;
    }
    
    #menu ul li{
    
    	margin: 0 0 0 1px;
    	display:inline;
    	border-right:1px solid #ccc;
    }
    
    #menu ul li a{
    
    	padding: 5px 10px 5px;
    	text-decoration: none;
    	color: #336600;
    }
    
    #menu ul li a:hover{
    	text-decoration: underline;
    
    }
    
    #menu ul li.current_page_item{
    background-color:#336600;
    }
    
    #menu ul li.current_page_item a{
    	color: #336600;
    }
    
    /* ---------- @ content Area -----------*/
    
    /*Home*/
    .padding{
    padding:10px;
    
    }
    .content {
    font-size:12px;
    line-height:20px;
    margin-right:10px;
    margin-top:10px;
    position: relative;
    top:-80px;
    color:#000000;
    
    }
    .content .post, .navigation, .pagetitle, .searc_results {
    
    	padding:10px 20px 10px 20px;
    }
    .post{
    	background-position: left top;
    }
    /*sidebar left*/
    
    .sidebar_left {
    	float:left;
    	margin:0;
    	border-right:#FFFFFF 0px solid;
    	font-size:12px;
    }	
    
    .sidebar_mid ul
    {
    	margin:0;
    	padding:0;
    	list-style:none;
    
    }
    
    .sidebar_left h2{
    
    	background-repeat: no-repeat;
    	height:20px;
    	color:#336600;
    	padding:10px 0px 0px 10px;
    }	
    
    .h2bg_bot{
    
    	background-repeat: no-repeat;
    	background-position: bottom;
    	height:20px;
    }
    
    .sidebar_left  ul ul, .sidebar_left  p, .sidebar_left  form, .sidebar_left  .textwidget
    {
    	margin:0px 0 0 0px;
    }
    .sidebar_left li
    {
    	margin:0;
    	padding:0.3em 0;
    	border-bottom:0px solid #dedede;
    	list-style:none;
    
    }
    
    .sidebar_left li ul li ul li a
    {
    color:#336600;
    
    }
    
    .sidebar_left  li li
    {
    	margin:0;
    	padding:0;
    	border-bottom:0px;
    	line-height:20px;
    	border-top:none;
    	padding-left:10px;
    }
    
    .sidebar_left  li ul li a,
    .sidebar_left  li ul li a:visited
    {
    
    	border-top:none;
    	color:#336600;
    
    }
    .sidebar_left  li li ul li,
    .sidebar_left  li li ul ul
    
    {
    	color: #336600;
    	border:none;
    
    }
    
    /*sidebar right*/
    
    .sidebar_right {
    	float:left;
    	margin:0;
    	font-size:12px;
    }
    .sidebar_right h2 {
    color:#336600;
    
    }
    
    .sidebar_right  ul
    {
    	margin:0;
    padding:10px;
    
    margin-bottom:10px;
    	list-style:none;
    
    }
    .sidebar_right  ul .box
    {
    
    padding:10px;
    margin-bottom:10px;
    
    }
    .sidebar_right  ul .box li
    {
    
    padding:2px;
    
    }
    .sidebar_left li
    {
    	margin:0;
    	padding:0.3em 0;
    	border-bottom:0px solid #336600;
    	list-style:none;
    
    }
    
    /*comments*/
    .post .user {
    	background-image: url(images/user.gif);
    	background-repeat: no-repeat;
    	height: 10px;
    	width: 10px;
    }
    
    .post .user a{
    	padding-left:15px;
    }
    .post .edit {
    	background-image: url(images/edit.gif);
    	background-repeat: no-repeat;
    	height: 10px;
    	width: 10px;
    }
    .post .edit a {
    	padding-left:15px;
    }
    .post .comment {
    	background-image: url(images/comment.gif);
    	background-repeat: no-repeat;
    	height: 10px;
    	width: 10px;
    }
    .post .comment a {
    padding-left:15px;
    
    }
    
    /* Comments starts here*/
    
    ol{
    margin:0px;
    padding:0px;
    
    }
    ol li{
    display:block;
    border-bottom:1px solid #222;
    list-style:none;
    background-color:#111;
    padding:10px;
    
    }
    
    #commentform .textarea{
    
    }
    
    #commentform .textarea{
    width:98%;
    border:1px solid #dedede;
    
    }
    /*Interior Pages*/
    
    .bullets {
    	padding:15px 15px 15px 30px;
    	}
    
    .bullets li {
    	background:url(/images/bullet.gif) no-repeat;
    	list-style:none;
    	padding-left: 11px;
    	margin-bottom: 5px;
    	}
    
    /* ---------- @ Forms -----------*/
    
    .button {
    	background: #000 ! important;
    	border:#F7ECD4 1px solid;
    	padding: 2px;
    	margin: 0 2px 0 0;
    	color:#FFF;
    }
    
    .button:focus {
    	padding:2px;
    	background: #000 ! important;
    }
    
    .button:hover {
    	background: #CCC ! important;
    	color: #000;
    }
    
    /*Clear*/
    
    .clearfloat:after {
    	content:".";
    	display:block;
    	height:0;
    	clear:both;
    	visibility:hidden;
    	}
    
    .clearfloat {
    	display: inline-block;
    	}
    
    /* Hides from IE-mac */
    * html .clearfloat {
    	height:1%;
    	}
    
    *+html .clearfloat {
    	height:1%;
    	}
    
    .clearfloat {
    	display:block;
    	}
    /* End hide from IE-mac */
    
    /* ---------- @ Footer -----------*/
    
    #footer {
    	padding: 10px;
    	color:#336600;
    	background-image: url(images/footerbg1.jpg);
    	background-repeat: no-repeat;
    	height: 84px;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	background-position: bottom;
    	text-align:center;
    	margin-top:40px;
    
    }
    #footer p{
    padding-top:10px;
    
    }
    #footer a{
    
    	color:#336600;
    	text-decoration:underline;
    	font-weight:bold;
    	font-size:11px;
    	}

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Formatting Off – Text Pushed Way up’ is closed to new replies.