a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

drop down menu problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> drop down menu problem
Page: [1]
 
bsten

 

Posts: 1
Joined: 11/29/2006
Status: offline

 
drop down menu problem - 11/29/2006 11:06:12   
Hello,

Hope someone can help me. The "outer" menu doesn't stay close to the "inner" menu, unless you refresh the page. What could be the problem? Please see picture below. Thanks!

The page is to be found at http://trafiken.just.nu

Bengt S, Sweden

Here is the css code (example1.css):
(from http://gosu.pl/dhtml/mygosumenu.html )

(also using DropDownMenuX.js)

.ddmx {
font: 11px arial;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
padding: 4px 0px 4px 0px;
background: #000000;
font: 12px arial;
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
padding: 4px 10px 4px 10px;
font: 11px arial;
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
}
.ddmx .item2 {
background: #c4c4c4;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
background: #ffffff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
padding: 3px 8px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
}
.ddmx .section {
border: 1px solid #b8b4ae;
position: absolute;
visibility: hidden;
z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */


Thumbnail Image
:)

Attachment (1)

< Message edited by bsten -- 11/29/2006 11:12:17 >
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: drop down menu problem - 11/29/2006 17:55:42   
Before you do anything else, check the page out in Firefox, whole different ball game.

You've got so many frames knocking about that I just can't spend ages hunting down the code so make sure you have a doctype in the page so the browsers are not dropping into quirks mode.

You could also try changing the padding to margin as IE gets padding calculations wrong

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to bsten)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> drop down menu problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts