Re: [css-d] Started over - new questions

Marc Funaro wrote: http://nyslittreedata.advantex.net/new/default/default.htm I have renamed my div/ids and cleaned up a bunch of naming conventions, and I'm using a little javascript called Nifty Corners to round out the boxes where I wanted to. (yes, I cheated... So punch me later ;)

Re: [css-d] Fun header challenge?

On 5/19/06, Kenny Graham [EMAIL PROTECTED] wrote: What if you gave the logo image: #logo { margin:-10px; } This would allow the H1 to collapse on it, right? As in the H1 would only try to contain the height of the logo - 20, instead of the full height? It usually seems to work this

[css-d] container overflows floated items in IE.

Hi All. I have troubles with floats in IE. Here's the source http://pastebin.com/724686 In IE container overflows contained items but there is no clearing... How do i make it behave as say in Firefox...where items overlap container. Thanks. PS.the source is an excerpt so it may seem redundant.

[css-d] Ste check background images

Hi all Currently renovating one our sites and moving to CSS basis. Have also used Tedds code for boxes to good effect It seems to render well in IE6, FF and Opera upto 1024 x 768. I noted last evening that it broke at the higher res of a Dell laptop. I think it may be due to position of

Re: [css-d] Wrapping in thumbnail gallery

Lassi Heikkinen wrote: I found a nice CSS thumbnail gallery which I have converted to own styles: http://www.pulu.org/temp/cssgal/thumbgal.html The rows are sorted according to window's size, so by resizing the window the images are changing rows. What I want is that each row should always

Re: [css-d] Elastic layouts: want to confirm

Christian Montoya wrote: No. EMs provides the best scaling possible for a layout that is intended to grow as the font grows. When the height and width of the font characters is somewhat similar, doubly so. Intending for layout's to scale based on font size isn't such a good idea for

Re: [css-d] Ste check background images

Hi all Currently renovating one our sites and moving to CSS basis. Have also used Tedds code for boxes to good effect It seems to render well in IE6, FF and Opera upto 1024 x 768. I noted last evening that it broke at the higher res of a Dell laptop. I think it may be due to position of

Re: [css-d] Elastic layouts: want to confirm

On 5/19/06, Alastair Campbell [EMAIL PROTECTED] wrote: Christian Montoya wrote: No. EMs provides the best scaling possible for a layout that is intended to grow as the font grows. When the height and width of the font characters is somewhat similar, doubly so. Intending for layout's to

Re: [css-d] Ste check background images

I think it may be due to position of background image for home page and in test-new.html the right hand cell moves out of alignment. Any thoughts? I have some pages parked at http://www.iyesolutions.co.uk/templates/new-dol/ and

[css-d] IE list padding/border bug

http://www.eystein.no/test/xrs/template_main.php The li items in the navigation gets to much padding in IE6. I know this can be avoided by setting a border to them, however, that messes up the background images I'm using. Is there another solution to fix explorer?

Re: [css-d] Elastic layouts: want to confirm

I wrote: Intending for layout's to scale based on font size isn't such a good idea for accessibility Christian Montoya wrote: I never meant to imply that. My apologies, I misunderstood. Christian continued: It's poor foresight on the part of the designer who forgets to implement

[css-d] Floats Vs Absolute positioning

Hi, Just wondering if anyone can give me some reasons why doing a three column layout with floats is 'better' than doing it with absolute positioning. I have finally achieved the layout I was trying to get by using a liquid center and two columns absolutely positioned, this was do-able with

[css-d] Positioning a list bullet image

Hi all, I want to use a custom graphic as a bullet in a list. I can do this (at least) two ways in CSS, by using list-style-image and by using background-image. I wanted to know whether it is possible to vertically position the bullet if I use list-style-image. I can't find anything in

Re: [css-d] Floats Vs Absolute positioning

Eoin Maguire wrote: [...] I am not happy with using positioning instead of floats, but now that I think about it I amn't sure *why* exactly I have a preference for floating as a layout method. Anyone got good reasons for using one over the other or have I just picked up an irrational

Re: [css-d] Floats Vs Absolute positioning

