1
Jyotirmaya
Multimenu CSS
  • 2006/5/26 17:12

  • Jyotirmaya

  • Not too shy to talk

  • Posts: 105

  • Since: 2005/2/10


I am trying to integrate multimenu dropdown horizontal CSS menus into my theme, and have got the menus working but need to edit the menu CSS so that it is the same as my theme CSS.

Where do I find the CSS for the dropdown menus?? looked through release docs and forums, couldn't find it anywhere.
"You are never alone or helpless, the force that guides the stars guides you too"

2
Lance_
Re: Multimenu CSS
  • 2006/5/26 19:23

  • Lance_

  • Home away from home

  • Posts: 983

  • Since: 2004/1/12


Look in the /script folder.
GDL-Web.com :: Website development.
Xoopslance.com::Freelancing and Projects
thelionsden-arena.net:: Clan/League/Ladder Hosting

3
Jyotirmaya
Re: Multimenu CSS
  • 2006/5/31 11:33

  • Jyotirmaya

  • Not too shy to talk

  • Posts: 105

  • Since: 2005/2/10


Thanks Lance,

am having some problems editting the css. - The horizontal dropdown css is basic_dd.css, in the /script/08 folder.

I am trying to remove the borders on my dropdown links so that it can fit into my theme nicely.
when I edit the following CSS item on line 25:
Quote:
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white.
Set the background color and the font size. */
.menuhcss ul li a, .menuhcss ul li a:visited {
display:block;
text-align:left;
text-decoration:none;
height:17px;
color:#000;
border:0px none #fff;
border-width:0px 0px 4px 0px;
background:url(images/body_bg.gif) repeat;
line-height:17px;
font-size:12px; font-weight:bold;
}

If I change the border-width to all be 0px, which is what I want, then the drop down list appears when I hover over the mainlink, however, as soon as I try to select a sublink, it disappears.

I played around, and basically, as soon as the bottom border goes below 4px - the sub-links disappear before you can select them. Any ideas on why this might be so? Seems to happen in IE as well as FF.

In my theme, the dropdown menus sit within a element which is 18px high.
"You are never alone or helpless, the force that guides the stars guides you too"

4
Bassman
Re: Multimenu CSS
  • 2006/5/31 11:39

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


Why not make the border the same color as the dropdown background?

5
Jyotirmaya
Re: Multimenu CSS
  • 2006/5/31 11:40

  • Jyotirmaya

  • Not too shy to talk

  • Posts: 105

  • Since: 2005/2/10


possible, but the background is not a fixed color, but rather a gradient
"You are never alone or helpless, the force that guides the stars guides you too"

6
Jyotirmaya
Re: Multimenu CSS

ok sorted it -
the problem lay in the positioning of the sub-links list
I changed this in scrip-t/08/basic_dd.css
Quote:
/* make the sub menuhcss ul visible and position it beneath the main menuhcss list item */
.menuhcss ul li:hover ul {
display:block;
position:absolute;
top:21px;


to this

Quote:
/* make the sub menuhcss ul visible and position it beneath the main menuhcss list item */
.menuhcss ul li:hover ul {
display:block;
position:absolute;
top:17px;


My line-height for my Main links is 18px
This stops the mouse from travelling over "dead" space and making the sub menu disappear before I could hover over the link.
"You are never alone or helpless, the force that guides the stars guides you too"

7
blueteen
Re: Multimenu CSS
  • 2006/6/2 10:58

  • blueteen

  • Quite a regular

  • Posts: 379

  • Since: 2004/7/16


hello,
good solution
else, didn't you try that :
"transparent" value for border color ?
http://www.w3schools.com/css/pr_border-color.asp

but, but there are perhaps problems under IE.

8
Jyotirmaya
Re: Multimenu CSS
  • 2006/6/2 12:06

  • Jyotirmaya

  • Not too shy to talk

  • Posts: 105

  • Since: 2005/2/10


Cheers blueteen - even if I made the borders transparent - the extra 4 pixels the border put into my menubar messed up the theme....

Actually I was looking at your CGenie site quite a bit and based my solution heavily around your CSS (so you helped me twice...)
"You are never alone or helpless, the force that guides the stars guides you too"

Login

Who's Online

183 user(s) are online (106 user(s) are browsing Support Forums)


Members: 0


Guests: 183


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits