View Single Post
12-16-2004, 10:09 PM
#5
karl472001 is offline karl472001
Status: Member
Join date: Jul 2004
Location:
Expertise:
Software:
 
Posts: 226
iTrader: 0 / 0%
 

karl472001 is on a distinguished road

Send a message via MSN to karl472001

  Old

I have coded a version using no tables:

In the css, you can easily change the background, text size, and width of the select menus.

HTML:
Code:
	<div id="networkbar">
		<div id="networktitle"></div>
		<div id="menucontainer">
			<select>
				<option>--Entertainment--</option>
				<option>--Entertainment--</option>
				<option>--Entertainment--</option>
				<option>--Entertainment--</option>
			</select>
			<select>
				<option>--Entertainment--</option>
				<option>--Entertainment--</option>
				<option>--Entertainment--</option>
				<option>--Entertainment--</option>
			</select>
		</div>
	</div>
CSS:
Code:
html {
	width: 100%;
}
body {
	width: 100%;
	margin: 0px;
}
#networkbar {
	width: 100%;
	height: 36px;
	background-image: url(images/nb_02.gif);
	float: left;
}
#networktitle {
	width: 102px;
	height: 36px;
	display: block;
	background-image: url(images/nb_01.gif);
	float: left;
}
#menucontainer {
	margin-top: 8px;
	margin-right: 5px;
	float: right;
}
select {
	width: 200px;
	margin-left: 5px;
	height: 19px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #555555;
	background: #EEEEEE;
}