Re: [css-d] 120DPI system fonts wreak havoc in certain browsers

2008-02-21 Thread Gunlaug Sørtun
Felix Miata wrote: On 2008/02/18 13:15 (GMT-0500) Jeff Blaine apparently typed: Can anything be done from the CSS/XHTML end? CSS has no way to know DPI. It does, actually... http://www.w3.org/TR/css3-mediaqueries/#resolution ...and it already works in a few browsers. Constructions like

[css-d] Is this a CSS problem?

2008-02-21 Thread Kevin Stevens
I have some time on my hands at the moment so I have decided to update some of my old site, replacing tables with CSS. One of these sites, http://www.compvoltalk.co.uk/ , is to be used by visually impaired people so I decided to add a switcher that enlarges the text. To do this I built on an

Re: [css-d] Is this a CSS problem?

2008-02-21 Thread Jukka K. Korpela
Kevin Stevens wrote: I have some time on my hands at the moment so I have decided to update some of my old site, replacing tables with CSS. In general, it's more fruitful to design new pages or redesign pages than to change existing code just to clean it up (which is what replacing tables

Re: [css-d] Is this a CSS problem?

2008-02-21 Thread David Laakso
Kevin Stevens wrote: http://www.compvoltalk.co.uk/ So, is this a CSS problem and, if so, any ideas how I can solve it? Thanks I doubt it. You may want to start here, though...

[css-d] Simulating IE's disabled look

2008-02-21 Thread Ray Costanzo
Hi list, IE allows for the nonstandard usage of disabled in seemingly any html tag. I'm working on cleaning up of some html and trying to eliminate anything I find that deviates from standards. Is there a way that I can still get that same disabled look on an a tag, for instance? Right now I

Re: [css-d] dropdown menu issue with IE6

2008-02-21 Thread Chris Kavinsky
Sorry, I forgot to add the links to the site and CSS file. Here they are: HTML page: http://209.235.208.145/cgi-bin/WebSuite/tcsAssnWebSuite.pl?AssnID=OHSOYDBCode=410110Action=DisplayTemplatePage=AWS_OHSOY2_osc_index.html CSS file: http://209.235.214.238/css/2008styles.css On Tue, Feb 19,

Re: [css-d] Absolutely positioned div breaking out of parent in IE

2008-02-21 Thread Hayley Kinash
It's in Standards mode. -Original Message- From: Richard Grevers [mailto:[EMAIL PROTECTED] Sent: Wednesday, February 20, 2008 7:26 PM To: Hayley Kinash Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Absolutely positioned div breaking out of parent in IE On 2/20/08, Hayley Kinash

[css-d] Static background at bottom of browser window?

