[css-d] floated box won't play nice

Hi People, At http://bit.ly/aGy2bl I have a floated box (back to events page button) that I can't get to behave right. Optimally, I'd like the box to either sit on top of the top content border (flush with its right edge), or sit to the right of copy's h1 but WITHOUT pushing h1 and grfxbox's h4

[css-d] line-height IE7 versus IE8

I have an to create my horizontal top nav. In both IE8 and FF 3, the menu text is vertically centered in each . I do have top and bottom padding so that when I apply :hover I can change the background color of the . In IE7 (IE8 in compatability mode), the text is aligned near the top of the

Re: [css-d] nav container /?

On 28/05/2010 04:59, David Laakso wrote: > Matthew P. Johnson wrote: > >> Please forgive my ignorance this may be a simple solution to some. >> >> Is there a simple way to put a navigation menu bar into some sort of >> container so when a change to the van bar needs to happen it can be done in

Re: [css-d] nav container /?

If you have Dreamweaver you can create a template that includes the nav bar then apply the template to the pages. Shanna On 5/28/10 1:28 PM, Peter wrote: > On 28/05/2010 04:59, David Laakso wrote: > >> Matthew P. Johnson wrote: >> >> >>> Please forgive my ignorance this may be a simpl

Re: [css-d] line-height IE7 versus IE8

Angela French wrote: > I have an to create my horizontal top nav. In both IE8 and FF 3, the > menu text is vertically centered in each . I do have top and bottom > padding so that when I apply :hover I can change the background color of the > . > > In IE7 (IE8 in compatability mode), the tex

Re: [css-d] line-height IE7 versus IE8

I ended using a conditional to call IE7Hacks.css stylesheet that set the line-height in it. Is there any advantages to either method? Thank you. -Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Sent: Friday, May 28, 2010 12:16 PM To: Angela French Cc: 'css di

Re: [css-d] line-height IE7 versus IE8

Angela French wrote: > I ended using a conditional to call IE7Hacks.css stylesheet that set the > line-height in it. Is there any advantages to either method? Thank you. > > Use whatever method works best for you and the particular site and client at hand. Best, ~d -- desktop http:/

Re: [css-d] floated box won't play nice

On 29/05/2010, at 2:06 AM, Kim Brooks Wei wrote: > Hi People, > > At http://bit.ly/aGy2bl I have a floated box (back to events page > button) that I can't get to behave right. > > Optimally, I'd like the box to either > > sit on top of the top content border (flush with its right edge), or > sit

Re: [css-d] line-height IE7 versus IE8

