kit

[img]http://www.justcaroline.co.uk/images/navbar.gif[/img] This is what it looks like. yes I think the bg a tag is the problem, it is the colour that makes it look like its in a light blue box. I have tried, changing this but when I put the bg colur on the ul or ul ul it doesnt put each title in a seperate box just one big one. Maybe I should just give up. Can anyone recommend a template or tutorial I can use for the same effect.

Thank you The sub level is still in a blue boxes (same as the top level). It all works fine I would just like the sub levels to be different from the main levels, but nothing I have tried seems to work.???

Hi .. sorry me again :-[ Can anybody help? Thanks

Ok, when I look at the source code on my website, it is laid out like the above. But it is still not working. Maybe I made a mistake and it is the php code? Changes made #leftnav ul ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; list-style-position: outside; list-style-type: disc; [code]<ul> <li<?php echo $listId; ?>><a href="<?php echo $url; ?>"><?php echo $cat_name; ?></a></li> </ul> [/code] Thanks for your patience.

Sorry! thought I had it, but I'm still stuck.

Thank you ;D

how does that then transfer to the code page?

ToonMariner, thanks for the help. I'm sorry for being so stupid, but this is the first website i have ever made. Where do I put them? *ducks all vertual slaps, rotten Tomatoes etc*

I’m sorry if the is comes over a little confused, I am a total newbie! At the moment I have a Navigation bar list put into boxes with css, and it works fine. But what I want to do is make the second level, bulleted and not in boxes, so it is easier to see that they are sub levels. Any help would be great. Sorry if I gave too much code, not sure what you needed too see. Thanks! [code]<?php if (!defined('WEB_ROOT')) { exit; } // get all categories $categories = fetchCategories(); // format the categories for display $categories = formatCategories($categories, $catId); ?> <ul>   <li><a href="<?php echo $_SERVER['PHP_SELF']; ?>">All     Products </a></li> <?php foreach ($categories as $category) { extract($category); // now we have $cat_id, $cat_parent_id, $cat_name $level = ($cat_parent_id == 0) ? 1 : 2;     $url  = $_SERVER['PHP_SELF'] . "?c=$cat_id"; // for second level categories we print extra spaces to give // indentation look if ($level == 2) { $cat_name = '&nbsp; &nbsp; &raquo;&nbsp;' . $cat_name; } // assign id="current" for the currently selected category // this will highlight the category name $listId = ''; if ($cat_id == $catId) { $listId = ' id="current"'; } ?> <li<?php echo $listId; ?>><a href="<?php echo $url; ?>"><?php echo $cat_name; ?></a></li> <?php } ?> </ul>[/code] css... //#leftnav { //width: 150px; //font-size: 12px; //vertical-align: top; //font-size: 85%; //font-family: Arial, Helvetica, sans-serif; //color: #000000; } ul, ol { font-family: Georgia, "Times New Roman", Times, serif; } #leftnav a { padding: 3px; display: block; border: 1px solid #000099; text-decoration: none; line-height: 1em; width: 150px; background-color: #7AD8CE; } #leftnav a:link, #leftnav a:visited { color: #003399; } #leftnav a:hover, #leftnav a:active { color: #FFFFFF; background-color: #6699CC; border: 1px solid #000; } #leftnav ul { /*/*/padding: 0em; margin-left: 0em; margin-right: 0em; list-style-type: none; /* */ } #leftnav li { /*/*/margin: 0px 0px 6px 0px; /* */ } #current a { color: #FFFFFF !important; /*/*/background-color: #99CCFF!important; border: 2px solid #003399!important; /* */