What about using relative positioning? How does that fit in to this argument? Thanks, Stephen - Original Message - From: Gunlaug Sørtun [EMAIL PROTECTED] Sent: Friday, May 19, 2006 11:59 AM Eoin Maguire wrote: [...] I am not happy with using positioning instead of floats, but now

Re: [css-d] Ste check background images

Any thoughts? I have some pages parked at http://www.iyesolutions.co.uk/templates/new-dol/ and http://www.iyesolutions.co.uk/templates/new-dol/test-new.html css at http://www.iyesolutions.co.uk/templates/new-dol/includes/style-new.css Cheers Ian This is quite bizarre. The home page

Re: [css-d] Floats Vs Absolute positioning

Stevio wrote: What about using relative positioning? How does that fit in to this argument? It just complicates it ever so slightly, by altering the visual cues :-) Relative positioning can be used to offset any element - including 'floats', but 'r.p.' leaves the element's original space

[css-d] clear-float madness

The floatclearing has returned to hunt me. How do I stop it from clearing more then its parent div? Nor floating up next to the preseding div? I just keep banking my head against the wall on this one. http://www.eystein.no/test/xrs/template_main.php

Re: [css-d] Started over - new questions

Suggestions with this latest one are welcome -- am I closer to a good way of doing it now than I was earlier? (I hope so!) Hello Marc, this is far better than your very first approach, I think you are on the right track. Further steps (after clearing the main layout probs): Why not extend

Re: [css-d] Started over - new questions

Rehi Marc, I think that the relative positioning of the Header and the TreeLogo which Gunlaug's proposed would be a better an more unproblematic solution. Niklas __ css-discuss [EMAIL PROTECTED]

[css-d] Persistant and preferred stylesheet

Is it possible to use both a persistent and a preferred stylesheet, if I specify both in my code? Thanks, Stephen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub --

Re: [css-d] Started over - new questions

[2]http://www.gunlaug.no/contents/wd_1_06_03.xhtml Having read this, I think it might be wise for me to declare my document as simply HTML. I ignorantly used XHTML only because that's what was output originally by Photoshop on my very first foray into an all-CSS layout. HOWEVER, the

Re: [css-d] Started over - new questions

Sorry to sound grumpy... This CSS stuff has taken me back to beginner level and maybe I've chosen the wrong time to try this, as I really do want to get this done and the learning curve is steeper than is expressed in the documents I've read online. Say what you want about tables, they

Re: [css-d] Started over - new questions

Marc Funaro wrote: [2]http://www.gunlaug.no/contents/wd_1_06_03.xhtml Having read this, I think it might be wise for me to declare my document as simply HTML. I ignorantly used XHTML only because that's what was output originally by Photoshop on my very first foray into an all-CSS

Re: [css-d] Started over - new questions

If you can manage to get some kind of control over those CMS users, then a complete 'HTML 4.01 Strict' would be the right choice. More info... http://www.w3.org/QA/2002/04/valid-dtd-list.html

Re: [css-d] clear-float madness

Eystein Alnaes wrote: The floatclearing has returned to hunt me. How do I stop it from clearing more then its parent div? Nor floating up next to the preseding div? http://www.eystein.no/test/xrs/template_main.php You may start by deleting the class=clearfix on div#secondary_info. Then,

[css-d] ALA Custom Borders question

Hello all, I asked this question on a few boards but no one knew answer so i was hoping for better luck here. i am a bit stumped by the ALA article on custom borders: http://alistapart.com/articles/customcorners In 'Step 3', these gaps show up and i have no clue why. In it they say The gaps are

Re: [css-d] Ste check background images

Ian Young wrote: It seems to render well in IE6, FF and Opera upto 1024 x 768. I noted last evening that it broke at the higher res of a Dell laptop. http://www.iyesolutions.co.uk/templates/new-dol/ and http://www.iyesolutions.co.uk/templates/new-dol/test-new.html css at

Re: [css-d] Started over - new questions