On 29/05/2010, at 7:19 AM, Angela French wrote: > I ended using a conditional to call IE7Hacks.css stylesheet that set > the line-height in it. Is there any advantages to either method? > Thank you. There are different schools of thought. I prefer to keep my main stylesheet valid (apart

[css-d] tiny font in Safari and Chrome

I'm building a new site and I just discovered that Safari and Chrome render the font very small. My css looks like this: body { font-size:100%; } p {font-size: .8em;} There is one location in my site where I set in pixels and here they render the same as IE and FF. Can anyone explain the iss

Re: [css-d] tiny font in Safari and Chrome

Angela French wrote: > I'm building a new site and I just discovered that Safari and Chrome render > the font very small. > > My css looks like this: > > body { font-size:100%; } > > p {font-size: .8em;} > > There is one location in my site where I set in pixels and here they render > the same as

Re: [css-d] tiny font in Safari and Chrome

What you are seeing is 100% of .8em (em being the size of the font relative to font size of the body). There are three units one should be very careful; They are em, px and ex. px is relative to the device used to view the web; ex is the x-height of the font ie the width of the font (in cartes

Re: [css-d] tiny font in Safari and Chrome

Angela French wrote: > My test site is here: > http://checkoutacollege.com:8080/Employers/WorkerRetraining.aspx . Thank you > for looking. > > >> >> >> Is the default font size for all your browsers other than IE set at >> default 16? Is IE/8.0 set at "medium"/100%? Is IE 6/7 set at

Re: [css-d] tiny font in Safari and Chrome

-Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Sent: Friday, May 28, 2010 2:43 PM To: css-d Cc: Angela French Subject: Re: [css-d] tiny font in Safari and Chrome Angela French wrote: > My test site is here: > http://checkoutacollege.com:8080/Employers/Work

Re: [css-d] tiny font in Safari and Chrome

Angela French wrote: > > Angela French wrote: > >> My test site is here: >> http://checkoutacollege.com:8080/Employers/WorkerRetraining.aspx . Thank >> you for looking. >> >> >> > > > > > This corrected it in Safari/4.0.5, and the current WebKit nightly, on > Mac OS X 10.4.11 (I did

Re: [css-d] tiny font in Safari and Chrome

On Fri, 28 May 2010, Jay Tanna wrote >There are three units one should be very careful; Indeed. :-) >They are em, px and ex. px is relative to the device used to view the >web; ex is the x-height of the font ie the width of the font (in >cartesian geometry xy units). x-height is a height, not

Re: [css-d] tiny font in Safari and Chrome

On May 29, 2010, at 5:50 AM, Angela French wrote: > I'm building a new site and I just discovered that Safari and Chrome render > the font very small. > > My css looks like this: > > body { font-size:100%; } > > p {font-size: .8em;} > > There is one location in my site where I set in pixels

[css-d] sub nav issue - resolved

J Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.

[css-d] Adding something to the top left and surrounding it by text to the right & botto

Hi. I'm extremely used to designing by coding with HTML tables, but now I'm trying to make the conversion to CSS design. What I can't seem to find is how, within a P, DIV, or SPAN tag set, to have a block of text (such as a Google Adsense ad) in the upper left corner, with the rest of an

Re: [css-d] tiny font in Safari and Chrome

On Saturday 29 May 2010 08:50, Angela French wrote: > I'm building a new site and I just discovered that Safari and Chrome render > the font very small. > > My css looks like this: > > body { font-size:100%; } > > p {font-size: .8em;} > Read this before continuing: http://informationarchitects.jp/

Re: [css-d] tiny font in Safari and Chrome

On Saturday 29 May 2010 11:58, Philippe Wittenbergh wrote: > Have you had a look at your page with the WebKit Inspector ? It would immediately tell you that WebKit based browsers (Safari, Chrome) load a stylesheet '/Styles/safari.css' with only one rule: > > body { > > font-size: 10px; > >

Re: [css-d] Why won't this item center?

Ellen, I had a quick look at your code and have noticed that your "nav_wrapper" has lots of redundant "empty" links and so I suggest try something like this: 1) Your basic code for nav should look something like this: Tab 1.0 Tab 2.0 Tab 3.0 Tab 4.0 2) your CS

Re: [css-d] Adding something to the top left and surrounding it by text to the right & botto

bho...@aol.com wrote: > > Hi. I'm extremely used to designing by coding with HTML tables, but now > I'm trying to make the conversion to CSS design. What I can't seem to find > is how, within a P, DIV, or SPAN tag set, to have a block of text (such as > a Google Adsense ad) in the upper

Re: [css-d] floated box won't play nice

Hi Tim, That worked a charm . . . thanks! I'm having a similar problem on this page. The fix didn't work here. Mind taking a look? Kimi At 7:40 AM +1200 10/05/29, Tim Snadden wrote: >On 29/05/2010, at 2:06 AM, Kim Brooks Wei wrote: > >> Hi People, >> >> At http://bit.ly/aGy2bl I have a floated

Re: [css-d] Adding something to the top left and surrounding it by text to the right & botto

OK try this: In the header of your html file enter this code: #GoogleAd { float:left; width: 250px; height: 250px; border: 1px blue solid; margin-right: 10px; margin-bottom: 10px; } In the body of your HTML file enter this code: google adsense

[css-d] HTML 5 Extension pack?

Does anyone know whether Eric Meyer has any plans to release HTML 5 Extension Pack for Dreamweaver CS4? Adobe have released a version for CS5 (this is CS five - ) but I am interested something similar for CS4. Perhaps Eric can reply if he is rea

[css-d] Fixes needed for IE 6.0

Hi People, This site http://bit.ly/uVTaf works well in all the browsers I need (Safari , Firefox and IE 7.0+) except IE 6.0. Are there fixes I can install to make it work in 6.0 too? Another thing - there's an extra space in the page navigation that I can't get ride of. You can see the space a