Click here to get back home

layering images without layers?

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
layering images without layers? dougawells@gmail.com 06-04-2008
Get Chitika Premium
Posted by Jonathan N. Little on June 5, 2008, 1:26 pm
Please log in for more thread options
dougawells@gmail.com wrote:

> Hi - You can see some early work here:
http://www.dnld.net/newsite/benke_enter.htm.
> In Firefox, the rollover text is positioned close to correct, it's off
> in IE, and off in a different way in Safari.

That is not an webpage, it's an image!

Problems:

Images as text much larger than text! 100 KB for a measly 64 words!
Images as text not readable by screen readers
Images as text not index in search engines
All links are using JavaScript pseudo protocol.

Time to discover <p>And some text...</p>

and Google "CSS rollovers"

Lastly until your learn the basics, maybe not even after, do not use
"position: absolute" for anything.


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Posted by dougawells@gmail.com on June 5, 2008, 2:23 pm
Please log in for more thread options
> dougawe...@gmail.com wrote:
> > Hi - You can see some early work
here:http://www.dnld.net/newsite/benke_enter.htm.
> > In Firefox, the rollover text is positioned close to correct, it's off
> > in IE, and off in a different way in Safari.
>
> That is not an webpage, it's an image!
>
> Problems:
>
> Images as text much larger than text! 100 KB for a measly 64 words!
> Images as text not readable by screen readers
> Images as text not index in search engines
> All links are using JavaScript pseudo protocol.
>
> Time to discover <p>And some text...</p>
>
> and Google "CSS rollovers"
>
> Lastly until your learn the basics, maybe not even after, do not use
> "position: absolute" for anything.
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Thanks for your thoughts - although I don't find them overly helpful.
I'm very clear on what the site is and is not - I did not design it, I
am trying to make it work with the design that was created. If I can't
make it work well, I will ask the designer to return to the drawing
board - or I will create the site in Flash. I was hoping there would
some tools that would be helpful to me with this design.

Posted by Jonathan N. Little on June 5, 2008, 2:40 pm
Please log in for more thread options
dougawells@gmail.com wrote:
>> dougawe...@gmail.com wrote:
>>> Hi - You can see some early work
here:http://www.dnld.net/newsite/benke_enter.htm.
>>> In Firefox, the rollover text is positioned close to correct, it's off
>>> in IE, and off in a different way in Safari.
>> That is not an webpage, it's an image!
>>
>> Problems:
>>
>> Images as text much larger than text! 100 KB for a measly 64 words!
>> Images as text not readable by screen readers
>> Images as text not index in search engines
>> All links are using JavaScript pseudo protocol.
>>
>> Time to discover <p>And some text...</p>
>>
>> and Google "CSS rollovers"
>>
>> Lastly until your learn the basics, maybe not even after, do not use
>> "position: absolute" for anything.

>
> Thanks for your thoughts - although I don't find them overly helpful.
> I'm very clear on what the site is and is not - I did not design it, I

Apparently not. If you did you would see that what I offered was quite
helpful.

> am trying to make it work with the design that was created. If I can't
> make it work well, I will ask the designer to return to the drawing
> board

I would suggest that you do. If he does not understand the problem then
it is time to find another designer.


> - or I will create the site in Flash. I was hoping there would
> some tools that would be helpful to me with this design.

Oh that will fix it, hey Travis another job for you!

Seriously! You do not have a webpage, as I said before you have an image
of a webpage. It could be easily done with a couple of images, with real
markup a bit of CSS and NO JavaScript! The advantages would be a
fraction of the bandwidth, legible and accessible to a range of users,
and be search engine friendly. How this would not be overly helpful
boggles the mind.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Posted by Bergamot on June 5, 2008, 3:40 pm
Please log in for more thread options
Jonathan N. Little wrote:
> dougawells@gmail.com wrote:
>>> dougawe...@gmail.com wrote:
>>>> http://www.dnld.net/newsite/benke_enter.htm.
>>
>> am trying to make it work with the design that was created.
>
> You do not have a webpage, as I said before you have an image
> of a webpage.

Yup - it is not a web design, but a print design. Some things just don't
translate that well to web media. A lot of graphic designers don't get this.

> It could be easily done with a couple of images, with real
> markup a bit of CSS and NO JavaScript! The advantages would be a
> fraction of the bandwidth,

I'm not so sure about a fraction, but no doubt smaller. That background
jpg seems to be compressed about as good as it's gonna get, given the
extra large dimensions. It will never be lightweight, but would surely
be smaller if it weren't one big image including text. If the text and
variable wine bottle were separated, the browser could cache the largest
images and subsequent pages would be better off. There's no useful
caching now.

> legible and accessible to a range of users,
> and be search engine friendly. How this would not be overly helpful
> boggles the mind.

Using plain text instead of pictures of text would be a big improvement
in all those things, but it really depends on who their target audience
is what they should do about it. I don't know anything about wine (never
touch the stuff) so I wouldn't be the one to offer marketing
suggestions, but Flash might actually be better suited to their target
market. The site as it stands now, however, is not good for anyone.

--
Berg
now killing all posts from google groups

Similar ThreadsPosted
div layering March 1, 2007, 9:50 am
Layering HTML Above Video Content August 8, 2008, 7:40 pm
layers compatibility August 5, 2005, 6:38 am
positioning layers April 25, 2006, 7:40 am
2 layers fixed background ? July 17, 2004, 5:20 pm
PDF's not hiding along with layers. Shows through. March 9, 2005, 10:50 pm
Rendering problems with Mac Firefox and Layers December 5, 2005, 3:44 pm
show hide layers + scroll probs under Mac September 21, 2004, 11:03 am
HTML Tables vs. CSS Layers - when function and form coincide January 30, 2007, 3:25 am
images won't appear in IE January 3, 2005, 8:40 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap