Theme coding help
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
#header{background: url(banner.jpg) no-repeat;}
body{background: url(page.png) center;}
?>
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\">
<head profile=\"http://gmpg.org/xfn/11\">
<meta http-equiv=\"Content-Type\" content=\" bloginfo('html_type'); ; charset= bloginfo('charset'); \" />
<title> bloginfo('name'); if ( is_single() ) { » Blog Archive } wp_title(); </title>
<meta name=\"generator\" content=\"WordPress bloginfo('version'); \" /> <!-- leave this for stats -->
<link rel=\"stylesheet\" href=\" bloginfo('stylesheet_url'); \" type=\"text/css\" media=\"screen\" />
<link rel=\"alternate\" type=\"application/rss+xml\" title=\"RSS 2.0\" href=\" bloginfo('rss2_url'); \" />
<link rel=\"alternate\" type=\"text/xml\" title=\"RSS .92\" href=\" bloginfo('rss_url'); \" />
<link rel=\"alternate\" type=\"application/atom+xml\" title=\"Atom 0.3\" href=\" bloginfo('atom_url'); \" />
<link rel=\"pingback\" href=\" bloginfo('pingback_url'); \" />
wp_get_archives('type=monthly&format=link');
wp_head();
</head>
<body>
<div id=\"container\">
<div id=\"header\">
<h1><a href=\" echo get_settings('home'); \"></a></h1>
<p id=\"nav\"><a href=\" echo get_settings('home'); \"> bloginfo('description'); </a></p>
</div>
?>
Style.css
<?php
/* 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.
Andromeda posted this at 04:29 — 7th November 2005.
They have: 274 posts
Joined: Sep 2005
hope you get that fixed soon!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.