Marc Funaro wrote: HTML 4.01 Strict is what I think I'll shoot for. Good choice. It seems the validator does not like the ULs nested inside, but that's what I think I need to accomplish...? Wrong nesting of lists. Each subsequent ul should be wrapped in a li, like so... ul

Re: [css-d] clear-float madness

Thank you Georg, always the saviour! Now, offcourse, IE is giving me a headache. It simply doesn't render some of the styling, backgroundimages etc. Easy to spot - have a look: http://www.eystein.no/test/xrs/template_main.php http://www.eystein.no/test/xrs/template_om.php

Re: [css-d] ALA Custom Borders question

Arian Hojat wrote: Hello all, I asked this question on a few boards but no one knew answer so i was hoping for better luck here. i am a bit stumped by the ALA article on custom borders: http://alistapart.com/articles/customcorners In 'Step 3', these gaps show up and i have no clue why.

[css-d] Selector complexity

Is there any known performance impact to possibly overly specific selectors? ex: #CategoryList li.Category ul li.product ul li.ciDsc a:hover {} (vs.) li.ciDsc a:hover {} The first case is extremely specific and clues the reader to the structure of the document Does the second case incur less

Re: [css-d] Selector complexity

On Friday 2006-05-19 12:42 -0400, Mike Dougherty wrote: Is there any known performance impact to possibly overly specific selectors? ex: #CategoryList li.Category ul li.product ul li.ciDsc a:hover {} (vs.) li.ciDsc a:hover {} The first case is extremely specific and clues the reader to

Re: [css-d] Selector complexity

Mike Dougherty wrote: Is there any known performance impact to possibly overly specific selectors? snip Does the second case incur less parse/render overhead? I normally opt for readability, but I have recently executed a styled list of links from what was once a table-based layout.

Re: [css-d] Positioning a list bullet image

On May 19, 2006, at 3:08 AM, Ian Piper wrote: I am using the list- style-image approach for the main content list. You can see that the musical note image is slightly high wrt the text. I'd like to drop it by 3 pixels or so. Add 3 pixels of empty space to the top of the graphic. I prefer

[css-d] User Define Stylesheet

I have a webpage, not of my own that I use for printing reports, and the font is too small. I want to override the CSS that the company uses and replace it with my own. Here is the HTML TR valign=top td nowrap class=smalltxtBandelnbsp;/td td nowrap class=smalltxtGwennbsp;/td td nowrap

[css-d] IE not positioning navigation correctly

If anyone could take a look at this page: http://www.hospicevalley.org/ and see if you can figure out why IE on PCs push the top navigation way over to the right, I would much appreciate it. It seems to work fine in Firefox and Safari, but I'm not able to test on PCs right now. Here is the CSS:

[css-d] Opera 8 and position:fixed

I was wondering...I've been Googling for the answer to this, and I can't seem to find it. Basically, here's the problem: I have a #wrapper container that's 700px wide and centered with margin:0 auto. I want a sidebar that is position:fixed and flush left and top to the container - not the

Re: [css-d] Started over - new questions - why not to use PNG's?

Hi! Niklas Kanthak wrote: Don't use PNG for images, only GIFs or JPGs. I'm just curious, why not to use PNG's. You mean PNG's in general, or only transparent PNG's? Because I like this format much more than GIF's or JPG's for it's better quality. I know that IE doesn't support transparent

Re: [css-d] User Define Stylesheet

The selector is located in an external stylesheet, so I figured that what I have set would override what they have. In their external sheet they have: .smalltxt { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; } How can I force it to override what they have? Is it

Re: [css-d] Fun header challenge?

I'm just a rank beginner, but would a sliced header help? Could be sliced near the left side image area, then the two pieces included as backgrounds? The right side background could be a repeated gif to expand as needed? Dave

Re: [css-d] IE list padding/border bug

Eystein Alnaes wrote: http://www.eystein.no/test/xrs/template_main.php The li items in the navigation gets to much padding in IE6. I know this can be avoided by setting a border to them, however, that messes up the background images I'm using. Is there another solution to fix explorer?

Re: [css-d] Fun header challenge?

