[css-d] Still stuck, need any help.

Heya all again, I managed to get three fluid blocks to align horizontally with even gaps by wrapping an external div around each to remove the effects of the added borders on the blocks sizes which was causing the problems previously. The second group I still can't achieve the same. This is wi

[css-d] Font-size checker

Good morning CSS-d list Do you know of a font-size checker. I don't fully trust firebug's layout measurement when it comes to font-sizes, as I think it gives a value for the entire area that the font covers rather than the equivalent value in pixels. Or am I wrong and I should trust firebug? I

Re: [css-d] Font-size checker

> Do you know of a font-size checker. I don't fully trust > firebug's layout > measurement when it comes to font-sizes, as I think it gives > a value for the > entire area that the font covers rather than the equivalent value in > pixels. Or am I wrong and I should trust firebug? Not sure what

Re: [css-d] Font-size checker

On Tue, 11 Sep 2007, Kristina Floyd wrote: > Do you know of a font-size checker. Please explain what you mean by "font-size checker". Do you mean software that shows you the actual font size used in some piece of a web page? Using Firefox extensions like the Web Developer Extension or Firebug i

Re: [css-d] Can't beat a table for this navbar?

Hi Georg, Thanks very much for the (off-list) reply. It didn't get as much discussion as I'd hoped, but about as much as I deserve, as I've been a very disengaged lurker the last couple of years. > > http://www.fjordaan.net/tests/nav-test.html > When you want to replicate an HTML table with CSS,

Re: [css-d] Font-size checker

Hi Nick Firstly I'd just like to reassure you that I hate the requirement of pixel perfection and understand it is not possible, We should be educating our clients and designers that embracing the web for its fluidity is what we should be aiming for, and not railing against it. I am an advocate

Re: [css-d] Font-size checker

Hi Jukka >> Please explain what you mean by "font-size checker". Do you mean software >> that shows you the actual font size used in some piece of a web page? >> Using Firefox extensions like the Web Developer Extension or Firebug is >> probably the most common approach. For example in firebug, I

Re: [css-d] Font-size checker

> Then the client will compare the design they've > seen mocked up > in Photoshop with the online version, and something that I > get back as a > bug, time and time again is that the font-sizes don't match. > (we're talking > out by 1 or 2 pixels here, not massive differences) > > They're test

Re: [css-d] Font-size checker

On Tue, 11 Sep 2007, Kristina Floyd wrote: > For example in firebug, I can trace the font-size back to the original value > that it was set at in the body tag. What I'd like is to be able to select > some text and to be given the equivalent value in pixels or pts, as I'm > unsure that the value t

Re: [css-d] Font-size checker

On 11/09/2007, Nick Fitzsimons <[EMAIL PROTECTED]> wrote: > They're testing their font-sizes by taking a screen shot and > then using a > tool such as photoshop to measure and compare the pixel value. >> Your clients really need to get out more :-) Hehe, yes couldn't agree more! When it's their

Re: [css-d] Font-size checker

On 11/09/2007, Jukka K. Korpela <[EMAIL PROTECTED]> wrote: On Tue, 11 Sep 2007, Kristina Floyd wrote: > For example in firebug, I can trace the font-size back to the original value > that it was set at in the body tag. What I'd like is to be able to select > some text and to be given the equival

Re: [css-d] Font-size checker

On Tue, 11 Sep 2007, Kristina Floyd wrote: > Do you mean the way Nick just described using the 'show computed style' > feature of Firebug? Yes. I keep forgetting how Firebug works and how you can find that particular feature, and other features; that's what I meant by "confusing". (I tried look

Re: [css-d] Font-size checker

> (I tried looking at the DOM pane, where it lists the > properties of an element in the DOM tree, including the > "style" property, > with CSS properties under it - but with empty values, for > some odd reason.) That property reflects the "style" attribute of the element; so it only contains

Re: [css-d] Still stuck, need any help.

WEZ! wrote: > http://www.newearthpermaculture.com.au/bm/BusMentorMenu23.htm > > I'm sure there is a way to achieve this outcome but with a variety of > layout trials I still cant' crack it. Normally one can achieve what you're after by using one of the "old" 3-columns solution. Two basic alter

[css-d] liquid 3col - header questions

Hi all, I'm developing a site based on the 'holy grail' 3col liquid layout [1]. Site: http://devel.legionpost130.org/ sub-page url: http://devel.legionpost130.org/index.php?history (for long content) CSS: http://devel.legionpost130.org/styles/legionpost130.css I've added a min-height and min-wi

Re: [css-d] liquid 3col - header questions

> From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] Behalf Of Ray Leventhal > Sent: 11 September 2007 15:02 > To: css-d > Subject: [css-d] liquid 3col - header questions > > > Hi all, > > I'm developing a site based on the 'holy grail' 3col liquid layout [1]. > > Site: http://devel.legionpost130.