2008-02-21 Thread Inês Teles
Hi all This is my first post though I've been reading the emails for a few weeks now - I've picked up a lot of tips! I'm still learning CSS and I wanted to create an effect but I'm not sure how to go about this: I want to have a picture of grass across the bottom of the website (which is always

Re: [css-d] dropdown menu issue with IE6

2008-02-21 Thread Jeff Gates
-I have two horizontal navigation areas using Son of Suckerfish dropdowns -the 2nd area is also using background image replacement -one page has a Flash file where the 2nd level dropdowns were getting hidden even with a transparency setting on the Flash file (solved using

Re: [css-d] Static background at bottom of browser window?

2008-02-21 Thread David Laakso
Inês Teles wrote: The ideal would be for the grass to always be at the bottom of the window that the user can see, even if there is still more content that requeires the user to scroll down. The catch is that it very definitely needs to work in IEx... Ines Welcome to the list!

[css-d] Auto scale images?

2008-02-21 Thread Jason Pruim
Hi Everyone, I'm working on a little bit of a test for me... Not a live site just trying to get ready for one. Here's the issue, I have in the past been able to scale the size of the images when you scale the text of the website (Nice effect!) but today I noticed that if I remove a height

[css-d] divs not centering in Firefox

2008-02-21 Thread Cory Shubert
Hi list memebers, maybe someone can help me figure out why this won't work in Firefox but does in IE6. This is splash page that is called via Java in a booking process.. CSS: style type=text/css #splash { width:100%; margin:0 auto; margin-top:60px; text-align:center; } #splash .box {

[css-d] Float list items

2008-02-21 Thread Brian Jones
Hi, I have a list div ul liitem 1 price1/li liitem 2 price2/li liitem 3 price3/li /ul /div How can I contruct my css so that the 'item' is to the left of the div and the 'price' floats to the far right of the div -- -Bdot There are

Re: [css-d] Static background at bottom of browser window?

2008-02-21 Thread Jeff Gates
What I really would like to ask is how do I code the css so that the piece of grass is always at the bottom of the browser, no matter how big the browser is or how much content there is further down? The ideal would be for the grass to always be at the bottom of the window that the user can

[css-d] Gap between divs in IE6

2008-02-21 Thread Paul Jinks
I've been trying to fix this till I can't remember my own name: I have a page that looks just as I want in FF but which misbehaves in IE6, showing a gap between divs. Link: http://www.pauljinks.co.uk/test/contentTemplate2.html I've stripped down everything to identify the offending code, which

Re: [css-d] Absolutely positioned div breaking out of parent in IE

2008-02-21 Thread David Hucklesby
On Tue, 19 Feb 2008 09:31:53 -0600, Hayley Kinash wrote: I've got an absolutely positioned div inside a relatively positioned div, but in IE the child div is breaking out of the parent and uses the body as its parent. There's a width and a height on the parent div, and all divs above the

Re: [css-d] Gap between divs in IE6

2008-02-21 Thread Gunlaug Sørtun
Paul Jinks wrote: I have a page that looks just as I want in FF but which misbehaves in IE6, showing a gap between divs. http://www.pauljinks.co.uk/test/contentTemplate2.html The simplest and most reliable solution is to put an html comment in the empty divs, to prevent IE/win from seeing

Re: [css-d] divs not centering in Firefox

2008-02-21 Thread Usamah M. Ali
On Thu, Feb 21, 2008 at 8:17 PM, Cory Shubert [EMAIL PROTECTED] wrote: Hi list memebers, maybe someone can help me figure out why this won't work in Firefox but does in IE6. This is splash page that is called via Java in a booking process.. CSS: style type=text/css #splash {

[css-d] Text Resizing Causes Small Movement in Images

2008-02-21 Thread Chris Akins
Hi - not sure what's causing my image based mainNav tabs to move slightly when text is resized in this header: www.springfieldmo.gov/newSite/index4.html www.springfieldmo.gov/newSite/mainStyles_take4.css The page is based on Matthew James Taylor's perfect 3-col liquid layout, though the 3

Re: [css-d] divs not centering in Firefox

2008-02-21 Thread Cory Shubert
Yes, that is it. Thank you very much. C From: Tim Palac [mailto:[EMAIL PROTECTED] Sent: Thursday, February 21, 2008 11:34 AM To: Cory Shubert Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] divs not centering in Firefox Cory, In #splash .box, replace

Re: [css-d] Text Resizing Causes Small Movement in Images

2008-02-21 Thread Gunlaug Sørtun
Chris Akins wrote: Hi - not sure what's causing my image based mainNav tabs to move slightly when text is resized in this header: www.springfieldmo.gov/newSite/index4.html Images are inline-elements by default, which means there will be provided space for text-descenders and this space will

Re: [css-d] Several problems with template

2008-02-21 Thread David Hucklesby
On Wed, 20 Feb 2008 15:30:32 +0100, Thijs Hakkenberg wrote: Dear List, For my site I use the following template, but there are serveral things that go awry in IEX (including 7): http://ebrius.nl/fileadmin/template/ebrius.nl/index.html 1. The footer and header are placed too much to the

Re: [css-d] Float list items

2008-02-21 Thread Gunlaug Sørtun
Usamah M. Ali wrote: My normal approach would be using a table. ;~) For tabular data - yes, but not if it was just a visual effect I were after. Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Float list items

2008-02-21 Thread Usamah M. Ali
My normal approach would be something like... ul lispanitem 1/span price1/li lispanitem 2/span price2/li lispanitem 3/span price3/li /ul li {text-align: right;} li span {float: left;} ...as CSS can only target elements, not the content within them ... at

Re: [css-d] Still Having Problem with Menu Line Break

2008-02-21 Thread David Hucklesby
On Tue, 19 Feb 2008 20:33:08 -0600 (CST), Jeff Gates wrote: Page in question: http://inourpath.com/intro.html I am still having problem with the bottom menu line breaking to a second line in IE 6 and IE7. The MAP is breaking to a second line. The menu is in the nav div which is centered

Re: [css-d] Static background at bottom of browser window?

2008-02-21 Thread David Hucklesby
On Thu, 21 Feb 2008 14:33:10 +, Inês Teles wrote: Hi all This is my first post though I've been reading the emails for a few weeks now - I've picked up a lot of tips! I'm still learning CSS and I wanted to create an effect but I'm not sure how to go about this: I want to have a

Re: [css-d] Simulating IE's disabled look

2008-02-21 Thread David Hucklesby
On Thu, 21 Feb 2008 07:43:12 -0500, Ray Costanzo wrote: Hi list, IE allows for the nonstandard usage of disabled in seemingly any html tag. I'm working on cleaning up of some html and trying to eliminate anything I find that deviates from standards. Is there a way that I can still get

Re: [css-d] Still Having Problem with Menu Line Break

2008-02-21 Thread Jeff Gates
Try changing the width on #nav to a suitable em value. In general, font sizes do not correspond to any particular number of pixels-- only in particular cases, such as in IE on an OS set to 96 DPI is that so. FWIW - The menu breaks to two lines in all my browsers this end; IE and Opera put

Re: [css-d] Still Having Problem with Menu Line Break

2008-02-21 Thread Jason Pruim
On Feb 21, 2008, at 1:52 PM, Jeff Gates wrote: Try changing the width on #nav to a suitable em value. In general, font sizes do not correspond to any particular number of pixels-- only in particular cases, such as in IE on an OS set to 96 DPI is that so. FWIW - The menu breaks to two

Re: [css-d] problem with borders

2008-02-21 Thread vwf
On Wed, Feb 20, 2008 at 07:42:46PM +, vwf wrote: Hello, I try to make new layout for my website. The first hurdle is a horizontal navigation bar that does not behave like I want: I get unwanted borders, and the background does not shift on hover. Can someone help? Thank you for all the

Re: [css-d] dropdown menu issue with IE6

2008-02-21 Thread Chris Kavinsky
The dropdowns are there, but they're showing up off the screen to the right. You should be able to see a portion of the About OSC dropdown. The rest are off somewhere. IE7 works fine, as well as Safari and FIrefox (Windows and Mac). With Firefox on the Mac, it sometimes hides behind the Flash

[css-d] alignment problem on Firefox

2008-02-21 Thread Big Moxy
url - http://www.zanalysts.net/ css - http://www.zanalysts.net/styles/zanalysts.css If you look at the display on IE 7 you will see what I want. Can someone please help me with the alignment of the list items on the right hand side of the page? I set padding-left: 42px to the list items

Re: [css-d] Absolutely positioned div breaking out of parent in IE

2008-02-21 Thread Hayley Kinash
On Tue, 19 Feb 2008 09:31:53 -0600, Hayley Kinash wrote: I've got an absolutely positioned div inside a relatively positioned div, but in IE the child div is breaking out of the parent and uses the body as its parent. There's a width and a height on the parent div, and all divs above the

Re: [css-d] alignment problem on Firefox

2008-02-21 Thread Usamah M. Ali
Can someone please help me with the alignment of the list items on the right hand side of the page? I set padding-left: 42px to the list items and as you can see the graphic extends below the title and therefore the padding on the list item pushes the first couple to the left and out of

Re: [css-d] alignment problem on Firefox

2008-02-21 Thread Usamah M. Ali
Your approach is complicating the matters for you. You should be using background images instead of putting presentational images right into the markup. Instead of having: divimg width=32 height=30 class=image title=Image alt=windows logo src=/images/windows-logo.gif/ a class=title

[css-d] Tab menu: using descendant selectors to create active tab

2008-02-21 Thread Julie Wetherill
For my horizontal tab menu, I'm working on markup and css to produce an active tab effect. For various reasons, I need to use descendant selectors to trigger the active tab rather than add a special selector to the active tab (e.g., id=active). But, using descendant selectors doesn't work

[css-d] Markup for image URL in CSS rule

2008-02-21 Thread Cory Shubert
h4 { background: transparent url(/images/windows-logo.gif) no-repeat center center; padding-left: 42px; } Question on markup code in CSS. I have seen markup as above, where the image tag inside parenthesis has quotation marks and sometimes without. Which is it, q.marks or not? Thanks, Cory

Re: [css-d] alignment problem on Firefox

2008-02-21 Thread Usamah M. Ali
On Thu, Feb 21, 2008 at 11:51 PM, Big Moxy [EMAIL PROTECTED] wrote: I'm sorry but that didn't work. The image is not displaying now. Try using the absolute path to the image and don't forget the left padding. h4 { background: transparent url(http://absolute/path/to/the/image) no-repeat center

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Big Moxy
Great catch Cory! I don't think background image is the right solution though. Look at it now. www.zanalysts.net Tim -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cory Shubert Sent: Thursday, February 21, 2008 12:55 PM To: CSS Discussion Subject:

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
On Thu, Feb 21, 2008 at 11:54 PM, Cory Shubert [EMAIL PROTECTED] wrote: h4 { background: transparent url(/images/windows-logo.gif) no-repeat center center; padding-left: 42px; } Question on markup code in CSS. I have seen markup as above, where the image tag inside parenthesis

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Big Moxy
Isn't my issue a presentational one? I would compare my objective to your Email this article example. Tim -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Usamah M. Ali Sent: Thursday, February 21, 2008 1:12 PM To: Cory Shubert Cc: CSS Discussion Subject:

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Big Moxy
Thank you for the correction, Usamah! I also added height:37px to ensure the full image was being displayed. What do I do about the extra image behind the image title? It's not even full-size? Regards, Tim -Original Message- From: Usamah M. Ali [mailto:[EMAIL PROTECTED] Sent: Thursday,

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
On Fri, Feb 22, 2008 at 12:34 AM, Big Moxy [EMAIL PROTECTED] wrote: Thank you for the correction, Usamah! I also added height:37px to ensure the full image was being displayed. What do I do about the extra image behind the image title? It's not even full-size? Regards, Tim You have

Re: [css-d] Float list items

2008-02-21 Thread Rick Faircloth
What difference does it make? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: Thursday, February 21, 2008 1:35 PM To: Usamah M. Ali Cc: Brian Jones; CSS Discuss Subject: Re: [css-d] Float list items Usamah M. Ali

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
Once you grasped the basic concept of using background images, then it's a matter of trial error until you get the perfect look you're after. Try changing the background position to left top or left bottom or applying padding the a links in the CSS or a combination of all these and others. Good

Re: [css-d] Float list items

2008-02-21 Thread Gunlaug Sørtun
Rick Faircloth wrote: What difference does it make? The difference is (already made) at the most basic level: what it is, and what it can be made to look as when we add a bit of styling. - An HTML table will always be a table and nothing but a table, no matter how it's styled. - Some text in a

Re: [css-d] Float list items

2008-02-21 Thread Rick Faircloth
Your example below is impressive, Georg, for sure. But just look at the CSS hoops you had to jump through just to get what looks like a simple table. Why go to so much trouble avoid using table ? Just because you can or is there a more compelling reason? I'm relatively new to the CSS scene, so

Re: [css-d] Auto scale images?

2008-02-21 Thread Philippe Wittenbergh
On Feb 22, 2008, at 12:55 AM, Jason Pruim wrote: Here's the issue, I have in the past been able to scale the size of the images when you scale the text of the website (Nice effect!) but today I noticed that if I remove a height attribute on the containing div, the pictures don't scale.. Is

Re: [css-d] Still Having Problem with Menu Line Break

2008-02-21 Thread David Laakso
Jeff Gates wrote: As to users being able to increase the size of fonts, is there anything we can really do about that, especially in a situation like this menu? Having the menu on one line is my goal. And if there are tips to make it happen in as many situations as possible, I want to

Re: [css-d] Float list items [medium]

2008-02-21 Thread Rafael
Rick Faircloth wrote: Your example below is impressive, Georg, for sure. But just look at the CSS hoops you had to jump through just to get what looks like a simple table. Why go to so much trouble avoid using table ? Just because you can or is there a more compelling reason? I'm

Re: [css-d] Float list items

2008-02-21 Thread Gunlaug Sørtun
Rick Faircloth wrote: Your example below is impressive, Georg, for sure. But just look at the CSS hoops you had to jump through just to get what looks like a simple table. Why go to so much trouble avoid using table ? Just because you can or is there a more compelling reason? I'm

Re: [css-d] Float list items [medium]

2008-02-21 Thread Rick Faircloth
Not boring at all! Thanks for the explanation, Rafael! :o) Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rafael Sent: Thursday, February 21, 2008 10:32 PM To: Rick Faircloth Cc: 'CSS Discussion' Subject: Re: [css-d] Float list items

