hey, im having a few problems with my dropdown menue
<!-- m --><a class="postlink" href="http://hive-dev.net/xconnexion/">http://hive-dev.net/xconnexion/</a><!-- m -->
1:
in IE because of the width: auto; its adds extra breaks before and after a "-" how can i stop that from happening?
2:
how do i get the dropdown menue to be in front of all other elements on my site, with z-index also?
3:
under the dropdown "pix" you can see that in the first line he has 2 links why doesnt the display: block put then in seperate lines?
and how do i get them into a new line each differently?
thx for any help
-chris1: use 'non-breaking hyphen' ‑ or white-space:nowrap;
2: z-indexOriginally posted by Fang
1: use 'non-breaking hyphen' ‑ or white-space:nowrap;
thx that works!
but 2, the z-index: doesnt work,
where should i put it, i tried on the two main divs, ie, the one where the links are in (head4) and the "middle" divanyone?2: The z-index should be applied to the <ul>
<ul style="z-index:1000;">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">party meldern</a></li>
...
This works for FF but not IE which uses JavaScript to apply the 'popup'
I could not find the class over which should have a high z-index applied.
You could add the z-index in the JavaScript:
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
this.style.zIndex=1000;
}
btw this.className+=" over"; will make the className="over" not concatenate it to an existing className as the mouseout function replaces it with "".
3: Addli li {width:7em;}
7em is not wide enough! "cennecta werden" is wider and will overflow it's container in FFthanx that solved most of my issues, issue 3 still remains though,
and i would like to add a margin-top, but if i do, i cant get into the dropdownmenue anymore3 was resolved in previous reply.
margins are 'invisible' to events, the underlying element is detected firing a mouseout event.no, 3 has to do with the width beeing too big, because 2 links are put into one line under "piX"No, you have li {float: left; ... } which causes them to be on one line.
By giving li width there will seperate as a list.but if i give the li a width value, the whole menue gets pulled apart, and there isnt enough room in the line for that!
li:hover ul, li.over ul
{
display: block;
background-color: #036;
width: 9em;
}
li li a {
display:block;
width:9em;
}
<!-- m --><a class="postlink" href="http://hive-dev.net/xconnexion/">http://hive-dev.net/xconnexion/</a><!-- m -->
1:
in IE because of the width: auto; its adds extra breaks before and after a "-" how can i stop that from happening?
2:
how do i get the dropdown menue to be in front of all other elements on my site, with z-index also?
3:
under the dropdown "pix" you can see that in the first line he has 2 links why doesnt the display: block put then in seperate lines?
and how do i get them into a new line each differently?
thx for any help
-chris1: use 'non-breaking hyphen' ‑ or white-space:nowrap;
2: z-indexOriginally posted by Fang
1: use 'non-breaking hyphen' ‑ or white-space:nowrap;
thx that works!
but 2, the z-index: doesnt work,
where should i put it, i tried on the two main divs, ie, the one where the links are in (head4) and the "middle" divanyone?2: The z-index should be applied to the <ul>
<ul style="z-index:1000;">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">party meldern</a></li>
...
This works for FF but not IE which uses JavaScript to apply the 'popup'
I could not find the class over which should have a high z-index applied.
You could add the z-index in the JavaScript:
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
this.style.zIndex=1000;
}
btw this.className+=" over"; will make the className="over" not concatenate it to an existing className as the mouseout function replaces it with "".
3: Addli li {width:7em;}
7em is not wide enough! "cennecta werden" is wider and will overflow it's container in FFthanx that solved most of my issues, issue 3 still remains though,
and i would like to add a margin-top, but if i do, i cant get into the dropdownmenue anymore3 was resolved in previous reply.
margins are 'invisible' to events, the underlying element is detected firing a mouseout event.no, 3 has to do with the width beeing too big, because 2 links are put into one line under "piX"No, you have li {float: left; ... } which causes them to be on one line.
By giving li width there will seperate as a list.but if i give the li a width value, the whole menue gets pulled apart, and there isnt enough room in the line for that!
li:hover ul, li.over ul{
display: block;
background-color: #036;
width: 9em;
}
li li a {
display:block;
width:9em;
}