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
.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
Hi,
I had a quick look on Google:
html
head
style
!--
.textborder {border: 1px solid black; padding: 2px;}
--
/style
/head
body
span class=textborderHere you go/span
/body
/html
Not sure if it works.
A link or two:
http://www.homeandlearn.co.uk/CSS/css1p8.html
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 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]
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
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
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 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 ofdoing this for
graphic links containing a rollover state? The problem is, IE doesn't let you
add a hover state to anything
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
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
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
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
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)
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
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
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
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
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 a
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
.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
63 matches
Mail list logo