Re: [css-d] Rounded Corners -- Simplest Way

On 7/8/08, Sohail Aboobaker <[EMAIL PROTECTED]> wrote: > Hi, > > What is the simplest way to create rounded corners using CSS. I saw a > technique using 3 extra div tags for three corner images (left-bottom, > right-bottom, left top) which seemed cumbersome and the posting was old. Are > there

Re: [css-d] Width problems with IE7 & FF (Content wider in FF)

Karl Bedingfield wrote: > I've run into another problem. I wondered why my main #content > displays correct in IE7 but the #content is wider in FF2/3. > > > Here is a link to a test page: http://www.eilig.co.uk/test/ > > > > Karl > /After Philippe/, and with correction of the "quirksmode" issue

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

Jason Campbell wrote: > Of course, if you can accidentally change your default font setting, > your visitor can deliberately change his or her default font setting, > too, and upset all your design calculations. Perhaps it's better to > think in terms of a 1em grid than a "10px" grid ... > > David

Re: [css-d] Width problems with IE7 & FF (Content wider in FF)

Philippe, so much - you wouldn't imagine just how long I was trying to fix this. Thanks Karl Thank you 2008/7/10 Philippe Wittenbergh <[EMAIL PROTECTED]>: > > On Jul 10, 2008, at 5:49 AM, Karl Bedingfield wrote: > >> I've run into another problem. I wondered why my main #content >> displays corr

Re: [css-d] Width problems with IE7 & FF (Content wider in FF)

On Jul 10, 2008, at 5:49 AM, Karl Bedingfield wrote: > I've run into another problem. I wondered why my main #content > displays correct in IE7 but the #content is wider in FF2/3. > > I have tried different variations of the code but when I fix one the > other displays incorrectly. > > Can anyone

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

Of course, if you can accidentally change your default font setting, your visitor can deliberately change his or her default font setting, too, and upset all your design calculations. Perhaps it's better to think in terms of a 1em grid than a "10px" grid ... David Jones, Content Coordinator, Infor

Re: [css-d] image background question

> -Original Message- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Kelly Moore > Sent: Wednesday, July 09, 2008 10:48 AM > To: css-d@lists.css-discuss.org > Subject: [css-d] image background question > > trying to figure out how to use a small image (such as a fat >

Re: [css-d] DAC site check please

Peter Hyde-Smith wrote: > http://www.fatpawdesign.com/DAC/DACindex.html > > Would appreciate a site check and critique for my redesign for The Drug > Affected Children Website (links above). > Peter > > Quick pass in Mac Opera, FF/3, Camino, and Safari all looked fine. Kinda wonder why all t

[css-d] DAC site check please

http://www.fatpawdesign.com/DAC/DACindex.html http://www.fatpawdesign.com/DAC/DACpagecss.css http://www.fatpawdesign.com/DAC/DACresetcss.css Hey All: Would appreciate a site check and critique for my redesign for The Drug Affected Children Website (links above). HTML and CSS validated. I apolog

Re: [css-d] American Flag

On Jul 9, 2008, at 4:56 PM, Christopher wrote: > This looked neat, but in Opera and FF3.0 I could not view it. That's weird. I took screenshots of both Opera and FF3 before I posted the CSS flag. You can see them here: FF3: http://ion.christopherschmitt.com/cssflag/cssflag_firefox3.png Opera 9

Re: [css-d] image background question

From: "Kelly Moore" <[EMAIL PROTECTED]> >tried, but without much luck. >http://yakmaster.net/test/arrowtest.html Please bottom post and leave/include the links so people responding later don't have to go hunt them down. Here's my example - http://members.dslextreme.com/users/cssjedi/css-d/a

Re: [css-d] image background question

>>http://yakmaster.net/test/arrowtest.html > >Kelly, > >Have you tried setting the arrow image as a background image on the h3 instead >of that span and tried to work things out that way? Delete the non-breaking spaces from your HTML and change your CSS to the following - h3 { color:#2

Re: [css-d] image background question

Kelly Moore wrote: > hmm, well here is my test page. it seems to work, but this is > stand-alone. i had to add a bunch of   's for the full arrow to > work. is there a better way to do this? > > http://yakmaster.net/test/arrowtest.html Hi Kelly, On your test page, one of the problems I encoun

Re: [css-d] image background question

tried, but without much luck. > Kelly, > > Have you tried setting the arrow image as a background image on the h3 > instead of that span and tried to work things out that way? > > ~holly > > > __ css-discuss [EMAIL PROTECTED] htt

Re: [css-d] image background question

From: "Kelly Moore" <[EMAIL PROTECTED]> >hmm, well here is my test page. it seems to work, but this is >stand-alone. i had to add a bunch of 's for the full arrow to >work. is there a better way to do this? > >http://yakmaster.net/test/arrowtest.html Kelly, Have you tried setting the arrow

Re: [css-d] image background question

hmm, well here is my test page. it seems to work, but this is stand-alone. i had to add a bunch of   's for the full arrow to work. is there a better way to do this? http://yakmaster.net/test/arrowtest.html On Wed, Jul 9, 2008 at 1:55 PM, Chris Akins <[EMAIL PROTECTED]> wrote: > Two ideas: > >

Re: [css-d] Centering Element W Absolute Positioning?

Adam - I am using the transitional Doctype in this case. Your code snippet left out the left and right property values which caused the p tag to "float" outside and over to the right in IE6 & 7, even with the width set to 100% - but as soon as those two values were added, everything fell into pl

Re: [css-d] American Flag

This looked neat, but in Opera and FF3.0 I could not view it. Tim Dawson wrote: > David Laakso wrote: > >> Christopher Schmitt wrote: >> >>> I forgot to mention this during the holiday, but for the 4th of July >>> I made the US flag out of CSS starting with semantic HTML. >>> >>> You can

Re: [css-d] image background question

Two ideas: 1) a link please so we can see your page, check to see if there are other issues not apparent in the snippet you provided, etc. Possibly a path problem to the image? Any number of things could be the case when we essentially can't see what you see. 2) tags are inline elements. You m

