Another example of good CSS use in a practical context:
http://onwebdev.blogspot.com/2011/01/twitter-header-with-css.html
HTH :-)
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/
http://lettershop.ehclients.com/visual_diary_archive
My issue is that the font weight is heavier in the browser than it looked in
our photoshop comp. Is there any way, using CSS, to get the font weight to
look lighter (less bold)? Or do I just explain to the designer that the way
text
Chetan Crasta wrote:
The issues described by Phillip are
due to Windows' horrible rendering of @font-face embedded fonts.
Windows XP, Vista and 7 do not correctly apply font smoothing to
embedded fonts. The issue affects all browsers on the windows
platform.
Do you have a citation for this,
I want to add a 'shadow' to my 'container box' that is keeping my website
centered.
I can find plenty of tutorials on the net for adding a drop shadow to images
using css but they also use an image.
Can a shadow be added to a div purely using css and no images?
Anyone got a good tutorial you
On Jan 2, 2011, at 6:04 PM, Chetan Crasta wrote:
Phillip are
due to Windows' horrible rendering of @font-face embedded fonts.
Windows XP, Vista and 7 do not correctly apply font smoothing to
embedded fonts. The issue affects all browsers on the windows
platform.
I don't think this is true
On Jan 2, 2011, at 10:16 PM, Lisa Frost wrote:
I want to add a 'shadow' to my 'container box' that is keeping my website
centered.
I can find plenty of tutorials on the net for adding a drop shadow to images
using css but they also use an image.
Can a shadow be added to a div purely
Hi Philippe,
I need it to be supported by all browsers and old ones too, so my question
really is do i need to use images to accomplish this?
Lisa
CSS3 box-shadow
http://www.w3.org/TR/css3-background/#the-box-shadow
(not supported by IE 8 and older)
IE5.5 and up support a proprietary DropShadow filter, technically,
this is more complex, but not an image. Does that fit your
requirements?
Anyhow, I'd vote for css3 and a degradation in IE. (Or, no shadow for
the base and progressively enhance it with CSS3)
Ingo
2011/1/2, Lisa Frost
On Jan 2, 2011, at 10:28 PM, Lisa Frost wrote:
Hi Philippe,
I need it to be supported by all browsers and old ones too, so my question
really is do i need to use images to accomplish this?
you can try this:
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/
(iirc,
Philippe Wittenbergh wrote:
In general, the fonts I've used did/do look pretty good on all Windows OS
Do have you have some sample pages that I can compare
with the Newton offering, Philippe ?
Philip Taylor
__
css-discuss
you can try this:
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/
(iirc, it was a bit of performance nightmare on IE, though - your
alternative is using an image)
Thanks, i will give them all a whirl. Its not actually a requirement on the
site i am using,
On Sun, Jan 2, 2011 at 6:09 PM, Philip Taylor (Webmaster, Ret'd)
p.tay...@rhul.ac.uk wrote:
Do you have a citation for this, Chetan ? I'd be interested
to read more concerning this artifact of Windows.
Apart from the link given earlier [1], I found two more articles that
describe the issue:
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/
Fails in Mac 10.4 Camino/2.0.6 [always a cheerful word from this end:-) ]...
__
css-discuss [cs...@lists.css-discuss.org]
On Jan 2, 2011, at 11:24 PM, Chetan Crasta wrote:
Every font that I have embedded looked better in Linux.
You're comparing apples and oranges. Windows (and XP especially) and Linux, or
OS X. What you have to compare is font-rendering on the same platform for
embedded vs native (installed)
On Jan 2, 2011, at 11:35 PM, David Laakso wrote:
Fails in Mac 10.4 Camino/2.0.6 [always a cheerful word from this end:-) ]...
Camino 2.0.6 doesn't support the box-shadow property (Gecko 1.9.0).
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
On Sun, Jan 2, 2011 at 8:23 PM, Philippe Wittenbergh e...@l-c-n.com wrote:
You're comparing apples and oranges. Windows (and XP especially) and Linux,
or OS X. What you have to compare is font-rendering on the same platform for
embedded vs native (installed) fonts.
Few web designers have
On 3/01/2011 1:22 AM, Lisa Frost wrote:
[snip]
Thanks, i will give them all a whirl. Its not actually a requirement on the
site i am using, but there is a lot of white on white and i was trying to
think of a way to make the content of the site (which has a fixed width)
sort of stand out from the
On 12/30/10 3:45 PM, Rory Bernstein wrote:
Hi,
I am using a google-hosted embedded web font called Neuton:
http://code.google.com/webfonts/family?family=Neutonsubset=latin
Here is a coded page that uses it. See left column (nav menu), the top-category
text (the serif text, not the san serif),
Hello all,
Best in Safari.
http://css-class.com/test/css/3/transform-transition-images-borders.htm
Both Opera 11 and Safari 5 can not have both border-radius and border on
an img element. If this img is wrapped by an a the it works in
Safari. The later test show spinning borders around a
I need to make one li item have its own style, but i can't seem to get it to
override the css for the rest of the list.
Its the donations link.
It needs to be aligned right and be bigger in size.
I'm sure i'm probably just targeting the wrong selector but i've tried every
combination i can think
On Sun, Jan 2, 2011 at 8:59 PM, David Laakso
da...@chelseacreekstudio.com wrote:
Ditch Neuton.
Go to Font Squirrel.
http://www.fontsquirrel.com/
Download Calluna and install it.
Go back to Font Squirrel and use their fontface generator [expert setting].
As David suggested, the Rory's only
On 1/2/11 10:51 AM, Chetan Crasta wrote:
On Sun, Jan 2, 2011 at 8:59 PM, David Laakso
da...@chelseacreekstudio.com wrote:
Ditch Neuton.
Go to Font Squirrel.
http://www.fontsquirrel.com/
Download Calluna and install it.
Go back to Font Squirrel and use their fontface generator [expert
On Sun, Jan 2, 2011 at 9:08 PM, Lisa Frost birdiefr...@gmail.com wrote:
Its the donations link.
It needs to be aligned right and be bigger in size.
You need to float the last li, not the last a. And the text of the
last menu item *is* larger than the rest.
~Chetan
Its the donations link.
It needs to be aligned right and be bigger in size.
You need to float the last li, not the last a. And the text of the
last menu item *is* larger than the rest.
~Chetan
Hi Chetan,
I still can't get it to float.
do i put float right in my ul li #donations
Try this:
li id=lasta id=donations href=#DONATIONS/a/li
CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;}
~Chetan
On Sun, Jan 2, 2011 at 10:32 PM, Lisa Frost birdiefr...@gmail.com wrote:
Its the donations link.
It needs to be aligned right and be bigger in size.
You
On Sun, Jan 2, 2011 at 10:46 PM, Chetan Crasta chetancra...@gmail.com wrote:
Try this:
li id=lasta id=donations href=#DONATIONS/a/li
CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;}
Correction:
CSS:
#container #mainmenu ul li#last {float:right;}
#mainmenu ul li#last
Try this:
li id=lasta id=donations href=#DONATIONS/a/li
CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;}
Why going through so many elements? It can't be good regarding performance
and it increases specificity for no reason.
I'd go with a simple: #last {...}
--
On Sun, Jan 2, 2011 at 10:57 PM, Thierry Koblentz
thierry.koble...@gmail.com wrote:
Why going through so many elements? It can't be good regarding performance
and it increases specificity for no reason.
I'd go with a simple: #last {...}
Point accepted. In general, one should keep selectors
Another short note for beginners:
http://onwebdev.blogspot.com/2011/01/css-content-property.html
HTH :-)
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
Hi Chetan,
Why going through so many elements? It can't be good regarding
performance
and it increases specificity for no reason.
I'd go with a simple: #last {...}
Point accepted. In general, one should keep selectors as simple as
possible, with just as much specificity as one
On Mon, Jan 3, 2011 at 12:16 AM, Thierry Koblentz
thierry.koble...@gmail.com wrote:
That's if browsers were reading from left to right, but they actually do the
opposite.
That's right.
Here are two articles that explain the process, that I found informative:
Thierry Koblentz wrote:
Imho, using element#id to increase the weight of a rule makes sense, but not
when it is used as a hint to help us read and understand rules. I'd think
/*comments*/ are better suited for that.
I'm afraid I can't agree with that, Thierry : comments indicate
only the
Hi Philip,
Imho, using element#id to increase the weight of a rule makes sense,
but not
when it is used as a hint to help us read and understand rules. I'd
think
/*comments*/ are better suited for that.
I'm afraid I can't agree with that, Thierry : comments indicate
only the coder's
Thierry Koblentz wrote:
Well-written css code means *lean* selectors so a well written styles sheet
should need more comments than a badly written one, isn't?.
With respect, I disagree : you are choosing to interpret well-written
as efficient; I interpret well-written as transparent,
Well-written css code means *lean* selectors so a well written styles
sheet
should need more comments than a badly written one, isn't?.
With respect, I disagree : you are choosing to interpret well-written
as efficient; I interpret well-written as transparent,
immediately clear to the
Thierry Koblentz wrote:
#mainmenu ul li#last #donations {font-size:1.24em;}
What is immediately clear to you in that rule?
That within an element of ID mainmenu will occur a UL;
within that, there will occur an LI of ID last; and
somewhere within that will occur an element of ID donations,
On Jan 3, 2011, at 2:32 AM, Alan Gresley wrote:
This email is about an unexpected result of rotation in transformed elements
which I noticed when resizing the viewport. What does happen as the viewport
gets wider is the start and end parts of the element that is rotated become
higher
I have the web site looking alright but I was at a friend house on NYE and
notice the navigation was getting clipped on her Mac. If anyone has a Mac
and you let me know what browser and OSv you are running if you have the
clipping issue occurring?
http://www.applegateelements.com/
On 1/2/11 7:06 PM, Matthew P. Johnson wrote:
I have the web site looking alright but I was at a friend house on NYE and
notice the navigation was getting clipped on her Mac. If anyone has a Mac
and you let me know what browser and OSv you are running if you have the
clipping issue occurring?
Thanks for all the discussion this generated. Sorry i did not participate as
it was night time here. Original problem fixed thanks very much.
Lisa
__
css-discuss [cs...@lists.css-discuss.org]
Contact is beneath Home in Camino, Safari, WebKit, SeaMonkey, Opera,
and FF regardless of window width: Mac OS X 10.4.
A couple of screenshots fom browsercam:
http://www.browsercam.com/public.aspx?proj_id=538911
I am getting the same result as above.
Mac OS X 10.4, safari version 4.1.2
- Original Message
From: Matthew P. Johnson i...@ecoitsf.com
To: css-d@lists.css-discuss.org
Sent: Sun, January 2, 2011 4:06:59 PM
Subject: [css-d] nav layout on a mac
I have the web site looking alright but I was at a friend house on NYE and
notice the navigation was getting clipped
On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnson i...@ecoitsf.com wrote:
http://www.applegateelements.com/
Change the div#menu's parent div's width to 57em. This will ensure
that the menu doesn't break even when the text is zoomed in or the
minimum font size is increased
~Chetan
On 1/3/11 12:38 AM, Chetan Crasta wrote:
On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnsoni...@ecoitsf.com wrote:
http://www.applegateelements.com/
Change the div#menu's parent div's width to 57em.
~Chetan
Careful. The horizontal scroll bar it will throw with + font-scaling
will wreak
44 matches
Mail list logo