I have never used CSS Please Help - Chrome CSS Drop Down Menu

[spartan76092]

I am new to making websites. I learned a little HTML at school in a Webmastering Class. We didn't learn anything advanced and cool though.

I designed my website: www.elitefreebies.com using very basic HTML and now I would like to make it even better using some CSS.

I have never used CSS and was never taught anything like it.

Could any of you guys please give me a quick step by step guide of where to upload the folders that I downloaded from: http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

I unzipped the folder but now I don't know where to put the folders or what's inside them. Do I need to make some sort of CSS Folder?

Thanks So Much

[spartan76092]

I think I am getting a little closer to figuring this out. I have the home page done: www.elitefreebies.com

but how do I fix the other pages ex: www.elitefreebies.com/paypal.html

As you can see it is just doing a list.

Thanks

[Sliight]

Here's the link where I learned CSS from the ground up. http://www.westciv.com/style_master/house/index.html
Check out my site http://www.usejeff.com I love the style master program, and the tutorial was amazing.

Check out the source code on my page as well, you'll see an entry like this:

<div id="slidemenu" class="slidetabsmenu">
<ul>

<!--#include file="topslidemenu.txt" -->

</ul>
</div>

Veronica, a user here was the one who told me about the <!--#include thing. That little tidbit has saved me HOURS AND HOURS of editing menus on every page. Basically by inputting that in every page where the menu goes, I can edit the links in each page all from one .txt file. So just plain old normal HTML code goes into the .txt file. You can see the source in other pages as well, http://www.usejeff.com/refinance.shtml - Note the .shtml, by using this text insert thing, I had to make my extensions .shtml. I'm not sure if this was the answer you were looking for, or if it was more of a positioning question.

If positioning, I'm sure someone here will be able to help out for sure, but I would definitely check out the tutorial and demo program I mentioned.

Good luck!

[spartan76092]

Thanks, but I still can't figure out what is wrong with my script. I'm sure someone will be able to figure it out by just taking a quick look. Thanks.

[Sliight]

I'm not sure if this is the best way to do it... but I would place all of the files, except the demo.htm in the same folder as your home page, where I assume all of the other folders are at as well.

I'm using a nearly identical drop down menu, and I have all my key files in the main directory where the home page is.

I will note one thing, this exact chrome css menu is what I initially tried to use. I couldn't get it to work. I ended up editing the gif files in for this menu http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm and it worked out great. Mine now looks nearly identical to the chrome one, I just removed the rounded tab part. One important note on this menu if you use it. The bottom border is set to 1, so you will get a line extending out, or possibly all the way across the page. Just set it to zero and yer gtg.

I think the chrome menu may be hard for a newb to figure out, cause now with you, that makes two of us who can't successfully get it to work.

Good luck!

[spartan76092]

I got that problem fixed now I have another. How can make the menu bar on www.elitefreebies.com/iphone.html look like the munu bar on www.elitefreebies.com?

I want them to be the same font and same size font.

[Sliight]

You have a couple spots where you have </p> when there was no <p> to start, however I don't think that would do anything.

The only key thing I saw that was different was the main pages <style>

<style>
body,tr,td,table{font-family:verdana;font-size:8pt;scrollbar-3dlight-color:#dedede;scrollbar-arrow-color:#dedede;scrollbar-base-color:#dedede;scrollbar-darkshadow-color:#dedede;scrollbar-face-color:#dedede;scrollbar-highlight-color:#dedede;scrollbar-shadow-color:#dedede;}
</style>

You have that in your main page, but not your others. Try and copy it into the other pages, or remove it completely if you want. I'm not sure why the CSS sheet for the menu isn't taking over, but some parent element must be having an effect on it.