Re: [css-d] liquid 3col - header questions

> > Because you have used min-height and min-width, the log doesn't appear in > IE6 at all. (IE6 doesn't recognise min-width or min-height). In fact the > whole site looks, well, odd. > In the header div there is an extraeneous */ at line 131 which may be > affecting things thereafter. > > Ian >

Re: [css-d] liquid 3col - header questions

Ray Leventhal wrote: > I'm developing a site based on the 'holy grail' 3col liquid layout > [1]. > > I don't often speak up against a solution, but I'd advice you to stay as far away from the mentioned 'holy grail' as you possibly can. It is one of the least tes

[css-d] Vertical alignment of title and nav menu

I would like to create a page that have the title and nav menu aligned at the top, something like this X N X X I have this code

Re: [css-d] liquid 3col - header questions

> I don't often speak up against a solution, but I'd advice you to stay as > > far away from the mentioned 'holy grail' as you possibly can. > > It is one of the least tested, prepared and cross-browser reliable > > solutions released onto the web in later years. > > > > It provokes too many bugs a

Re: [css-d] problem in ie, peekaboo problem ?

I did not get back into working the peekaboo problem, hopefully in the next day or so. However, I ran into a similar gap problem with mootools/accordion. I had to add a padding into my #vnav .accordion style something like: #vnav .accordion { padding: .1em 0em; /* OR */ padding: 1px 0px; } F

Re: [css-d] problem in ie, peekaboo problem ?

WenChen wrote: > Hi > > The following page use prototype accordion effect, > it look fine in ff, but in ie it shows big space between each accordion > header > > http://newped2.auckland.ac.nz/coursebuilder/11/publish/1/3.html > > Is it a peekaboo problem? > Any help you could offer would be really

Re: [css-d] Vertical alignment of title and nav menu

Jan Erik Moström wrote: > I would like to create a page that have the title and nav menu > aligned at the top, something like this > > X N > X > X > >

[css-d] * in css

Hello, I am wondering if anyone knows what the asterisks in the following CSS do: #mainNav, #secondaryContent { padding-top: 20px; padding-bottom: 20px; } #mainNav *, #secondaryContent * { padding-left: 20px; padding-right: 20px; } #mainNav * *, #secondaryContent * * { padding-left: 0;

[css-d] div not pushing over

Please can someone tell me why the right hand div is overlapping the main text area http://www.philturner-uk.com/trish/ Many Thanks Phil T __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] Peekaboo perhaps - resolved

Mark Henderson wrote: > Well, since you have an *idea* of the problem at hand, and the symptoms > would certainly indicate you are correct, try the standard peekaboo > fixes: > > > Give hasLayout to the content div that contains the float

Re: [css-d] * in css

hi On 9/11/07, Julian Tulip's Licorice <[EMAIL PROTECTED]> wrote: > I am wondering if anyone knows what the asterisks in the following CSS do: yes. > I would love some insight the answer was on the first page i found when i searched for "css asterisk". you can probably do this search yourself.

Re: [css-d] basic explanations of css layout

Raumin "Ray" Dehghan wrote: > Colleagues, > > does anybody have any recommendations of books and/or websites that explain > css > layout in very simple, straightforward language? > > For example, i'm trying to understand why pixels seem to be easier to work > with than percentages, etc. > > Thanks

Re: [css-d] * in css

