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
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
Hi,
I had a quick look on Google:
Here you go
Not sure if it works.
A link or two:
http://www.homeandlearn.co.uk/CSS/css1p8.html
http://www.456bereastreet.com/lab/styling-form-controls-revisited/text-input-single/
Kate
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
Personally I would place the border in the CSS (although unless the image is
a link, it's surely unncessary), but the height and width in the HTML. My
reasoning is that these will (or at least may) vary for each image, and I
can't see the benefit of giving every image its own id just so that you ca
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
Hi James,
By specifying the dimensions in the markup, you're helping the browser to know
what space is taken up while it is fetching the files. This means the page
doesn't jog up and down as images are loaded.
Cheers,
Tony
-Original Message-
From: "Likely, James A." <[EMAIL PROTECTED]
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
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
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 resolved a way of doing this for
graphic links containing a rollover state? The problem is, IE doesn't let you
add a hover state to anything
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
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
,
> 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
Kim,
I see what you're talking about. When the page first loaded for me
(Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8)
Gecko/20050511 Firefox/1.0.4 (ax)), I saw images for only the first 2
navigation buttons. When I clicked away to another application and then
came back, they we
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:
All images load just fine using the following:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414
All images load just fine using the following:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) 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"
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
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!
>
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 want to use a
, 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
65 matches
Mail list logo