Jump to content


Photo
- - - - -

Navigation CSS problems


  • Please log in to reply
9 replies to this topic

#1 Goose

Goose

    Soho Novice

  • Members
  • Pip
  • 6 posts

Posted 24 January 2010 - 12:48 AM

New to Soho and am having problems with the vertical menu navigation. I set the font and color in CSS but whenever I view the site the buttons are underlined, blue, and in Times. Looks like it is going to a default setting. See below for my text I think I just may be using a wrong identifier or something. Any help would be appreciated. I also would like to know how to code rollovers on the text.

Thanks


/* CSS Document */

body {
background-color: 999999;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font: Arial;
}
.page-title-top {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.page-title-bottom {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.page-name {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.bottom-menu {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

/* Main Menu Links */

div.vmenu_main_off {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold;
}
div.vmenu_main_on {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-image: url(index_03.gif);
}
a.vmenu_main_off:link { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_main_off:visited { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_main_off:hover { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_main_off:active { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}

a.vmenu_main_on:link { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_main_on:visited { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_main_on:hover { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:blink;}
a.vmenu_main_on:active { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}


/* MainMenu Links END */


/* Sub Menu Links */

td.vmenu_sub_off {
width: 100%;
border: 0px;
padding: 0px 0px 0px 3px;
}

td.vmenu_sub_on {
width: 100%;
border: 0px;
padding: 0px 0px 0px 3px;
}

div.vmenu_sub_off {
width: 100%;
border: 0px;
padding: 0px 0px 0px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

div.vmenu_sub_on {
width: 100%;
border: 0px;
padding: 0px 0px 0px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
a.vmenu_sub_off:link { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_sub_off:visited { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_sub_off:hover { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_sub_off:active { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}

a.vmenu_sub_on:link { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_sub_on:visited { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_sub_on:hover { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}
a.vmenu_sub_on:active { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration:none;}

/* Sub Menu Links END */

#2 matt420

matt420

    Senior Member

  • Moderators
  • 673 posts

Posted 24 January 2010 - 03:34 AM

Hi Goose,what template are you using and what is your url?

Matt

#3 Goose

Goose

    Soho Novice

  • Members
  • Pip
  • 6 posts

Posted 24 January 2010 - 05:44 AM

I created my own custom template. I am a designer and I am creating a new look for a friend of mine. Just getting used to sohos specs for coding. I have a test page which I can publish in the AM. Will send link.

Thanks

#4 Goose

Goose

    Soho Novice

  • Members
  • Pip
  • 6 posts

Posted 25 January 2010 - 02:28 PM

Here is the link.

BB Dance and Fitness Home

Thanks for any help you can provide. I feel the error is in the CSS but just not sure where.

Thanks

#5 dresswell

dresswell

    Soho Dog

  • Administrators
  • 3,409 posts
  • LocationU.S.A.

Posted 25 January 2010 - 02:35 PM

Looks to me your adding html to the page text editer.
Your also using extra char. for page names.
Both a big no no.
Your templet is also using a #tmenu# tag and you should
replace that with a #vmenu# tag.
dresswell

 Free Soholaunch Hosting
Soholaunch Pro or Soholaunch Ultra Free with Hosting.
Check out our soholaunch hosting if your tried others

and were disappointed with your host or there support.
Get the help you need to build your website today.

Now offering a 99cent 1st. month Trial Offer.
Easy Website Maker


#6 Goose

Goose

    Soho Novice

  • Members
  • Pip
  • 6 posts

Posted 25 January 2010 - 02:57 PM

So the problem isn't the CSS at all it is a conflict with the html? Fixed the tmenu to vmenu. I will work on the html now to see what I can figure out.

Thanks

#7 dresswell

dresswell

    Soho Dog

  • Administrators
  • 3,409 posts
  • LocationU.S.A.

Posted 25 January 2010 - 03:11 PM

You templet has a custom css file:
sohoadmin/program/modules/site_templates/pages/BBDANCE/custom.css
Is this the one you made changes to?
As im getting a 403 error for it so it may have permission problems or it may have been deleated from the templet file folder.
dresswell

 Free Soholaunch Hosting
Soholaunch Pro or Soholaunch Ultra Free with Hosting.
Check out our soholaunch hosting if your tried others

and were disappointed with your host or there support.
Get the help you need to build your website today.

Now offering a 99cent 1st. month Trial Offer.
Easy Website Maker


#8 kyle04

kyle04

    Senior Member

  • Moderators
  • 411 posts

Posted 25 January 2010 - 03:22 PM

Is your custom.css file in the right place ?
When trying to access the following url :
http://www.bbdanceandfitness.com/sohoadmin/program/modules/site_templates/pages/BBDANCE/custom.css
a 404 error occurs (not found).
The custom.css file should be in the same folder as the index.html, ie in the above file path.

AndyP

#9 Goose

Goose

    Soho Novice

  • Members
  • Pip
  • 6 posts

Posted 25 January 2010 - 03:39 PM

Yeah it is in the same folder as the index.html. Weird, not sure why it is doing that, I am getting the same thing.

#10 Goose

Goose

    Soho Novice

  • Members
  • Pip
  • 6 posts

Posted 25 January 2010 - 05:00 PM

it seems that the problem is that the html is not finding the CSS custom. Trying to figure out why.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users