Might get some ideas from CSS Drop Shadows @
http://www.alistapart.com/articles/cssdropshadows/
On Wed, December 8, 2010 9:01 pm, cat soul wrote:
I hope I'm not bending/breaking the purpose of the list but wanted
opinions on best practices for preparing images for use on web pages
where
Or, try the CSS3 box-shadow
http://www.css3.info/preview/box-shadow/
Tim
On Thu, Dec 9, 2010 at 11:01 AM, Stuart Foulstone
stu...@bigeasyweb.co.uk wrote:
Might get some ideas from CSS Drop Shadows @
http://www.alistapart.com/articles/cssdropshadows/
On Wed, December 8, 2010 9:01 pm, cat
I hope I'm not bending/breaking the purpose of the list but wanted
opinions on best practices for preparing images for use on web pages
where there are color backgrounds, and the image must have some of
that background color in them.
Example: you want to place an image with a drop shadow,
.png with alpha channel is the best way to go.
IE6 and lower can't handle the alpha channel and make the transparent
background gray.
Based on my site audience I'll make fallback .gif replacements for the
.png images (that look crappier but are at least transparent)
You can also make 8 bit
.png with alpha channel is the best way to go.
IE6 and lower can't handle the alpha channel and make the
transparent background gray.
Can be conditionally fixed with js, for example:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
Based on my site audience I'll make fallback .gif
Good point on the javascript repairs (there are a couple techniques of
fixing .png support in IE6)
Trouble with this method is it can cause other troubles (like links over
.png backgrounds etc) so be careful.
It all depends on what you're trying to do.
Joseph R. B. Taylor
/Web Designer /
Aldona wrote:
What I want to do is put a border around the paragraph (not the image so
it goes around the text as well). What happens is the border winds up
the width of the whole page even though I have margin and padding set to
zero.
Since paragraphs are block level elements, stretching to
.456bereastreet.com/lab/styling-form-controls-revisited/text-input-single/
Kate
- Original Message -
From: Aldona [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Friday, August 29, 2008 6:39 AM
Subject: [WSG] Images Paragraph Width
Hi,
I have a problem which I feel like I should know
Just a thought... but perhaps a blockquote would better suit your design
requirements than a p?
--
The generation that took acid to escape reality is now taking antacid to deal
with reality
http://blog.dwacon.com
***
List
What about a _javascript_
solution? Find the width of the image and give the paragraph tag a
width to match.
--
Michael
Turnwall
for all
your web code needs
turnwall.net
Aldona wrote:
Hi,
I have a problem which I feel like I should know but apparently don't.
:-)
I have an image
On Fri, 29 Aug 2008 15:39:04 +1000, Aldona wrote:
[...]
I have an image which my CSS doesn't know (and will never know) the size of.
The image
is in a paragraph with the class of 'img'.
p class=imgimg src=images/image.gif alt=pic /br /Regular Image/p
What I want to do is put a border
Hi,
I have a problem which I feel like I should know but apparently don't. :-)
I have an image which my CSS doesn't know (and will never know) the size
of. The image is in a paragraph with the class of 'img'.
p class=imgimg src=images/image.gif alt=pic /br /Regular
Image/p
What I want
I have a quick question and would like your thoughts.
I am working with a team of coders that code images like:
img src=/images/18-digestive-diseases-2col.jpg alt=Digestive
Diseases border=0 height=150 width=388 /
My question is, do you need the border, height, and width or should that
be done
]
Date: Thu, 8 May 2008 16:22:27
To:wsg@webstandardsgroup.org
Subject: [WSG] Images
I have a quick question and would like your thoughts.
I am working with a team of coders that code images like:
img src=/images/18-digestive-diseases-2col.jpg alt=Digestive Diseases
border=0 height=150 width=388
Hi James,
do you need the border, height, and width or should that
be done in the style sheet or is it needed?
Exactly what Tony said regarding width and height, they're beneficial. Lose
the border attribute, though. That should be done in the style sheet as you
suspected.
Cheers.
Mike
May 2008 7:22 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Images
I have a quick question and would like your thoughts.
I am working with a team of coders that code images like:
img src=/images/18-digestive-diseases-2col.jpg alt=Digestive Diseases
border=0 height=150 width=388 /
My
Hi all,
I hope its not off-topic, it is after all to do with user friendliness.
I'm using some JavaScript to hide any images that have not loaded properly
or are missing. I don't like seeing the red crosses on a site, it looks
unprofessional.
Paul,
on Wednesday, January 4, 2006 at 17:35 wsg@webstandardsgroup.org wrote:
You can't use the :hover pseudo class on any element other than an
anchor in IE unfortunately. I don't have time to look too far, but
with a brief search I found this link that mentions it:
rollover
graphics!
Paul
- Original Message -
From:
Martin
Heiden
To: Paul Collins
Sent: Wednesday, January 04, 2006 4:07
PM
Subject: Re: [WSG] Images as DIV
Background with and without link (w3c friendly)
Paul,on Wednesday, January 4, 2006 at 15:48 wsg
Hi All,
We came with a W3C friendly solution to insert images with or without link in
the layout, being able to control it via CSS only, without writing the IMG tag
on the HTML code). It also helps Google and other search engines to find the
name, title or alt of the image.
Image Without
ssage -
From:
Fausto
Balloni
To: wsg@webstandardsgroup.org
Sent: Wednesday, January 04, 2006 2:16
PM
Subject: [WSG] Images as DIV Background
with and without link (w3c friendly)
Hi All,We came with a W3C friendly solution to insert
images with or without link in the layout, be
Fausto Balloni wrote:
It also helps Google and other search engines to find the name,
title or alt of the image.
Somehow I don't think Google and co. have any trouble finding the ALT
attribute on images already...
--
Patrick H. Lauke
Hi Fausto,
To cut things short:
there is nothing wrong with images used as background via CSS as long
as theses images are used as layout and not to give meaningful pieces
of information to the visitors.
You may end up confusing people who use text-only or speech devices.
Read this article
Paul,
on Wednesday, January 4, 2006 at 15:48 wsg@webstandardsgroup.org wrote:
I thought the Gilder/Levin/Shea Enhancement Method was best, but
you can't have a hover state on a graphic link using this.
Example HTML would be:
a id=header title=Revised Image Replacement
2006
12:48To: wsg@webstandardsgroup.orgSubject: Re: [WSG]
Images as DIV Background with and without link (w3c
friendly)
Hi Fausto,
A good way of doing it, but It doesn't work with
Images off and CSS still turned on, which
becomes an Accessibility issue. Has anyone ever
:
Martin
Heiden
To: Paul Collins
Sent: Wednesday, January 04, 2006 4:07
PM
Subject: Re: [WSG] Images as DIV
Background with and without link (w3c friendly)
Paul,on Wednesday, January 4, 2006 at 15:48 wsg@webstandardsgroup.org
wrote: I thought the Gilder/Levin/Shea Enhancement
On Fri, 16 Sep 2005 14:48:13 -0700, Ben Curtis wrote:
On Sep 16, 2005, at 1:43 PM, kvnmcwebn wrote:
browsers do not cache the images
linked from the stylesheet so caching is a little more work
wow, thats news to me.
I believe that's actually browser, singular. Who else, but IE?
Hi Ben -
browsers do not cache the images
linked from the stylesheet so caching is a little more work
wow, thats news to me.
I might have to rethink my tactics.
So even if a sitewide image was placed in one page as an img and on
subsequent pages as a css background it
On Sep 16, 2005, at 1:43 PM, kvnmcwebn wrote:
browsers do not cache the images
linked from the stylesheet so caching is a little more work
wow, thats news to me.
I believe that's actually browser, singular. Who else, but IE?
IE's problem will crop up (I believe -- someone
hello,
Just Wondering-
Is the img tag still widly used among list members. Should
we put as many of the images we can in the css as backgrounds etc.
Right now i put most sitewide images in the css and the page by page content
in with the img tag.
G'day
Is the img tag still widly used among list members. Should
we put as many of the images we can in the css as backgrounds etc.
Right now i put most sitewide images in the css and the page by page content
in with the img tag.
My approach is (generally) that purely decorative images
kvnmcwebn wrote:
hello,
Just Wondering-
Is the img tag still widly used among list members. Should
we put as many of the images we can in the css as backgrounds etc.
Right now i put most sitewide images in the css and the page by page content
in with the img tag.
IMG elements should always be
I agree with Bert!
Regards,
-- Cláudio Diashttp://www.mundonu.com
On Thu, 2005-09-15 at 16:03 +0100, kvnmcwebn wrote:
Is the img tag still widly used among list members. Should
we put as many of the images we can in the css as backgrounds etc.
Right now i put most sitewide images in the css and the page by page content
in with the img tag.
I don't think
techniques like FIR of hiding foreground text and putting images in CSS
have problems in accessibility software
So the designer should use a smart IR solution.
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The
Is the img tag still widly used among list members. Should
we put as many of the images we can in the css as backgrounds etc.
Right now i put most sitewide images in the css and the page by
page content
in with the img tag.
Content goes in the html.
Presentation guides for content go in
I find that centralizing images in css is useful for maintainability.
However, if page load time is an issue, it's a good idea to stress test the
site with both images in html and css. when they're in html, the height and
width tells the browser how big the image is which helps it load a little
Andreas Boehmer [Addictive Media] wrote:
I then thought I should use input type=image, but realised that this
doesn't work in all browsers. IE, for example, has got the nasty habbit of
submitting name.x=0name.y=0 when these kind of buttons are clicked, which
can make it really difficult if you
I know we had this discussion once before, but I was hoping to return to it
to see if there are any new opinions on this topic.
The question I have is what would be the best option to create images as
form buttons in an accessible manner?
So far I have always tried to use css to assign a
On Sep 5, 2005, at 11:54 PM, Andreas Boehmer [Addictive Media] wrote:
I then thought I should use input type=image, but realised that
this
doesn't work in all browsers. IE, for example, has got the nasty
habbit of
submitting name.x=0name.y=0 when these kind of buttons are
clicked, which
-Original Message-
From: Ben Curtis [mailto:[EMAIL PROTECTED]
Sent: Wednesday, 7 September 2005 2:32 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Images as accessible form buttons
On Sep 5, 2005, at 11:54 PM, Andreas Boehmer [Addictive Media] wrote:
I then thought I
]
To: wsg@webstandardsgroup.org
Sent: Sunday, June 26, 2005 4:53 PM
Subject: Re: [WSG] Images not loading...
Hi Jeff,
Thanks for your reply. Perhaps I would a great idea to mention it's the
images in the navbar below the header image.
Do they still show?
Kim
Jeff D. Reid wrote
Hi,
On this page http://mouseriders.dk/esrum/test.htm I have some sort of
problem in FF and other Gecko browsers.
The images just don't show up unless I scroll the page, mouseover the
links or reload the page. Does anybody know why?
I would really appreciate some help as I have no idea
[EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading...
Hi,
On this page http://mouseriders.dk/esrum/test.htm I have some sort of
problem in FF and other Gecko browsers.
The images just don't show up unless I scroll the page
/20050414
Firefox/1.0.3 and Windows XP Pro
I am located in Cincinnati, Ohio, USA and it is Sunday, June 26, 2005, 3:12
pm EST..
HTH,
Jeff
- Original Message -
From: Kim Kruse [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading
- Original Message - From: Kim Kruse [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading...
Hi,
On this page http://mouseriders.dk/esrum/test.htm I have some sort of
problem in FF and other Gecko browsers.
The images just don't
Kim Kruse wrote:
Hi,
On this page http://mouseriders.dk/esrum/test.htm I have some sort of
problem in FF and other Gecko browsers.
The images just don't show up unless I scroll the page, mouseover the
links or reload the page. Does anybody know why?
The page looks the same in FF-1.0.4
top.gif (at bottom of page)
HTH,
Jeff
- Original Message -
From: Kim Kruse [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Sunday, June 26, 2005 4:53 PM
Subject: Re: [WSG] Images not loading...
Hi Jeff,
Thanks for your reply. Perhaps I would a great idea to mention it's the
images
Hello all,
I have a nagging CSS problem I don't understand... I guess a click on a
link will say more than a thousand words:
http://www.kontverhaal.com/kv/
There are divs with images in them that float to the right. When the
text which is in the div is rather short, the image 'breaks out of the
Hi Mordechai
As for the image being a definition term, I first used this format for
illustrating a gallery of objects in a museum's collection. The image
represented the work of art. As such, it seems to fit the semantics of a
definition list for ME. That may not mean I'm correct.
If the
Ted Drake wrote:
As for the image being a definition term,...why wouldn't it be semantic?
I don't know the W3C codes by heart, so I could easily be missing an important part of the puzzle and would be interested in seeing what I am missing.
dl
ddimg/dd
dtName/dt
ddTitle/dd
ddExt/dd
/dl
Marco van Hylckama Vlieg wrote:
I have a nagging CSS problem I don't understand... I guess a click on
a link will say more than a thousand words:
While I don't see what the source of the problem, I can put you on the
proper path to fixing it.
1. Clean up you errors. Your page doesn't validate.
Try applying this fix...
http://www.positioniseverything.net/easyclearing.html
to the .entry selector..
On Tue, 21 Dec 2004 04:02:41 +0200, Mordechai Peller [EMAIL PROTECTED] wrote:
Marco van Hylckama Vlieg wrote:
I have a nagging CSS problem I don't understand... I guess a click on
a
Todd Baker wrote:
Try applying this fix...
http://www.positioniseverything.net/easyclearing.html
to the .entry selector..
Won't help; IE doesn't understand generated content. Besides, that fix
is for non-IE browsers and the problem is in IE.
**
No, I was afraid of what could I find inside. Been hard enough to
convince my customer I was not going to take it as an example. Since
then I've learned not to ask prospective clients what kind of website
they would like to have...
Bennie Shepherd wrote:
Did ya sign up so you could enter? :o)
Jonathan T. Sage wrote:
hear hear! take a look at google with a term like '3 click rule'.
Use a splash screen, and you've limited yourself to delivering your
product in 2 clicks. that's a challange. Not to mention, if you use
something fancy like flash for the splash screen, 9 times out of 10,
I try to explain to clients (and designers...) that user always knows
where he got to - people just don't type random adresses :)
Site design should already have logo and corporate look'n'feel so such
splash screen basically has no information on meaningful content.
Visitors seeking
G'day
1. They want to use a full page graphic Splash Screen, which displays
the brand in all its glory before the user can enter the site.
My opinion:
* Waste of space
* Waste of bandwidth (at the server and user's end)
* Annoying.
I don't have stats on it, but know many people who get
Patrick -
On Wed, 01 Dec 2004 08:41:27 +, Patrick H. Lauke
[EMAIL PROTECTED] wrote:
Jonathan T. Sage wrote:
hear hear! take a look at google with a term like '3 click rule'.
Use a splash screen, and you've limited yourself to delivering your
product in 2 clicks. that's a challange.
I guess this one wins the gold medal: http://www.italdenim.com.
Bert Doorn wrote:
Bailout rates up to 71% have been reported with some splash pages.
--
Dejan Kozina Web Design Studio
Dolina 346 (TS)
I-34018 Trst/Trieste - Italy
tel./fax: +39 040 228 436
cell.: +39 348 7355 225
and I thought the wait would be worth it!
ohh, that's just lovely ! what a waste of 2 minutes of my life !
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Dejan Kozina
Sent: Wednesday, December 01, 2004 06:19
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Images
Yep, I think it breaks all the rules alright. Don't show Nielsen, he might
have a stroke.
Yikes!
On 1/12/04 6:19 pm, Dejan Kozina [EMAIL PROTECTED] wrote:
I guess this one wins the gold medal: http://www.italdenim.com.
Bert Doorn wrote:
Bailout rates up to 71% have been reported with
I've heard of gathering info for contact databases, but that has to
be the worst implementation i've ever seen. What does that company do?
I guess this one wins the gold medal: http://www.italdenim.com.
Bert Doorn wrote:
Bailout rates up to 71% have been reported with some splash pages.
--
Dejan
Did ya sign up so you could enter? :o)
On 12/1/2004 1:19:10 PM, [EMAIL PROTECTED] wrote:
I guess this one wins the gold medal: http://www.italdenim.com.
Bert Doorn wrote:
Bailout rates up to 71% have been reported with some splash pages.
--
Dejan Kozina Web Design Studio
Dolina 346
I've heard of gathering info for contact databases, but that has to be
the worst implementation i've ever seen. What does that company do?
Apparently, they gather info for contact databases.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v:
Ha! I bet they're not gathering much!
I've heard of gathering info for contact databases, but that has to
be the worst implementation i've ever seen. What does that company
do?
Apparently, they gather info for contact databases.
--
Ben Curtis
WebSciences International
and as a side note - if you (royal you, not directed to anybody in
particular on this list) are ever going to use a 'loading' graphic...
for the love of everything right, let 100% mean it. The bars that
start over hurt my soul...
~j
On Wed, 1 Dec 2004 15:46:19 -0500, Tom Livingston
[EMAIL
Hi Everyone,
I am setting up a sports website for a client, where all of the
content is in Article format which rotates regularly - essentially a
news type site. I am determined to build the site in valid XHTML/CSS.
I am debating with their designers about 2 things:
1. They want to use a full
Matt -
On Wed, 1 Dec 2004 15:23:49 +1100, Matt [EMAIL PROTECTED] wrote:
I am setting up a sports website for a client, where all of the
content is in Article format which rotates regularly - essentially a
news type site. I am determined to build the site in valid XHTML/CSS.
excellent!
I
Use Andy King's article at
http://www.websiteoptimization.com/speed/tweak/splash/ he definitely
isnt old school
In the end however, they may ignore you. Thats their choice. As long as
you've stated your objections in documentation they can't blame you
later when the problems you predict
How canone have an image on the left with a caption below the image, and text on the right. I don't want to text to float around the image and I don't want to use a table.
Thanks,
Nancy Johnson
Do you Yahoo!?
Yahoo! Mail - 50x more storage than other providers!
Sent: Thursday, September 30, 2004
11:55 AM
To: [EMAIL PROTECTED]
Subject: [WSG] Images without
float
How canone have an image on the left with a caption below the
image, and text on the right. I don't want to text to float around the image
and I don't want to use
which also floats, has a background,
border, etc...
Ted
-Original Message-From: Trusz, Andrew
[mailto:[EMAIL PROTECTED]Sent: Thursday, September 30, 2004
9:47 AMTo: '[EMAIL PROTECTED]'Subject: RE: [WSG]
Images without float
Sent: Thursday, September 30
How do I prevent link styles from showing on the images that are positioned
inside a div class with specified link style? An example below.
div class=aCol
Content text here Content text here Content text here Content text here
div class=divRight
a href=#img src=top.gif alt=Back to top of the page
.divRight a
{
border-bottom : none;
}
Your code was looking for an a element nested inside an image!
If there are other links in .divRight boxes that you want the border
applied to, you'll need to apply a different class to the a element
surrounding the image.
Patrick Griffiths
May 2004 12:25 AM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Images inside a div class with specified link style
.divRight a
{
border-bottom : none;
}
Your code was looking for an a element nested inside an image!
If there are other links in .divRight boxes that you want the border
applied
76 matches
Mail list logo