CSS Forum

**Chris_123K** · 09:41 PM

Good Morning Forum!

I have, what I suspect to be, a very amateur like problem.

I am trying to make my own travel blog and I have found a free template for the menu for selecting entries, but it is half hidden. I have tried everything I can think off to correct this problem.

Thanks for taking the time to look at my little issue!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<title>Kummel in Northern Capital</title> 
	<meta name="description" content="Kummel in Northern Capital"> 
	<meta name="copyright" content="Copyright (c) 2009 Christopher Kummelstedt"> 
	<meta name="author" content="Christopher Kummelstedt"> 
	<style type="text/css"> 
	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
	}
	#wrap {
		width:75%;
		margin:0 auto;
		background: #fff;
		
	}
	#header {
    	padding:5px 10px;
		background:#fff;
		height:100px;
	}
	h1 {
	    margin:0;
    }
	#main {
		float:left;
	    padding:10px;
		padding-left:30px;
		padding-right:30px;
		background:#fff;
		width:70%;
	}
	h2 {
		margin:0 0 1em;
	}
	#sidebar {
		float:right;
		width:230px;
		padding:10px;
		background:#fff;
		color:#fff;	
	}
	#footer {
		clear:both;
		padding:5px 10px;
		background: #cccccc;
		color:#cf3737
		ma
	
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
#menu8 {
	width: 200px;
	margin-top: 10px;
	margin-right: 100px;
	}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(images/menu8.gif);
	padding: 8px 0 0 20px;
	}
	
#menu8 li a:hover {
	color: #257EB7;
	background: url(images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
#menu8 li a:active {
	color: #fff;
	background: url(images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}

	</style> 
    
</head> 
<body> 
<div id="wrap"> 
	<div id="header"><img src="./images/logo.gif" alt="Kummel in Northern Capital" align="left" /></div> 
	<div id="main">
     
<?php
if ($_GET["main"]=="1") 
{include("./blog/a.php");}
elseif ($_GET["main"]=="2") 
{include("./blog/b.php");}
else
{include ("welcome.php");}
?>
        
	</div> 

<div id="sidebar"> 
<div id="menu8"> 
<ul>
<li><a href="?main=2">03/09/09</a></li>
<li><a href="?main=1">28/08/09</a></li>
</ul>
</div> 
</div>
	
    
    
    
    <div id="footer"> 
		<p>Footer</p> 
	</div> 
</div> 
</body> 
</html>

http://ubuntu.asterhag.se/kummel/kblog/

have a good day,

Chris

**fresh-d** · 09-04-2009, 10:56 PM

try changing the width size on

<div id="sidebar">
<div id="menu8">

**LadynRed** · 09-05-2009, 02:57 PM

Your #sidebar is too wide - narrow it to like 210px and it will go up where you want it.