best way to use menu - Post ID 126034

User 562592 Photo


Registered User
2,038 posts

The Joker wrote:
Nice. Even after he said he went to Fe's site and accomplished the task.


My method is easier. Doesn't hurt to give the information.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 133269 Photo


Registered User
2,900 posts

skywalker wrote:
HI,

thank you all... I went to Fe's great resource and got it done!! yippie!!

I use include and it works like charm...

Thank you all

Daniel


Welcome Daniel :D
Have fun
~ Fe Pixie ~
User 1997052 Photo


Registered User
85 posts

Hey all,

hey Eric...you should continue with your dancing lessons, The Village People need new masked singers :lol:

Wanted to visit your page but FF did say nasty things about it being an attack site...

do you sing there??? :cool:

Thanks all

Daniel

Daniel P.
Germany
the answer is 42
User 38401 Photo


Senior Advisor
10,951 posts

Glad to hear you got it up and working like you wanted Daniel, Fe Pixie's got some really great tutorials on her site for sure.

@Eric: I also got that really nasty message when I went to your site page in the link you gave. O.O
User 1997052 Photo


Registered User
85 posts

Hey all,

need your help again with menus

next step, dropdown menu...

it works great in a CC template
<div id="sidebar">
<ul id="navigation">
<li><a href="index.php">Home</a></li>
<li><a href="quotesaboutsuccess.php">SuccessQuotes</a></li>
<li><a href="leecaroll.php">Lee Caroll</a></li>
<li><a href="2012mayancalendar.php">2012</a></li>
<li><a href="universallawsofattraction.php">Articles</a></li>
<li class="categories_link"><a href="nightingaleconant.php">Products</a>
<ul id="group_list">


<li><a href="changeyourthoughtschangeyourlife.php">Christy Whitman</a></li>
<li><a href="http://a2b6d7ggyzv-ez2lzn2lhm8tf6.hop.clickbank.net/?tid=HOTGR" target="_blank">Quantum Mind Power</a></li>
<li><a href="http://www.thinkrightnow.com/cmd.asp?af=1191591
">Think Right Now!</a></li>
<li><a href="lawofattractionbooks.php">Self Improvement Books</a></li>
<li><a href="#">Theta</a></li>
<li><a href="http://www.store.unexplainable.net/sales.php?offer=daniel70&pid=11&tid=hotgr">Self Hypnosis</a></li>


<li><a href="#">Quantum Techniques</a></li>
</ul>

where "products" unrolls a lot of "subproducts"

but it does not work for my own tries and trials

<!-- dropdown -->



<li class="categories_link" style=""><a href="alternative-fuels-expansion.html">Age of Alternatives</a>
<ul id="group_list">
<li><a href="disadvantages-of-nuclear-energy.html">Nuclear Disadvantage</a></li>
</ul>


<li>
<a href="solar-energy-blog.html">Solar Energy Blog</a>
</li>
</ul>

I even copied some of the CSS code (but am no good in css, perhaps I forgot something?)

sorry for so much code

What is wrong, why does "Age of Alternatives" not unroll "Nuclear Disadvantage"?

Thank you so much

daniel
Daniel P.
Germany
the answer is 42
User 133269 Photo


Registered User
2,900 posts

did you paste all the code?

i dont see some div or ul bits that should be there?

a link to the page?
Have fun
~ Fe Pixie ~
User 1997052 Photo


Registered User
85 posts

Hey Fee,

no, it's not all the code

where I try to install the dropdown is http://www.homeofsolarenergy.com

Thank you

Daniel
Daniel P.
Germany
the answer is 42
User 133269 Photo


Registered User
2,900 posts

ok - first you need to get that valid else browsers are going to do odd things anyways

theres an error here:

<body onLoad="nojavascript...pageTracker._setVar('admin_traffic');">
</HEAD>

<BODY>

that first body tag is in the wrong place (or the end </head> is) - and there can only be 1 of them....

then it looks like you missed copying in half the css for the menu too - for example i dont see any css for <ul id="group_list">
...
anything that says id= or class= on the tag needs to have the corresponding css declaration in the stylesheet or style tags (or is a target for javascript)...
Have fun
~ Fe Pixie ~
User 1997052 Photo


