View Single Post

  #6 (permalink)  
Old 27-01-2008, 05:28 PM
ghost's Avatar
ghost ghost is offline
Wannabe Geek
 
Join Date: Dec 2007
Location: Ennis
Posts: 167
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
ghost will become famous soon enough
Default Css Design

Your site is a simple two column design and could be much improved if you use css for lay out and formatting ,
here is a start for you , this is a remake of your left nav using css,
place this in your style sheet

#navcontainer ul { margin: 0 ;
padding: 0 ;
list-style-type: none ;
background-color: #e7dad1 ;
border-top: 1px solid #7a6c61 ;
font-weight: bold ;
width: 150px }
#navcontainer ul li { border-top: 1px solid #fcf0e4 ;
border-bottom: 1px solid #7a6c61 ;
padding: 2px 2px 2px 10px }
#navcontainer a { display: block ;
color: #000033 ;
width: 100% ;
text-decoration: none }
#navcontainer a:hover { background-color: #dedad1 ;
color: #CC0033 ;
text-decoration: none }
/*padding order top ; right ; bottom ; left */

and the html

<div id="navcontainer">
<ul>
<li><a href="#">Page One</a></li>
<li><a href="#">Page Two</a></li>
<li><a href="#">Page Three</a>
<li><a href="#">Page four</a></li>
<li><a href="#">Page five</a></li>
</ul>
</div>

Ghost
Reply With Quote