View Full Version : Some CSS missing in dropdown menu
capeinfo
01-27-2011, 06:07 PM
Hi
I'm trying to set up the CSS for a dropdown menu for a template I bought, but I'm sure something is missing.
The site is http://capeinfo.com/dev2 and the issue is with "Test" in the menu. The background image only appears for the first dropdown and not the following ones.
I'm sure (I hope) that just a nudge in the right direction will help me.
Thanks
Carl
Deadweight
01-27-2011, 06:16 PM
I can help you out but i need more information.
Do u want the background to be in the rest of the drop down? or do u want to delete the first background in the first "test"
capeinfo
01-27-2011, 06:21 PM
Thanks.
All the "tests" in the drop down need the background image.
I can post all the code if necessary.
Deadweight
01-27-2011, 06:24 PM
I can look at the code just by having the website. Dreamweaver CS5.
But i just cant edit the code
Deadweight
01-27-2011, 06:38 PM
Did u actually pay for this? Cuz i could have made one that would have been completely free and look just like that lol
capeinfo
01-27-2011, 06:40 PM
Yep, I did! It's the Bolt template for Joomla - supposedly the fastest template there is.
Deadweight
01-27-2011, 06:48 PM
Wow i could have made a much better drop down!! lmao
Without being this confusing also.
Well try this
look in ur Css and look for this code
#menu .menu li ul a {
border:none;
color:#fff;
width:128px;
font-weight:normal;
line-height:22px;
padding:0 10px;
text-transform:none;
text-align:left;
}
add this to the code
background-color: #32a524;
so the final code looks like:
#menu .menu li ul a {
border:none;
color:#fff;
width:128px;
font-weight:normal;
line-height:22px;
padding:0 10px;
text-transform:none;
text-align:left;
background-color: #32a524;
}
tell me what happens
FYI so u see this dont forget to look at page 2!!! bottom/top right corners!!
capeinfo
01-27-2011, 06:52 PM
OK, done!
Now the first drop down lost it's background image but they all are in green now.
capeinfo
01-27-2011, 06:55 PM
I replaced the line above with
background:#32a524 url(../images/green.png) repeat-x;
and it's almost right now. Just have to get the white borders back. I'm wondering if a flat color wouldn't be better.
capeinfo
01-27-2011, 06:56 PM
If you look at http://capeinfo.com/ it seems that a flat colour is better.
Deadweight
01-27-2011, 06:59 PM
i think the flat color is better.
So just get rid of the
background-color: #32a524;
capeinfo
01-27-2011, 07:15 PM
Thanks for your help. It's almost right now.
One last question... I can't find the right place to add a 1pt white line between the drop downs.
Deadweight
01-27-2011, 07:15 PM
oops wrong thing i mean the
url(....)
Deadweight
01-27-2011, 07:16 PM
Oh ok let me see what i can do!
Is the siteupdated now?
Deadweight
01-27-2011, 07:18 PM
#menu .menu li ul a {
border:none;
color:#fff;
width:128px;
font-weight:normal;
line-height:22px;
padding:0 10px;
text-transform:none;
text-align:left;
background:#8abd18;
border-bottom: solid 1px #FFF;
}
try that
capeinfo
01-27-2011, 07:22 PM
Thank you!
Deadweight
01-27-2011, 07:24 PM
I see it worked! No problem glad to help. If u ever need me just email me
CRAZYKLD_68@YAHOO.COM (LOWER CASE)
Its faster to contact me.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.