Re: [css-d] how 2 position position pureCSS dropdown submenu *relative* to parent? absolute wrt page is OK ...
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi pete,
> sweet. sorry for the misunderstanding.
de nada!
...
> #techList ul:hover li ul is currently contained by #techList, and
> positioned relative to it.
...
> By setting #techList ul { position: relative; }, you can make _it_ the
> container for #techList ul:hover li ul instead of #techList.
>
> Is that what you're after?
kinda sorta. it's working now (http://tinyurl.com/ndn6y) ... with
relative positioning! yay!
staring at it while drinking a beer seems to have helped the most! 8-}
in short:
- -- i got rid of the s, replacing with s,
- -- applied some of your wisdonw from above ...
- -- made sure EACH of my cascade levels was properly defined (inherits
are a $&^%, i find ... ! )
thx!
cheers,
richard
- --
/"\
\ / ASCII Ribbon Campaign
X against HTML email, vCards
/ \ & micro$oft attachments
[GPG] OpenMacNews at gmail dot com
fingerprint: 50C9 1C46 2F8F DE42 2EDB D460 95F7 DDBD 3671 08C6
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.2.2 (Darwin)
iEYEAREDAAYFAkRIfNcACgkQlffdvTZxCMYP8wCgnlEsfYrqj/j4VCHKvOPpsVIl
ax0Aniq9Ql0JchF2CXymOO5hpQsE1LyE
=SAJZ
-END PGP SIGNATURE-
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how 2 position position pureCSS dropdown submenu *relative* to parent? absolute wrt page is OK ...
richard,
> well described, and you're right -- once the epiphany strikes, lots
> becomes clear ...
thanks.
> iiuc, i _do_ have the 'boxes' correctly defined/laid out. the menu &
> dropdown are, in fact working 'correctly' as:
sweet. sorry for the misunderstanding.
> now, i WANT to have the dropdown submenu positioned relative to its
> parent's ("techList") 'box', which is floateded right in "topbar" ...
#techList ul:hover li ul is currently contained by #techList, and
positioned relative to it.
> the QUESTION is, HOW TO position the dropdown's SUBMENU relative to the
> parent object, namely the right-floated image ...
By setting #techList ul { position: relative; }, you can make _it_ the
container for #techList ul:hover li ul instead of #techList.
Is that what you're after?
-pete
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how 2 position position pureCSS dropdown submenu *relative* to parent? absolute wrt page is OK ...
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi pete,
> I'm not sure I can solve your specific problem, but I can speak to
> positioning an object relative to its parent. This was an epiphany for
> me when I discovered it (reading and Eric Meyer book, I'm sure).
>
> To put it simply, you must set the parent element to be recognized as
> a box. You do this by setting its position to "relative" or
> "absolute". The child element's position is then set to "absolute". I
> know, it's not particularly intuitive.
>
> So, to position div#fbar (the child) relative to the postion of
> div#bar (the parent), you do something like this:
>
> div#foo { position:relative; }
> div#bar { position: absolute; top: 10px; left: 20px; }
>
> Then, in the xhtml...
>
>
> some content
>
>
> That'll offset the content of bar 10px from the top edge and 20px from
> the left edge of foo.
>
> Hope this makes sense
well described, and you're right -- once the epiphany strikes, lots
becomes clear ...
i'm using this 'standard approach' successfully throughout my site ..
> and help a bit w/ your trouble.
iiuc, i _do_ have the 'boxes' correctly defined/laid out. the menu &
dropdown are, in fact working 'correctly' as:
/* posn: fixed;rel to browser */
/* posn: relative; rel to
parent = "topbar_container" */
/* float: right; rel to
parent = "topbar" */
now, i WANT to have the dropdown submenu positioned relative to its
parent's ("techList") 'box', which is floateded right in "topbar" ...
BUT, the only way i seem to be able to position it AND have it appear in
the browser, is to:
define it as a block
position it ABSOLUTE, relative to the parent TOPBAR ...
i.e.,
#techList ul:hover li ul {
display: block;
position: absolute;
width: 80px;
height: 15px;
top: 15;
right: 14px;
}
the QUESTION is, HOW TO position the dropdown's SUBMENU relative to the
parent object, namely the right-floated image ...
cheers,
richard
- --
/"\
\ / ASCII Ribbon Campaign
X against HTML email, vCards
/ \ & micro$oft attachments
[GPG] OpenMacNews at gmail dot com
fingerprint: 50C9 1C46 2F8F DE42 2EDB D460 95F7 DDBD 3671 08C6
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.2.2 (Darwin)
iEYEAREDAAYFAkRIbW8ACgkQlffdvTZxCMbhwACgqroQmyBQn9OeGGwKnp6BXq1m
dXcAoMjfWTWvu+/V3CNoxN4q2i+DItt9
=B1ri
-END PGP SIGNATURE-
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how 2 position position pureCSS dropdown submenu *relative* to parent? absolute wrt page is OK ...
Hi Richard,
I'm not sure I can solve your specific problem, but I can speak to
positioning an object relative to its parent. This was an epiphany for
me when I discovered it (reading and Eric Meyer book, I'm sure).
To put it simply, you must set the parent element to be recognized as
a box. You do this by setting its position to "relative" or
"absolute". The child element's position is then set to "absolute". I
know, it's not particularly intuitive.
So, to position div#fbar (the child) relative to the postion of
div#bar (the parent), you do something like this:
div#foo { position:relative; }
div#bar { position: absolute; top: 10px; left: 20px; }
Then, in the xhtml...
some content
That'll offset the content of bar 10px from the top edge and 20px from
the left edge of foo.
Hope this makes sense and help a bit w/ your trouble.
Cheers,
-pete
--
Pete Stuart
Design Engineer, Trumba Corporation, www.trumba.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how 2 position position pureCSS dropdown submenu *relative* to parent? absolute wrt page is OK ...
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi bill, thx for the comments :-) > Your menu works fine in Firefox on Windows XP. I have no access to a Mac OS, > so I can't test there for you. fwiw, i'm bldg/testing on FF ... not an issue with working/ not working, rather simply a question abt the ABSOLUTE positioning ... and how to get the submenu positioned relateive to the parent. > As expected, IE does nothing since IE doesn't > support :hover on anything but the a tag. understood. > The menu (as with all css based menus) is impossible to navigate on a laptop > with a touchpad due to the strict and finicky on/off nature of :hover. that's a good point to keep in mindd ... thx. > While I can't replicate your problem, I could guess that your problem lies > in the parent element. Try declaring position:relative on the parent element > and see if that helps. Otherwise...I got nothing. i'd done that already. alas, the parent element simply 'vanishes' off the page. haven't figure out where the slippery little sucker gets off to ... again there's no *problem* ... just the question. thx! richard - -- /"\ \ / ASCII Ribbon Campaign X against HTML email, vCards / \ & micro$oft attachments [GPG] OpenMacNews at gmail dot com fingerprint: 50C9 1C46 2F8F DE42 2EDB D460 95F7 DDBD 3671 08C6 -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (Darwin) iEYEAREDAAYFAkRIXWcACgkQlffdvTZxCMYHnACeKuh/fRJW80jvg/+KHArHn01v KvAAoK9arppEfdQhYujV8RTJw/QtUcUj =Gv75 -END PGP SIGNATURE- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how 2 position position pureCSS dropdown submenu *relative* to parent? absolute wrt page is OK ...
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi all, i've a pure-CSS dropdown menu. i've only been able to get the dropdown's SUBmenu positioned w.r.t. the parent using ABSOLUTE positioning. (how) can I position simply relative to the parent object's position? my current EXAMPLE is here: http://tinyurl.com/ndn6y to see the dropdown, hover over the rightmost icon in the top bar ... source & css are available in ViewPageSource, as usual ... thx for any pointers! cheers, richard - -- /"\ \ / ASCII Ribbon Campaign X against HTML email, vCards / \ & micro$oft attachments [GPG] OpenMacNews at gmail dot com fingerprint: 50C9 1C46 2F8F DE42 2EDB D460 95F7 DDBD 3671 08C6 -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (Darwin) iEYEAREDAAYFAkRITosACgkQlffdvTZxCMZqzACgoNiSV2WjZbRo+X6U0Ya8nOrl EQsAoJEO4EYTR+AsVNf5XcvN27AgpTVc =Ardm -END PGP SIGNATURE- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