Re: [css-d] Float list items

2008-02-21 Thread Rick Faircloth
Thanks for the explanation, Georg! :o) Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: Thursday, February 21, 2008 10:34 PM To: 'CSS Discussion' Subject: Re: [css-d] Float list items Rick Faircloth wrote: Your

Re: [css-d] Float list items [medium]

2008-02-21 Thread Rick Faircloth
Hi, Peter, and thanks for the reply! :o) Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter Hyde-Smith Sent: Thursday, February 21, 2008 10:55 PM To: 'CSS Discussion' Subject: Re: [css-d] Float list items [medium] - Original

Re: [css-d] Float list items [medium]

2008-02-21 Thread Peter Hyde-Smith
- Original Message - From: Rafael [EMAIL PROTECTED] To: Rick Faircloth [EMAIL PROTECTED] Cc: 'CSS Discussion' css-d@lists.css-discuss.org Sent: Thursday, February 21, 2008 9:32 PM Subject: Re: [css-d] Float list items [medium] Rick Faircloth wrote: Your example below is impressive,

Re: [css-d] Float list items

2008-02-21 Thread Thierry Koblentz
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Rick Faircloth Sent: Thursday, February 21, 2008 5:47 PM To: 'CSS Discussion' Subject: Re: [css-d] Float list items Your example below is impressive, Georg, for sure. But just look at