Re: [css-d] Centering Element W Absolute Positioning?

Adam Ducker wrote: > Ellie, > > I'm interested to know what doctype are you using (if any). The method > I outlined works fine for me in all browsers on XHTML transitional but > my knowledge of any quirks with regular HTML has softened over the last > few years. > > It seems like "left: 0;" a

[css-d] Width problems with IE7 & FF (Content wider in FF)

I've run into another problem. I wondered why my main #content displays correct in IE7 but the #content is wider in FF2/3. I have tried different variations of the code but when I fix one the other displays incorrectly. Can anyone see what I am doing wrong? I also wondered why my image box border

[css-d] image background question

trying to figure out how to use a small image (such as a fat arrow) as a background. want to be able to re use the arrow and place different numbers over it. I've tried the following, but the arrow does not display: h3 span.arrow{ height: 5px; width: 24px; margin: 10px; background

Re: [css-d] Centering Element W Absolute Positioning?

Ellie, I'm interested to know what doctype are you using (if any). The method I outlined works fine for me in all browsers on XHTML transitional but my knowledge of any quirks with regular HTML has softened over the last few years. It seems like "left: 0;" and "right: 0;" in conjunction would

Re: [css-d] Centering Element W Absolute Positioning?

Just wanted to report that the solution that worked multi browsers: IE6, IE7, FF2, Mac Safar & Mac FF ended up being a combo of both suggestions without any hacks/conditional comments. I wrapped a p tag around the a href: p {position: absolute; left: 0; right: 0; bottom: 50px; margin: 5px 0 0;

Re: [css-d] Font sizing - Is there a definative method?

Thanks for all the help guys, that was very informative :) Karl __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discus

Re: [css-d] Centering Element W Absolute Positioning?

