Example Number 3 - Done? Opera Sucks! Oh Well.

a:link, a:visited, a:active {
	display : block;
	height : 15px;   <---- ADDED 
	width : 170px;
	padding : 3px;
	margin : 3px 0px 0px 0px;
	border-top : 1px #CED5E3 solid;
	border-left : 1px #CED5E3 solid;
	border-bottom : 1px #069 solid;
	border-right : 1px #069 solid;
	background-color : transparent;
	font : 10px verdana, arial, helvetica, sans serif;
	color : #069;
	text-decoration : none;
	}
a:hover {
	color : #00f;
	border-top : 1px #069 solid;
	border-left : 1px #069 solid;
	border-bottom : 1px #CED5E3 solid;
	border-right : 1px #CED5E3 solid;
	background-color : #EBEBFF;
	}
ul, li {   <---- ADDED LIST ELEMENTS 
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
the links...

<ul> <---- WRAPPED LINKS IN LIST ELEMENTS 
<li><a href="#">example</a></li>
<li><a href="#">example links</a></li>
</ul>

Neat suggestion (and implementation HZR) and it sorta worked. Blocked them in Opera anyhow but they still remained text width instead of 170 pixels. Bugger. Oh well.

Jason

That works in Opera 6.05 for me.

HZR

it works in Opera 6.05?! As in it makes the 'buttons' 170px wide? Same widths all the way down?

Jason

Yup, doesn't it work for you?

HZR

nope, in 6.04 they're all the width of the text contained within the tag, so in this case (referencing this page) it looks like a wave form of buttons instead of a nive 170px wide column, in Opera 6.04 (could you verify with your version on the page linked above?)

thanks for the help man

Jason

w00t! summary page

Knowledge and friendly banter excerpted from
OzoneAsylum.com - Home of the Mad Scientists

Example