Re: [css-d] nav layout on a mac

On 1/3/11 12:38 AM, Chetan Crasta wrote: On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnson 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 havoc on land and

Re: [css-d] nav layout on a mac

On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnson 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 ___

Re: [css-d] nav layout on a mac

- Original Message From: Matthew P. Johnson 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 her Mac. If a

Re: [css-d] nav layout on a mac

> > > "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: > > > I am getting the same result as above. Mac OS X 10.4, safari vers

Re: [css-d] unable to over ride an li

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] http://www.css-discuss.org/mailman/list

Re: [css-d] nav layout on a mac

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? h

[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 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/ Sincerely

Re: [css-d] Fix for unexpected result of rotation in transformed elements

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 (

Re: [css-d] unable to over ride an li

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 ; within that, there will occur an of ID "last"; and somewhere within that will occur an element of ID "donation

Re: [css-d] unable to over ride an li

> > 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", > "immediatel

Re: [css-d] unable to over ride an li

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",

Re: [css-d] unable to over ride an li

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

Re: [css-d] unable to over ride an li

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 cod

Re: [css-d] unable to over ride an li

On Mon, Jan 3, 2011 at 12:16 AM, Thierry Koblentz 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: http://code.google.com/speed/page-speed/docs/rendering.html

Re: [css-d] unable to over ride an li

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 a

[css-d] The content property

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) ___

Re: [css-d] unable to over ride an li

On Sun, Jan 2, 2011 at 10:57 PM, Thierry Koblentz 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 as simple as possible,

[css-d] Fix for unexpected result of rotation in transformed elements

Hello all, Some serious stuff. Must balance work and play.. 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 becom

Re: [css-d] unable to over ride an li

> Try this: > > DONATIONS > > 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 {...} -- Regards, Thierry @thierrykoblentz www

Re: [css-d] unable to over ride an li

On Sun, Jan 2, 2011 at 10:46 PM, Chetan Crasta wrote: > Try this: > > DONATIONS > > 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 #donations {font-size:1.24em;} ~Chetan

Re: [css-d] unable to over ride an li

Try this: DONATIONS CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;} ~Chetan On Sun, Jan 2, 2011 at 10:32 PM, Lisa Frost wrote: > >> >> > Its the donations link. >> > It needs to be aligned right and be bigger in size. >> >> You need to float the last , not the last . And t

Re: [css-d] unable to over ride an li

> > > Its the donations link. > > It needs to be aligned right and be bigger in size. > > You need to float the last , not the last . 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

Re: [css-d] unable to over ride an li

On Sun, Jan 2, 2011 at 9:08 PM, Lisa Frost wrote: > Its the donations link. > It needs to be aligned right and be bigger in size. You need to float the last , not the last . And the text of the last menu item *is* larger than the rest. ~Chetan ___

Re: [css-d] google hosted font question

On 1/2/11 10:51 AM, Chetan Crasta wrote: On Sun, Jan 2, 2011 at 8:59 PM, David Laakso wrote: Ditch Neuton. Go to Font Squirrel. Download Calluna and install it. Go back to Font Squirrel and use their fontface generator [expert setting]. As David suggested, the

Re: [css-d] google hosted font question

On Sun, Jan 2, 2011 at 8:59 PM, David Laakso wrote: > Ditch Neuton. > Go to Font Squirrel. > > Download Calluna and install it. > Go back to Font Squirrel and use their fontface generator [expert setting]. As David suggested, the Rory's only option is to choose a f

[css-d] unable to over ride an li

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

[css-d] CSS3 transform & transition with img and borders

Hello all, Best in Safari. Both Opera 11 and Safari 5 can not have both border-radius and border on an element. If this is wrapped by an the it works in Safari. The later test show spinning borders around a stationa

Re: [css-d] google hosted font question

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=Neuton&subset=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),

Re: [css-d] adding a shadow

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

Re: [css-d] google hosted font question

On Sun, Jan 2, 2011 at 8:23 PM, Philippe Wittenbergh 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 issues with Wi

Re: [css-d] adding a shadow

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/ __

Re: [css-d] google hosted font question

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) fo

Re: [css-d] adding a shadow

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] http://www.css-discuss.o

Re: [css-d] google hosted font question

On Sun, Jan 2, 2011 at 6:09 PM, Philip Taylor (Webmaster, Ret'd) 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://www.thebright

Re: [css-d] adding a shadow

> > 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

Re: [css-d] google hosted font question

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 [

Re: [css-d] adding a shadow

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

Re: [css-d] adding a shadow

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 : > Hi Ph

Re: [css-d] adding a shadow

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) > > > > > > _

Re: [css-d] adding a shadow

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 pure

Re: [css-d] google hosted font question

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

[css-d] adding a shadow

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 can

Re: [css-d] google hosted font question

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,

Re: [css-d] google hosted font question

> 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 > tex

[css-d] A Twitter header with CSS

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/ (English)