Thanks guys for the clarification and suggested solutions - it helps! Elli --- On Wed, 7/9/08, Bill Brown <[EMAIL PROTECTED]> wrote: > From: Bill Brown <[EMAIL PROTECTED]> > Subject: Re: [css-d] Centering Element W Absolute Positioning? > To: "Adam Ducker" <[EMAIL PROTECTED]> > Cc: [EMAIL PROTE

Re: [css-d] Centering Element W Absolute Positioning?

Adam Ducker wrote: > Elli Vizcaino wrote: >> I have a link that I've absolutely positioned in a relatively >> positioned container so that it sits 50px up from bottom of >> container. In order for me to get the link to look centered I had >> to style it like so: >> >> #jobad {position: relative; w

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

> -Original Message- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of > Jason Campbell > Sent: Wednesday, July 09, 2008 8:18 AM > To: David Hucklesby > Cc: css-d@lists.css-discuss.org > Subject: Re: [css-d] EM based layout issue between Firefox > and Safari on Mac > >

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

David, Thanks for your response, I am surprised to see the rounding you have found but only slightly, heh. The article by Georg was also interesting thanks for the link. From reading it I get the sense that he is expecting that what we are intending is that the body text remain the 10px that

Re: [css-d] Centering Element W Absolute Positioning?

Elli Vizcaino wrote: > Hello, > > I have a link that I've absolutely positioned in a relatively positioned > container so that it sits 50px up from bottom of container. In order for me > to get the link to look centered I had to style it like so: > > #jobad {position: relative; width: 298px; hei

[css-d] Centering Element W Absolute Positioning?

Hello, I have a link that I've absolutely positioned in a relatively positioned container so that it sits 50px up from bottom of container. In order for me to get the link to look centered I had to style it like so: #jobad {position: relative; width: 298px; height: 250px; border: 1px solid #0

[css-d] apologies if this is off topic but...

i need to temporarily unsubscribe from this list (as and it isn't working. can anyone help? -- Vincent Pollard http://www.ithinkx.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki

Re: [css-d] American Flag

At 9:57 AM -0400 7/9/08, Christopher Schmitt wrote: >I forgot to mention this during the holiday, but for the 4th of July >I made the US flag out of CSS starting with semantic HTML. > >You can view the finished flag here: > >http://ion.christopherschmitt.com/cssflag/step9.html > >Or you can read t

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

On Tue, 8 Jul 2008 16:13:40 -0400, Jason Campbell wrote: > I am trying to establish a foundation for an em based layout and I am seeing > some > discrepancies between Firefox 2 and Safari 3.1.2 on the mac that I had not > noticed > before. > My example file I am referencing is available at > ht

[css-d] fixed width layout - make expand only if needed?

I'm pretty sure I can only do this with tables, but it's worth asking for some help. The effect I want to produce is pretty much like a table. Putting a width (min-, if necessary) on a container div, and if (and only if) there's an unbroken string or table should the layout expand. The problem i

Re: [css-d] Link attribute syntax

Colin Mcgarry wrote: > I'm sure my problem is ridiculously simple but it's driving me mad. > > Firefox tells me my link is > div#contenu>liste-article>ul .somm-titre>li>h3.titre>a > > What is the syntax for setting the color of the link. > i've tried > > a.h3.somm-titre{ > color: #eef; > } > > > a.

[css-d] Link attribute syntax

I'm sure my problem is ridiculously simple but it's driving me mad. Firefox tells me my link is div#contenu>liste-article>ul .somm-titre>li>h3.titre>a What is the syntax for setting the color of the link. i've tried a.h3.somm-titre{ color: #eef; } a.somm-titre{ color: #eef; } a.h3.titre{ col

Re: [css-d] Positioning PHP buttons

Hayden's Harness Attachment wrote: > If you go to: > > http://www.choroideremia.org/new/crf_header.php > > With Firefox 3.0. You get a page that I would like to see in every browser. > If you downarrow twice everything moves over and I get my Font switcher > buttons at the very top left of the sc

Re: [css-d] Font sizing - Is there a definative method?

On 2008/07/09 09:46 (GMT-0500) Ben Fider apparently typed: > this is a good way to get a consistent font size: > * { > font-size: 100.01%; /* > http://css-discuss.incutio.com/?page=InternetExplorerWinBugs */ > } > html { /* > http://trevordavis.net/blog/tutorial/the-6-most-important-css-tech

Re: [css-d] font-size using em

On Jul 9, 2008, at 11:32 PM, jeffrey morin wrote: > What do you think of using percentages to declare fonts? Any better > luck > with that? That won't make a big difference. If I were you, I wouldn't worry about it. When you factor in the user settings, and the differences in text rendering b

Re: [css-d] American Flag

> You can view the finished flag here: > http://ion.christopherschmitt.com/cssflag/step9.html > Or you can read the tutorial here: > http://christopherschmitt.com/2008/07/03/american-flag-in-css/ > I would like to hear anyone's thoughts on it--good or bad or how to > improve upon it. > Christophe

Re: [css-d] Font sizing - Is there a definative method?

this is a good way to get a consistent font size: * { font-size: 100.01%; /* http://css-discuss.incutio.com/?page=InternetExplorerWinBugs */ } html { /* http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/ */ font-size: 62.5%; /* will set your font-si

Re: [css-d] American Flag

David Laakso wrote: > Christopher Schmitt wrote: >> I forgot to mention this during the holiday, but for the 4th of July >> I made the US flag out of CSS starting with semantic HTML. >> >> You can view the finished flag here: >> >> http://ion.christopherschmitt.com/cssflag/step9.html >> >> Or you

Re: [css-d] font-size using em

Thanks Philippe, What do you think of using percentages to declare fonts? Any better luck with that? I was involved in a development project once where they used all percentages and IE6 didn't like it but for this project I am not having to develop for ie6 at all (joy oh joy!) On Wed, Jul 9, 2008

Re: [css-d] font-size using em

On Jul 9, 2008, at 11:04 PM, jeffrey morin wrote: > I have a question regarding the differences in font-size I see between > Safari 3 and FF2. I am attempting to use the Blueprint CSS and when I > customize my font sizes using em Safari seems to render the text > slightly > larger than FF2 (hav

Re: [css-d] American Flag

Christopher Schmitt wrote: > I forgot to mention this during the holiday, but for the 4th of July > I made the US flag out of CSS starting with semantic HTML. > > You can view the finished flag here: > > http://ion.christopherschmitt.com/cssflag/step9.html > > Or you can read the tutorial here: >

Re: [css-d] Font sizing - Is there a definative method?

Karl Bedingfield wrote: > I'm getting confused. There appears to be many ways of font resizing > and I cannot make my mind up which is the best method. > > In the body style some use use 12px and pixel font sizes there after. > Some use body style of 100% and percentages there after and finally > s

[css-d] font-size using em

Hello CSSer's I have a question regarding the differences in font-size I see between Safari 3 and FF2. I am attempting to use the Blueprint CSS and when I customize my font sizes using em Safari seems to render the text slightly larger than FF2 (haven't checked any IE yet). Does anyone know what c

[css-d] American Flag

I forgot to mention this during the holiday, but for the 4th of July I made the US flag out of CSS starting with semantic HTML. You can view the finished flag here: http://ion.christopherschmitt.com/cssflag/step9.html Or you can read the tutorial here: http://christopherschmitt.com/2008/07/03

Re: [css-d] horizontal nav not placing correctly

The tabs are still extending below the navigation area in Firefox 2 on the Mac, OS X 10.4.11 Chris On Wed, Jul 9, 2008 at 1:15 AM, Daniel Hammond <[EMAIL PROTECTED]> wrote: > > Alright, I added {vertical-align:bottom}. Does this help any of you Mac > users see it better where it was messing up b

[css-d] Font sizing - Is there a definative method?

I'm getting confused. There appears to be many ways of font resizing and I cannot make my mind up which is the best method. In the body style some use use 12px and pixel font sizes there after. Some use body style of 100% and percentages there after and finally some use 101% in body with ems there

Re: [css-d] IE margin problems

Daniel: I often stumble into trouble with IE margins. Is there any specific reason you are using margins instead of padding? In my work I tend to want to skip margin settings (zeroing them out where needed) and choosing padding instead on some of the elements around them. This can add compl

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

Thank you Bobby Jack for this one line… "(including your local configuration)" I am not sure how it happened but at some point it dropped to 14 from 16 in my local prefs. I never seem to think about factoring in the preferences, I build for what I assume is the default installation settings

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

> From: david <[EMAIL PROTECTED]> > > Jason Campbell wrote: > > > I am trying to establish a foundation for an em based > layout and I am > > seeing some discrepancies between Firefox 2 and Safari > 3.1.2 on the > > mac that I had not noticed before. > > My example file I am referencing is avai

Re: [css-d] IE margin problems

Daniel Hammond wrote: > URL: www.objectivedesigns.com/amittius/index.htm > CSS: www.objectivedesigns.com/amittius/index.css > > Alright, thanks for all your help with the nav on this site. Now if you'll > go there again, you'll see that I have added some boxes within the body > text. FF3, Opera, a

Re: [css-d] EM based layout issue between Firefox and Safari on Mac

Jason Campbell wrote: > I am trying to establish a foundation for an em based layout and I am > seeing some discrepancies between Firefox 2 and Safari 3.1.2 on the > mac that I had not noticed before. > My example file I am referencing is available at > http://www.jasoncampbell.com/CSS Hmm, a

[css-d] IE margin problems

URL: www.objectivedesigns.com/amittius/index.htm CSS: www.objectivedesigns.com/amittius/index.css Alright, thanks for all your help with the nav on this site. Now if you'll go there again, you'll see that I have added some boxes within the body text. FF3, Opera, and Safari all display the boxes co

Re: [css-d] horizontal nav not placing correctly

Daniel Hammond wrote: > | > URL: www.objectivedesigns.com/amittius/index.htm > | > CSS: www.objectivedesigns.com/amittius/index.css > | > > | > | Adding > | #nav a, #nav strong {vertical-align:bottom} > | should level off the differences. > | > | Incidentally, Gecko1.8.1/Fx 2 has no support of di