Re: [css-d] problem getting an *inline* css rollover to work
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 > Can't you generate this second image name into the head of the document? splitting & moving the per-image-name style-creation logic into php in the , then, looping again over image-names/styles in the body did the trick. thx! - -- /"\ \ / 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.3 (Darwin) iEYEAREDAAYFAkRoxv8ACgkQlffdvTZxCMbCmQCfYeWrooJQ21TwqLx70DpJo6EL UFMAn3St/exPAvnIvB20K5y4+EAiZd1d =ixdO -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] problem getting an *inline* css rollover to work
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi all. i'm working on some dynamic css-menu building. i'm trying to get an inline-css rollover to behave. i've got an tag of: the goal, of course is, when hover over the block's background image, flip the display to the hover-image. in this form, this *has* to be done inline as $image_name & $image_name_hvr are *dynamically* generated in a parent, php loop ... problem is, $image_name display correctly. but i can't get that silly second, hover image to display ... i'm guessing it's either a syntax problem with my inline-css, or i'm approaching this all wrong ... thoughts/suggestions? 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.3 (Darwin) iEYEAREDAAYFAkRottcACgkQlffdvTZxCMZg5gCeNNz9lRamphWWmUUrsmiw+Dw+ 6FcAoLwrIlgSpCVBusmbrSVzYHOaopsX =4Q55 -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] center/position multiple images on a single 'line' ... which method best?
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi all,
just fyi. re:
>> my goal is simple. with html of,
>>
>>
>>
>>
>>
>>
>>
>> to layout three images on a line, equally spaced, centered on a page.
with a bit of mucking about (many way to THIS mountain, it seems ...)
i've been able to get what i want need ...
fwiw:
changing one value, the row_container's overall width results in the
three images on one line, equally spaced, centered on the page.
and, they're tag'd as well ...
cheers,
richard
html:
==
==
css:
==
div#row_container {
width: 600px; // <-- images will be evenly distributed across
// this width
margin: auto;
background-repeat: no-repeat;
}
div#image_container {
width: 33.33%;
}
div#image1 {
margin: auto auto auto 0px;
background-image: url(image1);
;}
div#image2 {
margin: auto auto auto auto;
background-image: url(image2);
}
div#image3 {
margin: auto 0px auto auto;
background-image: url(image3);
}
.site_img_sz {
width: 180px;
height: 100px;
background-repeat: no-repeat;
}
.pos-left {
margin-left: 0%;
}
.pos-middle {
margin-left: 33.33%;
margin-top: -100px;
}
.pos-right {
margin-left: 66.66%;
margin-top: -100px;
}
==
- --
/"\
\ / 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.3 (Darwin)
iEYEAREDAAYFAkRhZTIACgkQlffdvTZxCMbnmACeLUjt2HSAGBQG20mlUqTgIcKt
1bYAoKl6n1RXofSfr6gaXwH+rk/af6Wy
=+NUL
-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] center/position multiple images on a single 'line' ... which method best?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi francky, > If it are just images without the need of a (link) list format, then it > can be very simple, almost literally what you want. > Testpage: > http://home.tiscali.nl/developerscorner/css-discuss/test_3_images_in_row.htm > > > Or do you mean something else? agreed. that's clear. :-) my example/questioning, tho, is abt the centering & positioning of those images as background-images of the the three s ... 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.3 (Darwin) iEYEAREDAAYFAkRhVfoACgkQlffdvTZxCMY3dQCfQAxaXP21/Bs8jwlCsEBsu0dg MZMAoIGVwFj2gGCAxCUaGo1wCpkW3nJ5 =UqDo -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] center/position multiple images on a single 'line' ... which method best?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi all, my goal is simple. with html of, to layout three images on a line, equally spaced, centered on a page. the images are *each* width: Xpx; height: Ypx; container is >= 4 * Xpx in width. i'd like to end up with, simply: -- || | -- --- --- | | (Apx) | image1 | (Bpx) | image 2 | (BPX) | image 3 | (Apx) | | -- --- --- | || -- the question is, which css positioning is most appropriate? i can see/do options with float, relative & absolute, games with padding & margins, etc etc. none of which, at least how i'm implementing, are NOT 'clunky' ... atm, i've image 1: float left image 2,3: float right with padding/margins used to position ... i'd RATHER simply specify "center the block of images on a line" "separate the images by 10 px from each other" i think i'm over-thinking this :-/ clarity/comments/suggestions are all appreciated! 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.3 (Darwin) iEYEAREDAAYFAkRg7GYACgkQlffdvTZxCMZBRQCeO7rT60JokPlvayOY0ef7nkW/ 5+cAoIcYpn4PEmMNrhtR6Qn2fzb9RqGD =hDO9 -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 different do text & background colors need to be for text to be 'just barely legible'?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 Eric Shepherd wrote: > It's not at all a CSS question, actually. If you have to say "this > might be off topic" it probably is. w/e > There are now very clear guidelines published by the WCAG. They live > at http://www.w3.org/TR/UNDERSTANDING-WCAG20/. > > Here's a page on evolt that talks about this also: > http://www.evolt.org/node/60472 thx. just what i was looking for. cheers. -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.3 (Darwin) iEYEAREDAAYFAkRSgcMACgkQlffdvTZxCMYvJgCgnevf0eD7Jn9HpLyQQs4q1vDN 9YUAoKofFY8kVZwi/4QVr5Kg0H+33iBd =UK3+ -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 different do text & background colors need to be for text to be 'just barely legible'?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi all, not really 'just' a css question, but i figure with enuf designers in/around here ... for any given RGB background color, is there a rule-of-thumb for text color that would define "sufficient but minimum" contrast for the text to be just barely legible/distnguishable ? i'd guess it depends, in part, on any individual's color sensitivity ... but wondering what if any 'guideline' is? 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.3 (Darwin) iEYEAREDAAYFAkRSX5QACgkQlffdvTZxCMaruQCdGXIXy2+NTeRkGqyLpg4kzboV S/QAoJxFE6STltVC4JuHd027Ar2elLKF =ZAVl -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 prevent centered container's LEFT margin disappearing as browser < 'mid-width' ?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi georg, > Most valid CSS hacks are listed on... > <http://www.dithered.com/css_filters/css_only/index.php> great reference! didn't know abt it ... :-) thx! - -- /"\ \ / 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) iEYEAREDAAYFAkRJOrMACgkQlffdvTZxCMagEACeJJ9ApN/ys9i/yMIbKU0LdYaZ U4sAoK6D5w94bSKSlk9GYZ+Hc2OFUt/h =u36y -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 prevent centered container's LEFT margin disappearing as browser < 'mid-width' ?
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi georg,
>> suggestions?
>
> Don't use that method, and avoid absolute positioning of large
> page-parts..(?)
>
> This...
> body {
> margin: 5px 0 5px 0;
> }
>
> div#main_container {
> width: 850px;
> _height: 768px;
> min-width: 850px;
> min-height: 768px;
> margin: 30px auto 30px auto;
> }
>
> ...will make it center perfectly on wide windows, and it will *not*
> disappear beyond the left side on narrow ones.
> (There's an IE/win 'leading underscore' hack in there, since I wanted
> IE6 to show it at full "minimum" height too.)
thanks! between your & Ron's comments, i've got it all working now :-)
QUESTION: is there a good reference for "make-it-work-with-IE/win"
hacks? e.g., i've never come across (yet) the underscore hack you
mention
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)
iEYEAREDAAYFAkRJD9gACgkQlffdvTZxCMYheQCfacd60nwJFG+5mLHoXi31oR7N
TV0An0gFFDj2/q8X83N9P+ufOFdbKi8g
=8vOC
-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 prevent centered container's LEFT margin disappearing as browser < 'mid-width' ?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi ron, thx for the reply & the reference! :-) >> iiuc, to keep a container centered, i need to use the negative left >> margin spec ... > > Actually you can use the following code: > > On body, add text-align:center; and then add margin:0 auto; to the > container. ... > [0] http://www.simplebits.com/notebook/2004/09/08/centering.html works like a champ! "text-align: center;" who'd'a thunk? 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) iEYEAREDAAYFAkRJCk0ACgkQlffdvTZxCMYf5wCfXQpUKUIRPz6ud3092K4HY36/ PwoAnjqYQPyYHcqcdVsJR/KReCFs90x/ =ED86 -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 prevent centered container's LEFT margin disappearing as browser < 'mid-width' ?
-BEGIN PGP SIGNED MESSAGE- Hash: RIPEMD160 hi all, i've a 'centered container' on my page. it's styled as: width: 850px margin: 0px 0px 0px -425px min-width: 850px if i drag the browser window width LESS THAN 'min-width', the horiz scrollbar shows up as expected, AND, the *right* margin of the container remains viewable/accessible by scrolling ... which i believe is the way the min-width spec should act ... BUT, the LEFT marging moves off the page and is INACCESSIBLE ... can't scroll to it. iiuc, to keep a container centered, i need to use the negative left margin spec ... but how do i ensure that the LEFT side of the page can be scrolled to in resize-to-narrow-browser circumstances? simple EXAMPLE here: http://tinyurl.com/ovrmq suggestions? 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) iEYEAREDAAYFAkRI/VoACgkQlffdvTZxCMbWBACfcnU+FRp/hE9nv09HhLmMIoNN vpwAoJDNltSrbioh24qJwIiA4icWPP/b =pqpQ -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 ...
-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 ...
-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 ...
-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/
[css-d] problems with horizonally aligning images when moving from table+ to tableless-CSS
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi all.
i'm moving my site from table-based to css-tableless. flowed text, etc
has all been migrating fine. now i'm to some of the nitpicky image
details ...
i'm attempting to place two images next to one another in a single
container.
the images DIVs are to be placed 'relative' to the parent DIV. the goal
is to have them horizonatlly aligned -- with both "top" specs for the
two images identical __ i.e., ending up with, simply:
"GOAL"
- |
| |
| |---| |---| |
| | IMAGE 1 | | IMAGE 2 | |
| | | | | |
| | | | | |
| |---| |---| |
| |
- |
BUT, instead, i've ended up with:
"ACTUAL"
- |
| |
| |---| |
| | IMAGE 1 | |
| | | |
| | | |
| |---| |---| |
| | IMAGE 2 | |
- |
| |
|---|
after a bit of fooling around, i find that by SHIFTING image2's "top"
spec downwards by the height of the image (i.e. '26' - '92' = '66'), i
can get the images to align.
the calling HTML is simply:
and the accompanying CSS that *works* is:
div.footer_container {
clear: none;
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
}
#image1 {
position: relative;
display: block;
width: 92px;
height: 92px;
top: 26px;
left: 2px;
background-repeat: no-repeat;
background-image: url(image1.png);
border: 0px;
clear: none;
}
#image2 {
position: relative;
display: block;
width: 92px;
height: 92px;
top: -66px;
left: 200px;
background-repeat: no-repeat;
background-image: url(image1.png);
border: 0px;
clear: none;
}
how would i change the CSS to correctly -- and intuitively -- align
these two images so that their "top" specs both ARE the same and APPEAR
the same?
i'm fairly sure this is a problem with my understanding/use of
positioning ...
any help is appreciated!
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)
iEYEAREDAAYFAkQ/EDMACgkQlffdvTZxCMa7YgCglSVGdAmw7QA7ySDKkxDwj9Fy
u+oAoMG99gdOxM7ki+zCaHiVCWUrO9Oh
=NkoU
-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/