Registered User
85 posts

Hey Fe,

as they say in the Visa commercial (at least the german version), some things (and Fe) are just not be bought with money alone :)

I am lost here... (not CSS experience)

this is the CSS of the CC template
btw: I deleted the onload thing (was for google analytics)

what do I need here to copy into my new CSS?????????

Thank you :D

dan

/* CSS Document for the "Blue Skies" CoffeeCup Software HTML Editor Template
Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
Element Styles
#######################*/

body {font-size:14px; font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; color:#464646; background:#fff url(../images/body_bg.jpg) left top repeat-x}
a {outline:none; color:#0fb1d4}
a:hover {text-decoration:none}

h2 {margin-bottom:15px; font-size:1.5em; font-weight:bold}

/*#######################
Layout Styles
#######################*/

#wrapper {width:960px; margin:0 auto}

#header {width:960px; float:left}
#header img {width:128px; height:128px; float:left; display:inline; margin:10px 0}
#header h1 {margin:20px 0; font-size:2em; font-weight:bold; color:#fff}

#content_wrapper {width:960px; float:left; background-color:#fff}

#content_wrapper h2 {float:left; display:inline; width:779px; margin:1px 0 0 1px; padding:15px; color:#fff; background-color:#4dde61}

#sidebar {float:right; display:inline; padding-bottom:25px; width:150px; background-color:#fff}
#sidebar h2 {margin-bottom:5px}

#navigation {list-style-type:none; width:130px; margin:10px}
#navigation li {zoom:1; width:130px; font-size:1.1em}
#navigation li a {display:block; width:100px; padding:10px 15px; text-decoration:none}
#navigation li a:hover {color:#fff; background-color:#0fb1d4}

/* Drop-Down Category Menu */
#navigation .categories_link {position:relative}
#group_list {position:absolute; top:auto; left:-999em; width:100%; background-color:#0fb1d4}
#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0}
#navigation #group_list li {width:auto; margin:0; border:none; text-transform:none; font-size:.85em; background:none}
#navigation #group_list li a {display:block; padding:10px; text-decoration:none; color:#fff; background:none}
#navigation #group_list li a:hover {text-decoration:underline; border:none}

/* Cart Summary */
#cart_summary {width:130px; margin:10px; font-size:.85em}
#cart_summary h3 {margin:30px 0 15px 0; padding-top:35px; border-top: 1px solid #f3f3f3; font-weight:bold; font-size:1.5em; color:#5ad66b}
#cart_summary_list {margin-left:20px; list-style-type:decimal}
#cart_summary_list li {margin:10px 0; font-style:italic}
#cart_summary_list li a {display:block; padding:5px; color:#464646; text-decoration:none}
#cart_summary_list li a:hover {background-color:#f3f3f3}
#sidebar .checkout_button {margin:0; background:#0fb1d4}
#sidebar .checkout_button a {display:block; padding:8px 0; width:100%; text-align:center; text-decoration:none; font-weight:bold; color:#fff}
#sidebar .checkout_button a:hover {background-color:#18bbde}

#branding {clear:both; width:130px; margin:30px 10px 15px 10px; padding-top:35px; border-top: 1px solid #f3f3f3; font-size:.85em; line-height:1.3em}
#branding a {text-decoration:none; font-style:italic}
#branding a:hover {text-decoration:underline}

#content {float:left; display:inline; width:780px; padding:0 15px; background:#fff url(../images/content_bg.jpg) right bottom repeat-y}
#content p {margin:15px 0; line-height:1.5em}

#content img {float:right; display:inline; margin:0 0 15px 15px}

/* Form Styles */
input, textarea {width:350px}
input#submit {width:auto; font-weight:bold}
Daniel P.
Germany
the answer is 42
User 133269 Photo


Registered User
2,900 posts

probably everything in this bit...
/* Drop-Down Category Menu */

and maybe the navigation bits just above it too - i cant remember if you had those already or not...
Have fun
~ Fe Pixie ~

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.