Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old March 30th, 2006, 04:17 AM
Authorized User
 
Join Date: Jul 2003
Posts: 56
Thanks: 0
Thanked 0 Times in 0 Posts
Default Creating a Database Driven Top Menu Bar with CSS

Hi there

Is anyone able to help out with this one?! I need to create a top navigation menu, horizontally, using CSS but this menu needs to be generated from a database. How do I go across a page?

I can see how to do it for a vertical menu, because I can wrap the repeat region around the <li></li> tags, but don't know where to start from a 'horizontal' point of view!

All help would be greatly appreciated

Thanks in advance

Lucy

 
Old March 30th, 2006, 10:14 PM
Registered User
 
Join Date: Mar 2006
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Hi,

you can check this out as a reference. anyone else has better ways to do it?

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
<!--

UL.left_col {
    FLOAT: left;
}
UL.center {
    FLOAT: left;
}
UL.time {
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    FONT-SIZE: 13px;
    MARGIN: 0px;
    BORDER-LEFT: #ccc 1px solid;
    WIDTH: 10em;
    BORDER-BOTTOM: #ccc 1px solid;
    FONT-FAMILY: Arial, sans-serif;
    LIST-STYLE-TYPE: none
}

UL.time LI {
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    MARGIN-BOTTOM: 4px;
    BORDER-LEFT: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid;
    BACKGROUND-COLOR: #eee
}

-->
</style>

</head>
<body>
<UL class="time left_col">
  <LI>1</LI>
</UL>
<UL class="time center">
  <LI>2</LI>
</UL>
<UL class="time center">
  <LI>3</LI>
</UL>

</body>
</html>






Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Menu - Top list item not showing up in IE kwilliams CSS Cascading Style Sheets 1 October 26th, 2007 09:10 AM
How to pop up a window ON TOP OF the Start Bar. BananaJim Javascript How-To 1 February 27th, 2007 06:28 AM
db-driven css styles? lancer ASP.NET 2.0 Basics 1 July 16th, 2006 11:51 PM
Array driven menu fs22 Javascript 0 February 14th, 2006 10:18 PM
How do disable Menu bar & address bar for browser bekim HTML Code Clinic 2 January 7th, 2005 12:33 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.