Page 1 of 1

.cssand the nav_table

Posted: Tue 2. Mar 2004, 00:00
by pSouper
hi guys 'n' dolls
I am currently trying/playing with the nav_table style.
I am trying to implement a style one problem
the origonal is here...http://css.maxdesign.com.au/listamatic/vertical11.htm
my attempt is here... http://www.polygonsoup.net

I am hoping some good should out there could hel pexplain why the bottom half off each menu item is not turning orange? and how to remedy this.

the nav_table & nav_table_active in frontend.css has been altered to...

Code: Select all

.nav_table,nav_table :visited{
	display:block;
	border: 0px solid #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	background-image: URL(../../img/Frontend/Menu/bgNav0.png);
}
.nav_table :link,#nav_table,.nav_table :visited{
	display:block;
	border: 0px solid #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table :hover{
	display:block;
	padding: 0px 0px 0px 4px;
	border: 0px solid #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
.nav_table a,#nav_table, nav_table a:active{
	display:block;
	padding: 0px 0px 0px 4px;
	border: 0px solid #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	background-image: URL(../../img/Frontend/Menu/bgNav0.png);
}
.nav_table a:link,nav_table a:visited{
	display:block;
	padding: 0px 0px 0px 4px;
	border: 0px solid #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table a:hover {
	display:block;
	padding: 0px 0px 0px 4px;
	border: 0px solid #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
/*---------------------------------*/
.nav_table_active,nav_table_active :visited{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	display:block;
	padding: 2px 2px 2px 4px;
	border: 0px solid #333;
	background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
.nav_table_active :link,.nav_table :visited{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table_active :hover{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	display:block;
	padding: 2px 2px 2px 4px;
	border: 0px solid #333;
	background-image: URL(../../img/Frontend/Menu/bgNav0.png);
}
.nav_table_active a, nav_table_active a:active{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	display:block;
	padding: 2px 2px 2px 4px;
	border: 0px solid #333;
	background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
.nav_table_active a:link,nav_table_active a:visited{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table_active a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
	display:block;
	padding: 2px 2px 2px 4px;
	border: 0px solid #333;
	background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
thanks in advance.

Posted: Tue 2. Mar 2004, 03:05
by ionrock
I was not able to get to your site to see what you mean. I find myself always going back to alistapart.com for their taming lists with css article for all my list based menus. Maybe that will help a bit.

Posted: Tue 2. Mar 2004, 14:43
by Fulvio Romanin
can't see it too
looks like the site is empty or something like that

can you check please?

Posted: Tue 2. Mar 2004, 17:08
by ionrock
If you are copying the stylesheet data directly you could just have a new template where you can kind of start anew as far as the stylesheet goes. This might help narrow things down instead of working with the current default stylesheet. Just a thought.

Posted: Tue 2. Mar 2004, 20:20
by pSouper
thanks guys,
my site is up again now ( i think dyndns may have a temp issue.)

I thought of creating a new template but it wouldn't build my menu for me automatically would it? :( [i know - how lazy can one man get ;) ]

I am so close with this too, it would be a shame for it not to work.

Posted: Tue 2. Mar 2004, 22:59
by bobd314
Got an idea on the site probem.... maybe if you could type
I have never seen a link where after the www its a / like as in what you said
my attempt is here... http://www/polygonsoup.net - sorry i seem to have trouble with this address at the moment.
maybe you mean http://www.polygonsoup.net

Posted: Tue 2. Mar 2004, 23:50
by pSouper
hehe - sorry bobd - genuine typo - i too have never seen such a silly mistake ;) (that I hadn't made)

that wasn't the problem i reffered to though :( - [slightly off topic but... my prob was that despite dyndns haveing the correct ip niether my domain name nor my dyndns domain name worked but my http://ip did. )

my menu issue still illudes me.