I've nearly finished the design for my site after a very long wait. I'm just trying to sort one or two things out now and i was wondering if you could help. The first problem i have is a links one. I'm using WP as the custom ocde i should of got i never got it or even my money back. On the main page i have split the links into three sections, but this is where you get the problem:
As you can see the last link and the header of the next section there isn't a gap. I what to put one in, but i've not an idea were.
The next problem is with the header of the site. There is a grey bar under the banner of the site and i want to move it so the grey bar goes above the banner. At the minute it looks like this:
Image.css
PHP Code:
#header{background: url(banner.jpg) no-repeat;}
body{background: url(page.png) center;}
Header
PHP Code:
<!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">
<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() ) { ?> » 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="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="<?php echo get_settings('home'); ?>"></a></h1>
<p id="nav"><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('description'); ?></a></p>
</div>
Style.css
PHP Code:
/* the container */
#container{
width: 740px;
margin-right: auto;
margin-left: auto;
text-align: justify;
padding-top: 10px;
padding-bottom: 50px;
}
/* the header */
#header{
width: 718px;
border: 1px solid #c5c5c5;
margin-right: 10px;
margin-left: 10px;
height: 140px;
background-color: #DADADA;
}
#header h1, #header a{
font-size: 20px;
height: 20px;
margin-left: 10px;
font-family: lucida sans, tahoima, sans-serif;
color: #fcfcfc;
text-decoration: none;
}
#header h1{
margin-top: 50px;
}
#nav{
width: 718px;
height: 20px;
margin-top: 50px;
padding: 0px;
}
#nav a{
font-size: 12px;
font-family: tahoma, sans-serif;
color: #888;
text-transform: lowercase;
text-decoration: none;
}
#nav a:hover{
color: #222;
}
I hope you guys can help me with this one.  |
