Re: [css-d] An Image On Top Of an Image
On Mon, Jun 21, 2010 at 2:22 PM, Climis, Tim wrote: > > > > Can you send us a link to your live page instead of all this code? It's a > lot easier to debug things that way. > http://creative.vi/clients/crucian-edu/ TIA, V __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
> Can you send us a link to your live page instead of all this code? It's a lot easier to debug things that way. If not, we can try and work with what we've got, but a link is always more helpful. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
Well, Peter, your code worked well; however, I had to add several breaks at the end: Listen Live! Click here to listen live to WXZT 90.9 FM now! Even so, it has a little extra space at the top. What happened without the breaks is that your code forced everything down for some reason. Could you explain that? TIA, V __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
The enclosing is important. It has positional info, so the coordinated in the enclosed s are relative to that div. You do not have to specify the width and height of the images. I've just doing that to show the sizes. The second image will be displayed on top of the first: no z-index is given, so they are rendered in the order they occur. If you want, you could say From: Victor Subervi [mailto:victorsube...@gmail.com] Sent: June-21-10 10:09 AM To: Peter Coates Cc: Climis, Tim; CSS Discuss Subject: Re: [css-d] An Image On Top Of an Image On Mon, Jun 21, 2010 at 12:23 PM, Peter Coates wrote: Wouldn't it be easier to construct the finished image you want, and define the active area for the "button" with a ? Yeah, well, could do; however, I reuse the button over different images. How do? Too complicated? V -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi Sent: June-21-10 8:36 AM To: Climis, Tim Cc: CSS Discuss Subject: Re: [css-d] An Image On Top Of an Image On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim wrote: > Umm. Can we have an example of what you want? There are many options > here, and depending on the effect you're looking for, some may or may not > work. kinda figured that... > For example: do you want the bottom image to be visible under the top image > (translucent)? yes > Are the images the same size or is one going to frame the other? not the same size. The bottom one has a "hole" in it for the button to fill. Imagine the logo for mailman (python mailing list). There is a "flag" part to the left with a "circle" on the right: http://www.mailmanlist.net/img/MailmanLogo75x199.jpg Imagine it with "flags" on either side. Hope that was better. TIA. V __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
On Mon, Jun 21, 2010 at 12:23 PM, Peter Coates wrote: > Wouldn't it be easier to construct the finished image you want, and define > the active area for the "button" with a ? > Yeah, well, could do; however, I reuse the button over different images. How do? Too complicated? V > > -Original Message- > From: css-d-boun...@lists.css-discuss.org > [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi > Sent: June-21-10 8:36 AM > To: Climis, Tim > Cc: CSS Discuss > Subject: Re: [css-d] An Image On Top Of an Image > > On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim wrote: > > > Umm. Can we have an example of what you want? There are many options > > here, and depending on the effect you're looking for, some may or may not > > work. > > > kinda figured that... > > > > For example: do you want the bottom image to be visible under the top > image > > (translucent)? > > > yes > > > > Are the images the same size or is one going to frame the other? > > > not the same size. The bottom one has a "hole" in it for the button to > fill. > Imagine the logo for mailman (python mailing list). There is a "flag" part > to the left with a "circle" on the right: > http://www.mailmanlist.net/img/MailmanLogo75x199.jpg > Imagine it with "flags" on either side. Hope that was better. > TIA. > V > __ > css-discuss [cs...@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
Wouldn't it be easier to construct the finished image you want, and define the active area for the "button" with a ? -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi Sent: June-21-10 8:36 AM To: Climis, Tim Cc: CSS Discuss Subject: Re: [css-d] An Image On Top Of an Image On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim wrote: > Umm. Can we have an example of what you want? There are many options > here, and depending on the effect you're looking for, some may or may not > work. kinda figured that... > For example: do you want the bottom image to be visible under the top image > (translucent)? yes > Are the images the same size or is one going to frame the other? not the same size. The bottom one has a "hole" in it for the button to fill. Imagine the logo for mailman (python mailing list). There is a "flag" part to the left with a "circle" on the right: http://www.mailmanlist.net/img/MailmanLogo75x199.jpg Imagine it with "flags" on either side. Hope that was better. TIA. V __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim wrote: > Umm. Can we have an example of what you want? There are many options > here, and depending on the effect you're looking for, some may or may not > work. kinda figured that... > For example: do you want the bottom image to be visible under the top image > (translucent)? yes > Are the images the same size or is one going to frame the other? not the same size. The bottom one has a "hole" in it for the button to fill. Imagine the logo for mailman (python mailing list). There is a "flag" part to the left with a "circle" on the right: http://www.mailmanlist.net/img/MailmanLogo75x199.jpg Imagine it with "flags" on either side. Hope that was better. TIA. V __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An Image On Top Of an Image
> How do I place an image on top of another image? Umm. Can we have an example of what you want? There are many options here, and depending on the effect you're looking for, some may or may not work. For example: do you want the bottom image to be visible under the top image (translucent)? Are the images the same size or is one going to frame the other? Or are you looking for a "scattered photographs" effect? All of these would have significantly different solutions, but all fall under "one image on top of another." ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/