[thelist] image over text?

[Gregory Wostrel]

I tried it as well and had less success than you. Although, I admit, I
probably did not spend half as much time trying. To add to the
difficulty I need the whole thing to center in the window so the
positioning has to be absolute with respect to the parent element, not
the viewport. Easy with tables, really tough with CSS.

I did the background image/text in the table cell thing. Online at:
http://www.gwcreative.com/working/weekapaug/index.html

Greg
On Friday, October 18, 2002, at 12:02  PM, Richard McFarland wrote:

> Greg,
>
> Well, I guess I should keep my mouth shut until I actually know
> something...;->
>
> That said, I was able, after a couple of hours, to get this working, at
> least in the following browsers: Mac IE 5.1.3, Mac NN 6.2, Mac Moz
> 1.1, Win
> NN 6.2.  Win IE 6.0 does not center the image, but does handle the text
> overlay (grrr..). Mac NN 4.7 does not overlay the text and strips all
> the
> styling off the text to boot (GRR...). Sorry, I don't have AOL to test
> it,
> but I have some doubts there unless it's the very latest version.
>
> Here's my test page:
>
> http://home.earthlink.net/~obmuseum/textover.html
>
> Hope this points you in the right direction.
>
> richard
>  --
> Richard McFarland <rlmcfarland at attbi.com>
>
>
>> From: Gregory Wostrel <gwostrel at mac.com>
>> Reply-To: thelist at lists.evolt.org
>> Date: Thu, 17 Oct 2002 20:32:48 -0400
>> To: thelist at lists.evolt.org
>> Subject: Re: [thelist] image over text?
>>
>> --
>> [ Picked text/plain from multipart/alternative ]
>> Hi Richard,
>>
>> Well it does help,
>> So how would that work?
>> Some thing like - <td><div class="image" ><img src="image.jpg"
>> /></div>
>> <div class="text'>text goes here</div>
>> and then the style sheet has
>> .text  { z-index: 2 }
>> .image { z-index: 1 } ?
>>
>> So then how does that degrade if the browser can't handle it? The
>> client uses (of course) AOL and I can only imagine what that will do
>> with the CSS
>>
>> Greg
>>
>> gwcreative
>> http://www.gwcreative.com/
>> gw at gwcreative.com
>> Communications and the Art of Simplicity
>>
>>
>> On Thursday, October 17, 2002, at 08:09  PM, Richard McFarland wrote:
>>
>>> Hey Greg,
>>>
>>> I would put the image in a div by itself, then lay another div on top
>>> of it.
>>> As long as you don't specify a background color or image for the text
>>> div,
>>> the lower div should show through just fine. You might have to fiddle
>>> with a
>>> z-index value for the text div--just give it a value higher than the
>>> pic div
>>> and it will "float" closer to the viewer in the stack.
>>>
>>> Hope this helps.
>>>
>>> richard
>>> --
>>> Richard McFarland (rlmcfarland at attbi.com)
>>> 206-378-6942
>>>
>>> --"The more you learn, the more there is to learn."--
>>>
>>>> From: Gregory Wostrel <gwostrel at mac.com>
>>>> Reply-To: thelist at lists.evolt.org
>>>> Date: Thu, 17 Oct 2002 16:51:10 -0400
>>>> To: thelist at lists.evolt.org
>>>> Subject: [thelist] image over text?
>>>>
>>>> --
>>>> [ Picked text/plain from multipart/alternative ]
>>>> OK, I know someone here will have some ideas for this.
>>>> I am working on a site for a resort and what I want to do on the
>>>> opening page is have text that lies on top of an image. I don't want
>>>> to
>>>> use a big image in it (like I am in the example I have linked) but
>>>> rather use live text over an image. Can I do this without using the
>>>> picture as a background tile? There can be so many problem with
>>>> that.
>>>> Maybe it is the best way to go.
>>>>
>>>> My concern with it not being a gif or jpeg picture/text is that I
>>>> want
>>>> the text to be available to search engines and so on.
>>>>
>>>> this is what I what it to look like:
>>>>
>>>> http://www.gwcreative.com/working/weekapaug/
>>>>
>>>> Greg Wostrel
>>>>
>>>>
>>>> gwcreative
>>>> http://www.gwcreative.com/
>>>> gw at gwcreative.com
>>>> Communications and the Art of Simplicity
>>>> --
>>>>
>>>> --
>>>> For unsubscribe and other options, including
>>>> the Tip Harvester and archive of thelist go to:
>>>> http://lists.evolt.org Workers of the Web, evolt !
>>>
>>> --
>>> For unsubscribe and other options, including
>>> the Tip Harvester and archive of thelist go to:
>>> http://lists.evolt.org Workers of the Web, evolt !
>>>
>> gwcreative
>> http://www.gwcreative.com/
>> gw at gwcreative.com
>> Communications and the Art of Simplicity
>> --
>>
>> --
>> For unsubscribe and other options, including
>> the Tip Harvester and archive of thelist go to:
>> http://lists.evolt.org Workers of the Web, evolt !
>
> --
> For unsubscribe and other options, including
> the Tip Harvester and archive of thelist go to:
> http://lists.evolt.org Workers of the Web, evolt !