Navigation Styling

[DirectProject]

Okay so I have spent like 4 hours trying to sort out some sort of styleing with classes and divs, im confused in the header.php, where the links are being made.

Code: Select all

      <div class="navigation">
<a class="toplinks" href="index.php"><? echo $lang[top_upload];?></a>
<?php if($imgupload == true){?><a class="toplinks" href="index.php?page=img"><? echo $lang[top_imageup];?></a><?}?>
<?php if ($_SESSION['islogged'] <> true) {?><a class="toplinks" href="index.php?page=login"><?php echo $lang[login];?></a>
<?php }else{?><a class="toplinks" href="index.php?page=userpanel"><?php echo $lang[myfiles];?></a><?php }?>
<?php if($enable_filelist == true){?><a class="toplinks" href="files.php"><?php echo $lang[viewfiles];?></a><?}?>
<?php if($enable_imglist == true){?><a class="toplinks" href="images.php"><?php echo $lang[viewimg];?></a><?}?>
<a class="toplinks" href="index.php?page=faq"><? echo $lang[top_faq];?></a>
<?php if($topten == true){?><a class="toplinks" href="top.php"><? echo $lang[top_top];?></a><?}?>

I want to change the style to this:

Code: Select all

<ul id="menu-css">
   <li><a href="#">Home</a></li>
   <li><a href="#">About</a></li>
   <li><a href="#">Portfolio</a></li>
   <li><a href="#">Contact</a></li>
</ul>


But all the coding claases confuse me, here is the buttons i want to add in.

http://www.webstuffshare.com/2010/04/nice-menu-css-animation-jquery-animate/

thanks, hope you can help me soon as haven't got long to spend time on this! =D

[SamEA]

Original template used on DFH can be found here: http://templates.arcsin.se/indigo-website-template/

I believe the designer does not use UL or LI tags to form a menu.