> On 9/11/07, Julian Tulip's Licorice <[EMAIL PROTECTED]> wrote: > my guess is that the double asterisk is a typo or misunderstanding of > css selectors. On the contrary, they are a very clever technique devised by one of the world's leading CSS experts (who also happens to be admin of this list -

Re: [css-d] * in css

john saylor wrote: > hi > > On 9/11/07, Julian Tulip's Licorice <[EMAIL PROTECTED]> wrote: > >> I am wondering if anyone knows what the asterisks in the following CSS do: >> > > yes. > > >> I would love some insight >> > > the answer was on the first page i found when i searched for

Re: [css-d] * in css

john saylor wrote: > my guess is that the double asterisk is a typo or misunderstanding of > css selectors. It's a pretty neat trick actually. #secondaryContent * Means /everything/ that is inside secondaryContent would get 20px padding. #secondaryContent * * Means that those objects inside

Re: [css-d] Vertical alignment of title and nav menu

David Laakso <[EMAIL PROTECTED]> 07-09-11 12:19 >Jan Erik Moström wrote: >>I would like to create a page that have the title and nav menu >>aligned at the top, something like this >> >>X N >>X >>X

Re: [css-d] * in css

I am wondering if anyone knows what the asterisks in the following CSS do: #mainNav, #secondaryContent { padding-top: 20px; padding-bottom: 20px; } #mainNav *, #secondaryContent * { padding-left: 20px; padding-right: 20px; } #mainNav * *, #secondaryContent * * { padding-left: 0; padding

Re: [css-d] * in css

Julian Tulip's Licorice wrote: > I am wondering if anyone knows what the asterisks in the following > CSS do: The asterisk is a universal selector - targeting any element. > #mainNav, #secondaryContent { padding-top: 20px; padding-bottom: > 20px; } Targeting #mainNav and #secondaryContent. > #

Re: [css-d] * in css

> On 9/11/07, Julian Tulip's Licorice <[EMAIL PROTECTED]> wrote: > my guess is that the double asterisk is a typo or misunderstanding of > css selectors. On the contrary, they are a very clever technique devised by one of the world's leading CSS experts (who also happens to be admin of this list -

Re: [css-d] * in css

* is the unversal selector. That means it matches all elements. And that means all elements (including html, head, body etc) #foo * selects any element which is a descendant of #foo. >my guess is that the double asterisk is a typo or misunderstanding of >css selectors. No. It's a common tri

Re: [css-d] Vertical alignment of title and nav menu

Jan Erik Moström wrote: > David Laakso <[EMAIL PROTECTED]> 07-09-11 12:19 > >> Jan Erik Moström wrote: >>> I would like to create a page that have the title and nav menu >>> aligned at the top, something like this >>> >>> X >>>

Re: [css-d] * in css

"I am wondering if anyone knows what the asterisks in the following CSS do: #mainNav, #secondaryContent { padding-top: 20px; padding-bottom: 20px; } #mainNav *, #secondaryContent * { padding-left: 20px; padding-right: 20px; } #mainNav * *, #secondaryContent * * { padding-left: 0; padd

[css-d] Bookmarking

For past couple years I have not spent a great deal of time working on web sites and have lost touch with css/xhtml. Am now working on a new site and I cannot seem to find new information on bookmarking. Initially, the style was subject HTML Tidy doesn't seem to condone that. Would appreciat

Re: [css-d] [Web4lib] basic explanations of css layout

Jason, I've used "CSS The Missing Manual" and "CSS Mastery Advanced Wed Standards Solutions." "CSS Mastery.." covers your topic more completely than the "Missing Manual...". Both discuss the impact on IE 5.x and lower browsers. Good Luck! Deb Raumin "Ray" Dehghan wrote: > Colleagues, > >

[css-d] Inspiration for graphic designers

With the newest browsers at hand and several established best practices for CSS and Javascript, the graphic designers now have more visual possibilities then a few years ago. I’m trying to make an overview of these possibilities. With the release of IE7, utilizing PNGs with transparency is one

Re: [css-d] Inspiration for graphic designers

Andreas R. Johnsen wrote: > I’m trying to make an overview of these possibilities. With the release > of IE7, utilizing PNGs with transparency is one of the most obvious. > > What other new visual possibilities deserve praise? > APNG in FF3 and IE7's font rendering. As I understand it, FF3 will

Re: [css-d] Bookmarking

On 9/11/07, Laurie Davis-Covin <[EMAIL PROTECTED]> wrote: > Am now working on a new site and I cannot seem to find new > information on bookmarking. I'm assuming you're talking about linking to subsections within a page using anchor tags (). > Initially, the style was subject HTML Tidy > doesn'

[css-d] Type in px then ems

This seems so basic that I can't believe I actually need to ask it… and if my copy of IE(Win) wasn't playing up I could run a test myself. But it is, and I can't, so here goes: We know that text specified in px is a Bad Idea. What I want to know is: does the inability to resize px-sizedtext fonts

Re: [css-d] Bookmarking

Laurie Davis-Covin wrote: > Initially, the style was subject HTML Tidy > doesn't seem to condone that. Depends on what HTML Tidy is _set up_ to do. An example like the following... subject ...passes fine at my end. It is however easy to set up Tidy to *not* accept, or to change, whatever - al

Re: [css-d] Type in px then ems

On Tue, 11 Sep 2007, Rick Lecoat wrote: > We know that text specified in px is a Bad Idea. What I want to know is: > does the inability to resize px-sizedtext fonts in IE Win get inherited > if the child text is specced in something else (ems, say)? Basically, yes. It has nothing to do with inher

Re: [css-d] Type in px then ems

Rick Lecoat wrote: > We know that text specified in px is a Bad Idea. What I want to know is: > does the inability to resize px-sizedtext fonts in IE Win get inherited > if the child text is specced in something else (ems, say)? > > Eg: > body {font-size: 14px} > h1 {1.8 em} > > Would the h1 still

Re: [css-d] Type in px then ems

On 11/9/07 (22:12) David said: >If you know it is a bad idea, why would you do it? Oh, same reason those scientists in old films like to get a brain- damaged ape and a blonde from Central Casting and plug them both into a pair of electric switching helmets. Theoretical knowledge for its own sake

Re: [css-d] problem in ie, peekaboo problem ?

On Tue, 2007-09-11 at 08:46 -0700, Alan Gresley wrote: > > #navcontainer { > background-color: #FF; > width: 169px; > float: left; > margin-top: 10px; > } > > Is the problem fixed if negative margins are added as such below. > > #navcontainer { >

Re: [css-d] Peekaboo perhaps - resolved

> From: Bob Meetin - www.dottedi.biz [mailto:[EMAIL PROTECTED] > Sent: Wednesday, 12 September 2007 4:53 a.m. > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Peekaboo perhaps - resolved > > Honestly though, I tried reading the peekaboo manuscript and got to the > resolution, but seriously

Re: [css-d] Type in px then ems

Rick Lecoat wrote: > I was just curious about whether pixels might become resizable if re- > specced in a different unit deeper into object hierarchy, ie. if the > em unit would override the px unit. You will make IE/win start resizing "normally" again if you use relative-size keywords on elemen

Re: [css-d] Type in px then ems

On Wed, 12 Sep 2007, Gunlaug Sørtun wrote: > You will make IE/win start resizing "normally" again if you use > relative-size keywords on elements/wrappers _after_ an absolute > font-size value on body (or wherever the font-size further in is > calculated from). Pardon? Can you please provide a de

[css-d] Selectors for repeating patterns?

Is it possible to use CSS selectors to define repeating patterns of styles down a page? For example, here's what I want to do (simplified): The markup would look like this: This is red. This is green. This is blue This is RED. This is GREEN. This is BLUE. This is Red. T

[css-d] IE background images set for tr's overridden by child td backgrounds

Here's a sample file of what I'm trying to do. http://www.serpentvenom.com/results.htm If you look at it on FF, it looks great. IE is another matter. The problem is that the background image of the td is overriding the background image set for the tr. If I remove the background property rule f

Re: [css-d] Selectors for repeating patterns?

* Jeff Jansen wrote: >Is it possible to use CSS selectors to define repeating patterns of styles >down a page? For example, here's what I want to do (simplified): http://www.w3.org/TR/css3-selectors/#nth-child-pseudo can do that, but it hasn't been widely implemented yet; you can emulate the effec

Re: [css-d] Selectors for repeating patterns?

That's a job for some unobtrusive javascripting to set alternating classes for you on page load. -- E. Michael Brandt www.divaHTML.com divaPOP : standards-compliant popup windows divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo Pictur

Re: [css-d] Type in px then ems

Jukka K. Korpela wrote: > On Wed, 12 Sep 2007, Gunlaug Sørtun wrote: > >> You will make IE/win start resizing "normally" again if you use >> relative-size keywords on elements/wrappers _after_ an absolute >> font-size value on body (or wherever the font-size further in is >> calculated from). >

Re: [css-d] Type in px then ems

On Sep 12, 2007, at 10:50 AM, Gunlaug Sørtun wrote: >>> You will make IE/win start resizing "normally" again if you use >>> relative-size keywords on elements/wrappers _after_ an absolute >>> font-size value on body (or wherever the font-size further in is >>> calculated from). >> >> Pardon? Can

[css-d] Using width: auto; to fit parent element.

Hi everyone. I am trying to achieve an expanding caption box that will go under an image, and will be the size of that image based on their parent div which would be based on the size of the image. so i wrote this html which puts both image and caption inside a div which is the parent.

Re: [css-d] Using width: auto; to fit parent element.

On Sep 12, 2007, at 9:11 AM, sandy wrote: > Hi everyone. I am trying to achieve an expanding caption box that > will > go under an image, and will be the size of that image based on their > parent div which would be based on the size of the image. > [...] > > > alt="image_2" /> >

Re: [css-d] Type in px then ems

Philippe Wittenbergh wrote: >> > > Works as advertised with IE 7. Surprise. I don't know whether to write it off as a bug or as a browser-specific "feature". It is definitely an unexpected effect, as Jukka mentioned. > Naughty Georg. :-) ( meow! ) > I

Re: [css-d] Site Check Please

Omitade Adediran wrote: > I have been reading and reading until my brain just feels like > mush...[trimmed] > http://www.orisadevotees.org/market.html > > Omitade > Omitade, I know the feeling. This stuff can be terribly frustrating at times... I think that it might be a good idea to just g

Re: [css-d] Selectors for repeating patterns?

On Tue, 11 Sep 2007, Jeff Jansen wrote: > Is it possible to use CSS selectors to define repeating patterns of styles > down a page? Not the way you (and I and many other people) would like to. This question most often arises in the context of tables: how do you specify alternating background co