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
wrote:
>
> 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
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 t
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 / Dev
.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 re
.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
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, s
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'.
>
> Regular Image
>
> What I want to do is put a border around the paragraph (not the image so it
> goe
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
Just a thought... but perhaps a would better suit your design
requirements than a ?
--
The generation that took acid to escape reality is now taking antacid to deal
with reality
http://blog.dwacon.com
***
List Guidelines: htt
/
Kate
- Original Message -
From: "Aldona" <[EMAIL PROTECTED]>
To:
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 but apparently don't. :-)
I have an image which my CSS do
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
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'.
Regular
Image
What I want to do is put a border around the paragraph (not the
Friday, 9 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:
My question is, do you need the border, height, and width or should that be
done in the style s
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 Che
t; <[EMAIL PROTECTED]>
Date: Thu, 8 May 2008 16:22:27
To:
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:
My question is, do you need the border, height, and width or should that be
done in the s
I have a quick question and would like your thoughts.
I am working with a team of coders that code images like:
My question is, do you need the border, height, and width or should that
be done in the style sheet or is it needed?
Thoughts?
Thanks
James
**
It really depends on the situation, there may very well be a valid reason
for using an img tag opposed to a background image for textual content.
For example you could have a list of clients, rather than just displaying
you may want to display the logos, now adding an id to each logo. These may
o
Hello list,
I've been talking to someone who thinks that a perfectly semantic
website has absolutely no tags used for text in images. Could
anyone help me find some articles about using img tags vs. using
background images for navigation links or textual content where images
are being used?
--
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.
http://www.sellmystuff.com.au/buystuff/generalstuff/p
d overhaul all my 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
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:
> http://4umi.com/web/c
essage -
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@webstandardsgroup.org
wrote:> I though
janeiro de 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 a
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:
> href="revised.html">Revised Image Replacement
Why?
a#header
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 from
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
up.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, being able to control it via CSS
only, without writing the
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 L
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,
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 -- someo
"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 and on
subsequent pages as a css background it would
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
Is the 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 tag.
Content goes in the html.
Presentation guides for content go in the css
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 discussi
On Thu, 2005-09-15 at 16:03 +0100, kvnmcwebn wrote:
> Is the 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 tag.
I don't think that i
I agree with Bert!
Regards,
-- Cláudio Diashttp://www.mundonu.com
kvnmcwebn wrote:
hello,
Just Wondering-
Is the 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 tag.
IMG elements should always be used w
G'day
Is the 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 tag.
My approach is (generally) that purely decorative images should ideal
hello,
Just Wondering-
Is the 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 tag.
**
Andreas Boehmer [Addictive Media] wrote:
I then thought I should use , but realised that this
doesn't work in all browsers. IE, for example, has got the nasty habbit of
submitting name.x=0&name.y=0 when these kind of buttons are clicked, which
can make it really difficult if you have got multipl
> -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 Med
On Sep 5, 2005, at 11:54 PM, Andreas Boehmer [Addictive Media] wrote:
I then thought I should use , but realised that
this
doesn't work in all browsers. IE, for example, has got the nasty
habbit of
submitting name.x=0&name.y=0 when these kind of buttons are
clicked, which
can make it reall
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 backgro
,
> Jeff
>
> - Original Message -
> From: "Kim Kruse" <[EMAIL PROTECTED]>
> To:
> Sent: Sunday, June 26, 2005 4:53 PM
> Subject: Re: [WSG] Images not loading...
>
>
> > Hi Jeff,
> >
> > Thanks for your reply. Perhaps I would
top.gif (at bottom of page)
HTH,
Jeff
- Original Message -
From: "Kim Kruse" <[EMAIL PROTECTED]>
To:
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
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 an
pm EST..
HTH,
Jeff
- Original Message - From: "Kim Kruse" <[EMAIL PROTECTED]>
To:
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.
Th
Gecko/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:
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading.
Kruse" <[EMAIL PROTECTED]>
To:
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
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 what
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.
**
T
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
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.
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.
Name
Title
Ext
Whether the image should be a te
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 info
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
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)
>
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 PR
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
http
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: (31
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
> Dol
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
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 repo
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] I
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
http://www.kozina.c
I agree on the splash screen. Waste. You could argue that this is why
many home pages look different than sub pages. The branding, in all
it's glory, is done on the home page along with some actual useful
information!
As far as graphical navbars go, well... designers and possibly
clients are g
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 c
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 ge
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 info
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,
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 appear
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!
>
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 pa
wn dl 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: Thur
Sent: Thursday, September 30, 2004
11:55 AM
To: [EMAIL PROTECTED]
Subject: [WSG] Images without
float
How can one 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 wan
How can one 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!
, 3 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
.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
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.
Content text here Content text here Content text here Content text here
.aCol a
{
color : #AE0D2D;
text-decora
79 matches
Mail list logo
