Hei der, sitter å fikler med et tema jeg skal lage og jeg får ikke helt til CSS delen når det gjelder "DIV" tags.
Planen er å pakke header, content, sidebar og footer inn i en div, slik at DIV boksens henger "sammen" for å si det på en enkel måte. Men jeg får noen mellomrom mellom de som jeg ikke får bort. Boksene skal gå i ett altså.
Jeg er relativt ny på dette og håpte jeg kanskje kunne fått litt hjelp?
Nettsiden:
http://musikkwp.chall.be
css fila:
header.php
content (index.php):
footer.php
Har kluret en stund nå og føler jeg begynner å bli litt blind, mellomrommet irriterer meg blågrønt og jeg forstår ikke hva jeg overser.
Halp oh mighty nff gurus!
*EDIT*
Ok, hva faen? Jeg la inn padding:5px; i alle div boksene og nå gikk alle sammen.. Var det løsningen?.. :s
Planen er å pakke header, content, sidebar og footer inn i en div, slik at DIV boksens henger "sammen" for å si det på en enkel måte. Men jeg får noen mellomrom mellom de som jeg ikke får bort. Boksene skal gå i ett altså.
Jeg er relativt ny på dette og håpte jeg kanskje kunne fått litt hjelp?
Nettsiden:
http://musikkwp.chall.be
css fila:
Kode
/*
Theme Name: Cato tema
Theme URI: http://www.chall.be
Description: prosjekt
Version: 1.0
Author: Cato Larsen Halleraker
Author URI: http://www.chall.be
*/
body
{
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color:#FFFFFF;
background-color:#370000;
background-image:url(media/.gif);
background-repeat:no-repeat;
background-position: 0% 0%;
}
.h2
{
color: #EF0505
}
.sidebar h2{
font-size: 20px;
}
.navboks{
background: #000000;
width: 900px;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
.page
{
width:1000px;
margin:auto;
}
.header
{
width: 900px;
height: 200px;
background: #000000;
background-image:url(media/.jpg);
}
.content
{
width:900px;
height:800px;
padding-left:15px;
background: #000000;
background-image:url(media/middle2.gif);
}
.sidebar
{
background: #370000;
float:right;
position:relative;
width:200px;
background-image:url(media/.gif);
}
.footer
{
width: 900px;
height:200px;
background: #000000;
text-align: center;
background-image:url(media/.gif);
}
.comments-template{
margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;
padding-left: 15px;
padding-right: 15px;
}
.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}
.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
padding-left: 5px;
border-bottom: 1px solid #ccc;
}
.comments-template h2, .comments-template h3{
font-family: Georgia, Sans-serif;
font-size: 16px;
}
.commentmetadata{
font-size: 12px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template textarea{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}
div.hr {
height: 24px;
background: url(media/divider.gif) no-repeat scroll left;
}
div.hr hr {
display: none;
}
td, th, p, li
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color:#FFFFFF;
}
a:link
{
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
}
a:visited
{
color: #c0c0c0;
text-decoration:none;
font-weight:bold;
}
a:hover, a:active
{
color: #ffffff;
text-decoration:underline;
font-weight:bold;
}
img
{
padding:3px;
}
Kode
<!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">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;
charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->
<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 //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div class="page">
<div class="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php bloginfo('description'); ?>
</div>
<div class="navboks">
<ul id="navlist">
<li id="active"><a href="http://musikkwp.chall.be">Forside</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Musikk</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Om</a></li>
<?php wp_list_pages('depth=3&title_li='); ?>
</ul>
</div>
<div class="content">
<?php get_sidebar(); ?>
Kode
<?php get_header(); ?>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content(); ?>
<p class="postmetadata">
<?php _e('Postet under:'); ?> <?php the_category(', ') ?> <?php _e('av'); ?>
<?php the_author(); ?><br />
<?php comments_popup_link('Ingen kommentarer »', '1 kommentar »', '% kommentarer »'); ?>
<?php edit_post_link('Rediger', ' | ', ''); ?>
</p>
</div>
</div>
<?php endwhile; ?>
<div class="navigation">
<?php posts_nav_link(); ?>
</div>
<?php endif; ?>
<?php get_footer(); ?>
Kode
</div> <div class="footer"> <br /> <p>Author <a href="http://site.chall.be">Cato Halleraker</a>, Site powered by WordPress</p> </div> </div> </body> </html>
Halp oh mighty nff gurus!
*EDIT*
Ok, hva faen? Jeg la inn padding:5px; i alle div boksene og nå gikk alle sammen.. Var det løsningen?.. :s
Sist endret av catolh; 9. september 2010 kl. 09:20.
Grunn: gjorde noe med css...
