I am trying to grab the ZIPped file but getting a FILE NOT FOUND error when I click on the link.
My page is very similar, but just a bit different in that the 3 hyperlinks are vertical instead of horizontal as your image is.

oops...

try
http://davidwilson.coffeecup.com/storage/cc_test_help.zip

Got it. Ok. I see I didnt' have the Style Sheet
<link rel="stylesheet" type="text/css" href="css/top_menu-menu.css" media="screen">
In mine... once I added that and added the top_menu-menu.css file, the 3 hyperlinks
went horizontal as you had.

I didn't realize the page would actually load faster this way but yes, that is a plus as well as not having to change the background on every single page and other similar things.


What I am trying to grasp is in the HTML as to what the <Class> tag does ... e.g. the <ul class="top_menu-menu"> vs <li class="first"> ... I see relationships in the top_menu-menu.css file but ... there's a LOT of stuff in that file -- it seems like one has to do a lot of coding for a pretty small portion of website ... or is this a "generic" style sheet that one would use for many different sites?

Class is a generic style that we can use many times on a page where ID is a unique style, once per page, the class border can be applied to any element on a page to draw a border around the element.

In the specific case of the UL class, these and the associated css files were created by the built in css menu facilities of the html editor. Any page you add the menu to will inherit the class.

top_menu-menu.css was auto-created? Was this with the Coffee Cup Editor? I've never seen that ability in mine to auto-create a css file (although I also never found until very recently that I could create slide-out vertical menus with it either).
So, any menu I would add you would assign the class of top_menu-menu ? Sorry, but this part confuses me ... I was OK until we got to this part.

The CC Html Editor creates a file called menu-menu.css. the 'top_' bit must have been added by either David or yourself.

OK ... as I am playing with the css2.css file, I cannot seem to get rid of the spaces around each pic that I'm putting on the page... I added a picture I tossed together called park_photo.jpg to the CSS file, and it shows up but when I try to size it by width: and/or height: tags in the CSS file, that only seems to change the bordered area and not the actual image. That's fine, in that I can just size it with my graphics software, but how can I get rid of the white space around each pic? I've searched through the CSS files and cannot find where that must be? If I pull the .border tag out of the css to remove the border, the whitespace is still there.

Additionally, I cannot seem to place the menu vertically ... any height: tag I put in the CSS file doesn't move it. I can move it horizontally. I've looked though the menu-menu.css as well as the top_menu-menu.css file for anything referencing the sf-vertical in the tag <ul class="menu-menu sf-vertical"> from the HTML and cannot find it but that must have something to do with aligning the menu vertically.
I also see when I mouse-over the MUSIC FEST 2012 menu option, due to the amount of sub-menus, it causes the screen to 'jump' when it adds the vertical scroll bar ... perhaps that is just something I just have to live with due to the length of the submenu?

A link to this?

Sorry ... http://www.jayjaynet.com/jayjay/dev/index.html