Why not use a background image? Also, when you say you don't want it to work in IE, just modern browsers, you have just lost most of your audience. IE6/7 is a modern browser, it's just problematic in its css support (proprietary box model etc). So unless your site is going to be viewed only by

Re: [css-d] Floats Vs Absolute positioning

Stevio wrote: What about using relative positioning? How does that fit in to this argument? Stephen, Relative positioning is mainly used to cure IE bugs, occasionally to shift elements from their normal position, but that's it. It's not used for creating columnar layouts because the

Re: [css-d] Persistant and preferred stylesheet

Stevio wrote: Is it possible to use both a persistent and a preferred stylesheet, if I specify both in my code? If you link to two style sheets, they will both be used on your page, with cascade and specificity determining which rules take precedence in case the rules in the two sheets

[css-d] I thought this was just an IE thing

but now I see it's the same in Safari... can someone please help me figure out why I don't have the 1px white space between the navbar (#bar) and the branding area (#top) in IE and Safari that I see in Firefox? http://www.skydogtech.com/pinck/html/ Thanks so much.

[css-d] Style Families

Hello All, I apologize in advance for the length of this email but I'm just curious about something and thought I'd send out a feeler. While recently revamping my personal website, I had some specific requirements based on experiences on other websites. My favorite example that I wanted to avoid

Re: [css-d] IE not positioning navigation correctly

This does fix the positioning of the text, but the background image gets cut off at the bottom after the text ends. I had originally fixed that by giving #topnav a min-height, 25 px, the height of the image. Now that is being ignored after the list ends. Any suggestions? On 5/19/06, Matt

Re: [css-d] Fun header challenge?

On 5/19/06, Kenny Graham [EMAIL-REMOVED] wrote: What if you gave the logo image: #logo { margin:-10px; } This would allow the H1 to collapse on it, right? As in the H1 would only try to contain the height of the logo - 20, instead of the full height? It usually seems to work

Re: [css-d] I thought this was just an IE thing

Suzanne Goodwin wrote: but now I see it's the same in Safari... can someone please help me figure out why I don't have the 1px white space between the navbar (#bar) and the branding area (#top) in IE and Safari that I see in Firefox? http://www.skydogtech.com/pinck/html/ See if adding

Re: [css-d] Started over - new questions - why not to use PNG's?

Erik Gyepes wrote: Hi! Niklas Kanthak wrote: Don't use PNG for images, only GIFs or JPGs. I'm just curious, why not to use PNG's. You mean PNG's in general, or only transparent PNG's? Because I like this format much more than GIF's or JPG's for it's better quality. I know

[css-d] vanishing imgs color in IE/PC and Firefox/PC

I recently overhauled my domain web-site and brought it up to date with XHTML and CSS. I'm self-taught, but that hasn't stopped me from trying to have a pretty good-looking (if quirky) site. But I'm stumped and hope that my problem will be glaringly obvious to one of you. The URL:

Re: [css-d] Started over - new questions - why not to use PNG's?

One thing to be aware of is PNG color-shifting in IE. If you try to use a non-transparent PNG with non-square edges and fill in the background color, then place it inside a region with a CSS background-color, they may not match up exactly, even with supposedly the same hex values. Even when

Re: [css-d] Style Families

There's javascript, sure. Couldn't we also try to advocate the introduction of something like familied style sheets though? And then allow a browser to specify an active stylesheet for each family, rather than just one active stylesheet? It's very early here in Oz, and I might have missed a

[css-d] Retrofitting Abs positioning to work with CMS

Hello, I'm trying to retrofit a design I developed a couple of years ago (with absolute positioning) to work with a CMS--specifically, I would like to place a tools div at the top of the page. I've been trying to revise the existing design/css so that all the content will shift when the toolbar

Re: [css-d] Retrofitting Abs positioning to work with CMS

Firefox issues: The breadcrumbs were positioning themselves just fine until I moved the logo for the page to the background, now they're offset from the top of the viewframe. The main content container (.divBodyLow) has this odd padding-issue going on, though I set no padding in the CSS. The

Re: [css-d] Style Families

I wasn't raising a problem. I already have a javascript solution in place for my website and you even included the part of my email where I mention I'm already aware of javascript solutions, whether custom or plugin. My email is raising a question about the way in which style sheets are used and

Re: [css-d] about quoting on css-d

Please read what Zoe Gillenwater wrote to the list a couple of hours ago: One other thing: please make sure to trim your posts. The practice of including an entire quoted message below your added comments is really increases the size of your messages, making digests go out much more

Re: [css-d] I thought this was just an IE thing

Suzanne Goodwin wrote: Hey, David: Thanks for your reply! I actually want the white separation, but can't Safari or IE to behave. Adding negative padding or margin to #bar has no effect. David Laakso wrote: Suzanne Goodwin wrote: but now I see it's the same in Safari... can someone please

[css-d] Two columns equal length

I'm trying to create two columns that have an equal length using a background-image that gets repeated the length of the columns and using two floats to position the text. The problem I've been trying to solve is that the background-image does not appear behind the floats. It's all part of a

[css-d] Anidated divs IE problem

Hi guys, i have an issue about anidated divs... look. I don't know why when I put a div immediately inside of another div, the first element in the anidated div, IE doesn't displays the correct format defined in the CSS file (Firefox displays all fine). Yeah, I know, my description it's a little

Re: [css-d] Started over - new questions - why not to use PNG's?

kuasar wrote: I've found something in a page ( http://www.cristalab.com/tips/21618/png-con-transparencia-alpha-en-internet-explorer) suposed to correct transparency problems, which I don't quite understand. What do you think?: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader»

Re: [css-d] Fun header challenge?

Why not use a background image? The logo is a transparent png, and it needs to be on top of a background color that will expand/contract based on font size. I suppose I might be able to get it to work as a background images if I added a div in there, but I'd really prefer to have the logo still

[css-d] Pseudo class links

Hi Folks, I admit I'm no CSS wizard but I'm very perplexed why some very basic CSS to style my links is not working: http://www.douglasniven.com/books.php I have the following embedded directly onto the page above: style type=text/css!-- a:link {color: red} /* unvisited link */ a:visited

Re: [css-d] Pseudo class links

I have the following embedded directly onto the page above: [snip] Yet no colored links! Very confused. Any help would be much appreciated! You have font tags inside your links overriding the css. __ css-discuss [EMAIL

Re: [css-d] Pseudo class links

From: Doug Niven [EMAIL PROTECTED] I admit I'm no CSS wizard but I'm very perplexed why some very basic CSS to style my links is not working: http://www.douglasniven.com/books.php I have the following embedded directly onto the page above: style type=text/css!-- a:link {color: red}

Re: [css-d] Pseudo class links

How about the fact that you're using font tags that are overriding the CSS calls? a title=Another Vietnam, from National Geographic Books href=http://short Link target=_blank font face=Arial color=#d8d8d8 size=2Another Vietnam/font/a You need to get rid of those font tags. ~Shelly

Re: [css-d] Two columns equal length

Gavin Sharon wrote: The problem I've been trying to solve is that the background-image does not appear behind the floats. http://www.gateway.org.nz/v2/example.php The container doesn't expand to contain those floats, which is correct according to CSS standards. The result is that the

Re: [css-d] Two columns equal length

Thanks so much Georg, it worked! I'm still learning my way around CSS but enjoying it as I go. Gunlaug Sørtun wrote: Gavin Sharon wrote: The problem I've been trying to solve is that the background-image does not appear behind the floats.

Re: [css-d] Opera 8 and position:fixed

On Sat, 20 May 2006 02:26:28 +0800, Design Groups [EMAIL PROTECTED] wrote: I have a #wrapper container that's 700px wide and centered with margin:0 auto. I want a sidebar that is position:fixed and flush left and top to the container - not the browser window. [snip] in Opera , it

Re: [css-d] Opera 8 and position:fixed

According to the spec[1], using position: fixed is *always* relative to the viewport, unlike absolute positioning, which is relative to a relatively or absolutely positioned containing block or, that failing, the viewport. Fixed positioning is like this because the element is positioned in