Page 3 of 3

Posted: Tue Jan 13, 2004 2:30 pm
by McGruff
Is this the kind of thing you're trying to do?

Code: Select all

<style>
	
	.button	&#123;
				border: 1px solid #000;
				border-right: 0; 
				padding: 1em;
				background-color: #ddd;
			&#125;

</style>
</head>

<body>
<div style="width: 50%; height: 100%; margin-left: 25%; border: 1px solid #000; background-color: #deddee;">
	<div style="border-bottom: 1px solid #000; background-color: #cc6699; padding: 1em; text-align: center;">
		Header
	</div>
	<div style="margin-top: 1em;">
		<span class="button" style="border-left: 0;">menu1</span><span class="button">menu2</span><span class="button">menu3</span><span class="button">menu4</span><span class="button" style="border-right: 1px solid #000;">menu5</span>
	</div>
</div>
</body>

Posted: Tue Jan 13, 2004 2:39 pm
by Gen-ik
Ah, superb.

Thanks a lot McGruff... you're a diamond geezer ;)

Posted: Tue Jan 13, 2004 3:46 pm
by uberpolak
You could accomplish the same thing using the "float" attribute and div's, li's, or what-have you. Personally, since a menu is just a different kind of list, li's would be the best choice, from a search-engine perspective.