Re: [css-d] styling linked headings

[peter hyde-smith]

 Angela French  wrote: 
 I've been web researching for ideas on how to style headings as links.  I am 
looking for ideas/examples of others who have come up with a successful styling 
solution.

Angela,

Look in the center column of http://www.bildasfriesslakepub.com/ and you will 
see tiny symbols to the upper right of the links. the CSS is,

a[href^="http:"]{
background: url(externalLink.gif) no-repeat right top;
padding-right: 10px;
}

This indicates "external link". Wikipedia does the same thing. I don't think 
there is any reason why you couldn't do something similar with the headings. 
Adding a 1px dotted border-bottom is another way of indicating a link is 
present without being overly obtrusive.

Best regards,

Peter
http://fatpawdesign.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I had it, I lost it, I can't think! Help? PVII drop-down menu

[Peter Hyde-Smith]

- Original Message - 
From: "Theresa Mesa" 
Subject: [css-d] I had it, I lost it,I can't think! Help? PVII drop-down 
menu

>
>  I need to spread them out more without breaking
> Firefox, and have that black edge go away on the first and last links.

Theresa,

The problem, as I read it, exists in IE8 + FF under WinXP SP3.

Try starting out here,

div#navMar {
 width: 421px; - remove this width declaration
 max-width: 421px;
}

/*
TOP LEVEL MENU
*/
.p7PMMh04 ul {
 margin: 0 !important;  - add important declaration
 padding: 0;
}

I think you want the width of the navMar division to collapse onto the 
auto-sized li elements. The auto-size will make them only as wide as 
necessary, the total of which maybe less than 421px. I could not find what 
was overiding the margin: 0; on the ul. Someone with a more experienced eye 
may find it right off.

Best Regards,

Peter
www.fatpawdesign.com
etc ad nauseum 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Browser issues

[Peter Hyde-Smith]

- Original Message - 
From: "Ada Elgavish" 
Subject: [css-d] Browser issues


>I am very new to css and I will appreciate any help I can get. I can
> view my webpage at http://138.26.120.126/index.html in IE, Opera and
> Safari; however, in Netscape Navigator and Firefox, it doesn't display
> correctly. Any suggestions?

Ada: How about letting us know what part of the page you think doesn't 
display correctly. Looks okay on FF3.08, IE8, and O9.64 in Win XP/SP3. Best, 
Peter

Peter Hyde-Smith
www.fatpawdesign.com
WinXP.SP3/FF/IE/O 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Menu Over Many Web Pages in a Site

[Peter Hyde-Smith]

- Original Message - 
From: "Wayne Wickson" 
To: 
Sent: Saturday, April 04, 2009 5:20 PM
Subject: [css-d] CSS Menu Over Many Web Pages in a Site


> Is there a way, using only CSS, to easily change the
> menu on each of the one hundred pages on the site without actually using 
> an
> editor and modifying the one hundred lists one list at a time?  Thanks for
> any help I receive.

Wayne:

I don't know of a way using only CSS. Someone else on the list may. There is 
an extremely simple way to do it using php (which means even I figured it 
out!). If you would like the information, please respond to me off list at 
peter.hyde-sm...@charter.net.

Best Regards,

Peter Hyde-Smith
www.fatpawdesign.com
WinXP.SP3/FF/IE/O

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal Scroll in IE not FF

[Peter Hyde-Smith]

- Original Message - 
From: "Kyle & Heather Powning" 
Subject: [css-d] Horizontal Scroll in IE not FF

>http://www.erotic-reno.com I for some reason have a horizontal scrollbar in 
>IE but not in FF why would this be?

Which version of IE are you using, and on which OS? You're joyous in IE8.06 
and IE8 emulating IE7, FF3.07, and O9.68 on Win XP SP3 at 1024 x 768 and 
1280 x 1024. I get H-scroll bar at 800 x 600 (of course).

Cheers,

Peter Hyde-Smith
www.fatpawdesign.com
WinXP.SP3/FF/IE/O 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] just center

[Peter Hyde-Smith]

- Original Message - 
From: "MEM" 
To: 
Sent: Saturday, March 21, 2009 12:34 PM
Subject: [css-d] just center


Is this the reason why this link http://nuvemk.com/index4.html doesn't show
thinks centered on firefox?

Márcio

Marcio:

The  is centered h/v in the view port in 
WinXP.SP3+FF3.07. The text is not vertically centered because you have given 
an explicit height to that div, and the text is appearing at its top. Remove 
the height declaration, and the text will be centered h/v in the view port. 
I am not sure what you have to do to get that bit vertically centered if you 
declare a height.

Peter Hyde-Smith
www.fatpawdesign.com
WinXP.SP3/FF/IE/O 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font size dilemma

[Peter Hyde-Smith]

- Original Message - 
From: "Kathy Wheeler" 
To: "CSS discuss" 
Sent: Thursday, March 12, 2009 8:05 PM
Subject: [css-d] Font size dilemma


>I know the mantra: let the user decide, set font-size to 100% but ...

Stet

> Looking at major general news sites, popular public blogging etc
> sites, they ALL seem to have fonts set much smaller.

I'm nearly 50 with reasonably good close vision. What you have to realize is 
some of us run very fine screen resolutions on small monitors. I run 1400 x 
1050 on a 17" monitor at work. Try text at 62.5% default on that! I also 
think you'll find that font size is the least of the usability issues on 
some of these sites...excess flash, too many ads, bad nav layout ad nauseum.

> And what "common techniques" are in use? Firefox has at least 2
> different Zoom options with very different results, then there's
> minimum font size ... what are those who alter their browsers
> actually using?

Most of us are inimately familiar with how to zoom our browser of choice. 
IE7 and FF use CTL+, Opera uses +. It ain't that difficult.

>What should we be checking by?

As much as possible. Old boxes are great to set up Linux and Win 98/IE6 on. 
I develop at 1280px horizontal, make sure it doesn't look kindergarden at 
1024px horizontal, and the layout doesn't break at +/- 2 zoom levels.

Cheers,

Peter
www.fatpawdesign.com
Win XP/SP3, IE7, FF3, O9


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css3

[peter hyde-smith]

 David Laakso  wrote: 
> Is PC Safari and Chrome rendering (unable to view this end for a lot of 
> boring reasons):
> 
> 1/ border-radius
> 2/ box-shadow
> 3/ text-shadow
> 
> Known issues: there are many-- thanks for not reminding me...
> 
> 

In Chrome 1.0.154.43 on Win Vista SP2, see screen shot here...

http://www.fatpawdesign.com/laaksoscreenshot.png

You're looking okay in IE7.

Best,

Peter
www.fatpawdesign.com
GO CARDS!!!
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background

[peter hyde-smith]

 Bill Brown  wrote: 
> Keith Kaiser wrote:
> > When setting the background in CSS can you set the image width at the  
> > same time?
> > 
> > Example;
> > background: #00ff00 url('smiley.gif width:50') no-repeat fixed center;
> > Or something like that anyway.
> > 
> > Thanks.
> 
> 
> Hi Keith,
> 
> The short answer is "No, you can't."
> 
> Sorry.
> Hope it helps.
> --Bill

Keith:

Expanding on what Bill is saying, you could add a "wrapper" div/p that has a 
transparent background to fix and size the background-image where you want it. 
Just make sure you make the canvas size of the background image large enough to 
fill what you think you maximum dimensions will be.

Peter Hyde-Smith
www.fatpawdesign.com 
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Roll over highlight

[Peter Hyde-Smith]

- Original Message - 
From: "Wade Smart" 
Sent: Tuesday, December 16, 2008 2:25 PM
Subject: Re: [css-d] Roll over highlight


> Tony Kay wrote:
>> I am trying to set up a style that puts a 2 pixel border around a set
>> of images. Then when the image is rolled over, I want the border to be
>> 5 pixels. How is this done?
>>
>
> Wade wrote:
> a:hover { border: 5px solid;}
>
>
> Wade

Tony:

You may need to add some preemptive padding to prevent the images from 
jumping when the extra border width is added, such as...

a{border: 2px solid; padding: 3px;}
a:hover{border: 5px solid; padding: 0;}

Just make sure you add appropriate 'hooks' so you are styling only the 
desired elements.

Peter
www.fatpawdesign.com
developing in: WinXP/SP3 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] resetting global font size

[Peter Hyde-Smith]

- Original Message - 
From: "Angela French" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, December 09, 2008 6:45 PM
Subject: [css-d] resetting global font size


>I have recently taken over this site: http://checkoutacollege.com/.
> There have been complaints about the small font size on the body content
> so I'm looking at the CSS to see how I might easily remedy the
> situation.  The body has a font-size of .625em.  The center content has
> a font-size of 1.1em. I tried upping it and nothing changed.  Can anyone 
> tell me why changing
> this would not cascade down to all the other font size settings?
> Angela French
> http://www.checkoutacollege.com
> http://www.sbctc.ctc.edu
>

Angela:

In which CSS file are you trying to change the 0.625em? I think you have to 
do it in the CheckOutACollege.css, not the global.css.

Cheers,

Peter
www.fatpawdesign.com
developing in: WinXP/SP3 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Simple Horizontal Menu

[peter hyde-smith]

 
> Just one last question to make it work properly if possible:
> 
> How can we put the | border line, shorter, without shortening the text?
> 
> 
> Thanks once again,
> Márcio
> 

Marcio:

I think I have run into this issue before, and you can't get the border shorter 
than the text without screwing up the text. You can reduce the line height to 
make the border shorter, but at some point, you start clipping off the top of 
the text. You can try using an background-image to the list item(s), or add a 
bunch of intermediary | (vertical pipe) list items, and make their text size 
smaller. At some point, you have to let default behavior do its thing.

Peter
__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't put “ in a blockquote?

[Peter Hyde-Smith]

- Original Message - 
From: "Benjamin Hawkes-Lewis" <[EMAIL PROTECTED]>
To: "wlb" <[EMAIL PROTECTED]>
Cc: ; <[EMAIL PROTECTED]>
Sent: Sunday, November 23, 2008 5:33 PM
Subject: Re: [css-d] Can't put “ in a blockquote?


> wlb wrote:
>> The HTML and CSS on my page both validate. i wonder why. I can't see any
>> difference between what you are doing and what my HTML does.
>
> Did you read the other replies to Peter's query? I think they answer 
> yours.
>
> Benjamin Hawkes-Lewis
>

And Peter Bradley fixed his code so it validates.

Will someone please enlighten me regarding whether different browsers render 
the  differently. Do some actually add in the quote marks; so if 
“/” entities are added, the result is a double set of quotes?

Thanks,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't put “ in a blockquote?

[Peter Hyde-Smith]

- Original Message - 
From: "Peter Bradley" <[EMAIL PROTECTED]>
To: "CSS-D" 
Sent: Sunday, November 23, 2008 1:07 PM
Subject: [css-d] Can't put “ in a blockquote?



>
> “I found the teaching of exceptionally high
> standard.”
>
> ... and so on for 36 quotes.
> 
> When I try to validate the page, I get the following error for each
> blockquote:
> 
> /Line x, Column y/: character data is not allowed here.
> 
> | “*;*some quoted text.R|
> 
> You have used character data somewhere it is not permitted to appear.
> Mistakes that can cause this error include:
> 
>* putting text directly in the body of the document without wrapping
>  it in a container element (such as a aragraph), or
>* forgetting to quote an attribute value (where characters such as
>  "%" and "/" are common, but cannot appear without surrounding
>  quotes), or
> 
> I don't understand why that is an error.  Isn't a  a
> container just like a  is?  Or am I missing something really simple
> (again).
> 
> Peter
> 

Peter:

You may need to wrap each block in a ... or  ... , 


“I found the teaching of exceptionally high standard.”


Try that, and post a link if you can.

Regards,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] div doesn't contain img if small window, no floats involved

[Peter Hyde-Smith]

- Original Message - 
From: "Henrik Nyh" <[EMAIL PROTECTED]>
To: 
Sent: Saturday, November 15, 2008 3:30 PM
Subject: Re: [css-d] div doesn't contain img if small window,no floats 
involved

>
> I would be curious to hear if you (or anyone else) know *why* the div
> does not grow to fit without using floats.
>

Henrik:

It's the way browsers render block-level elements. Someone will correct me 
if I am wrong, but unless told otherwise (including borders, padding, and 
margins) block-level elements automatically expand in width to be 100% as 
wide as their parent, and expand in height to contain their content (there 
are exceptions to this last bit). They do not automatically expand in width 
to contain their content. The browser defaults the CSS overflow property to 
be : visible; Thus, if the content is wider than its container, as in your 
case the image is wider than (many/most) browser viewports, the overflow 
will be visible. If you want to see what happens when the browser viewport 
is wider than the image, reset you monitor resolution to be 1400px or 1600px 
wide! I didn't think overflow: hidden; was what you wanted. And yes, you 
declare that on the container, not the content.

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] div doesn't contain img if small window, no floats involved

[Peter Hyde-Smith]

- Original Message - 
From: "Henrik Nyh" <[EMAIL PROTECTED]>
To: 
Sent: Saturday, November 15, 2008 2:26 PM
Subject: [css-d] div doesn't contain img if small window, no floats involved


> Hi,
>
> I'm seeing an unexpected issue where an image inside a div is not
> contained by the div, if the browser window is smaller than the image
> width. There are no floats. What I expect is for the div to contain the 
> image, so the div is
> stretched out to the width of the image plus the div padding.
>
> Tiny test case here, with inline CSS: http://nyh.name/x.html The
> source of that page is also at the end of this mail.
>
> I don't want the image to be scaled down in size, so workarounds like
> using max-width:100% on the img don't cut it. This is for a "show
> full-size image" type page.
>

Henrik:

I can only give you a partial answer. The image is 1280px x 800 px, so the 
behavior is not unexpected in smaller viewports. Your CSS constrains the 
dimensions of the  relative to the viewport. If the viewport is not 
1280+60+2+20 = 1362px (more or less) in dimension, the image will never be 
constrained and centered in the  because the image overflow property 
defaults to visible. If you want to prevent the image from overflowing the 
, you have to declare img {overflow: hidden;}, although that doesn't 
resolve an issue with the right padding not being present. Another thing, if 
the viewport is larger than 1362px, the div will be (much) larger than the 
img. I think you're SOL if you don't want to scale the image. Otherwise, 
declare img {width: 100%} in the CSS, or do the same thing in the XHTML, 


Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Check Please - Cedar Lake Inn

[Peter Hyde-Smith]

11/13/2008

I'd appreciate a check of these four pages, 
http://www.fatpawdesign.com/CedarLakeInn/CLIbanquet.html, 
http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetmenu.html, 
http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetpolicies.html, 
http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetphotogallery.html.

CSS here, http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css, 
http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css, 
http://www.fatpawdesign.com/CedarLakeInn/CLIgallerycss.css.

If the site is going to break, it will do it on one of these pages (which 
actually work on my Win2K/IE6 box at work). Anticipating the intuitively 
obvious for those who dig through the site, the *drinks menu* page is not 
active. FWIW, the photo gallery was modelled (stolen) from Cedarholm's 
Bulletproof Web Design. TIA, and my apologies to the character entity elves.

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Same Dynamic Width

[Peter Hyde-Smith]

- Original Message - 
From: "Jack Blankenships" <[EMAIL PROTECTED]>
To: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
Cc: 
Sent: Tuesday, November 11, 2008 4:40 PM
Subject: Re: [css-d] Same Dynamic Width

http://mylittletestsite.com/same_dynamic_width.html

In theory the first section should have the header stop at 800px.  The
second should stop at 400px for both the header and the content.

On Tue, Nov 11, 2008 at 3:23 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> Jack Blankenships wrote:
>>
>> Any suggestions on how to make two items have the same dynamic width?
>>

Georg wrote:

> I can think of at least a dozen reasons why neither 'width:
> auto'(default) or 'width: 100%' will work for you, but figuring out
> which one you have run into will be pure guesswork.
>

Jack:

The page is doing exactly what you are asking it to do. Since you have no
constraints on the width of the container or header, the block-level
container auto-expands to fill the viewport, and the block-level header auto
expands to the width of the container. Try changing in your styles, .content 
to .container and see what happens.

Bottom posting per convention.

Best Regards,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning div's

[Peter Hyde-Smith]

- Original Message - 
From: "Aaron Gray" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, November 06, 2008 11:53 AM
Subject: [css-d] Positioning div's


>I have two problems involving div's, both involve div's being side by side, 
>and being positioned relative to the rest of the document they are embedded 
>within. The document is variable width.
>
> b) I need a range right div of fixed width that always is against the 
> right hand side of the document, and within the document.
>
> 'float: right' does not seem to work for 'b', as it seems to go out of the 
> flow of the normal document div's on all non IE browsers.
>
> I am not sure if there is a solution to either of these ?

Aaron: Do you have a live URL link we can look at? Best, Peter


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to get rid of scroll bar?

[Peter Hyde-Smith]

- Original Message - 
From: "Michael Adams" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, November 04, 2008 12:12 PM
Subject: Re: [css-d] how to get rid of scroll bar?


> On Mon, 03 Nov 2008 19:01:19 -0600
> Came this utterance fomulated by Peter Hyde-Smith to my mailbox:
>
>>
> [snip]
>>
>> IMO, you've got a ton of CSS; maybe want to more distinctly separate
>> basic layout CSS from fiddley-bits. Also, recommend setting font-size
>> in % instead of fixed pixels, for browser friendly resizing.
>>

Hence, Michael's erudite response...

> Setting all font sizes in % is not recommended. nested table cells,
> paragraphs, lists or blockquotes inherit their font size then apply the
> percent again, so you can get 66% of 66% or 44% as a result.
>

Michael:

I should have been more specific. From an accessibilty/usibilty standpoint 
this delcaration of Bill's CSS 
http://www.shopkeepers-r.us/stylesheets/application.css?1225143428,

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

may be better served in part,

body{font: 100%/1.4 verdana, arial, helvetica, sans-serif;}

with child elements served in ems (or just left alone). I've been down the 
road of nested %'s. It's confusing and ugly.

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...



__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to get rid of scroll bar?

[Peter Hyde-Smith]

- Original Message - 
From: "Ionut Gabriel Stan" <[EMAIL PROTECTED]>
To: "Bill Walton" <[EMAIL PROTECTED]>
Cc: 
Sent: Monday, November 03, 2008 6:18 PM
Subject: Re: [css-d] how to get rid of scroll bar?


> Bill Walton wrote:
>>
>> I can't figure out why I have a horizontal scroll bar at 
>> http://www.shopkeepers-r.us or how to get rid of it.  The current plan is 
>> for the browser window to be maximized with the screen resolution set at 
>> 1024x768.  I'd sure appreciate help.  Resource pointers that would help 
>> me understand why this is happening would _really_ be appreciated.
>>
>>

 Ionut wrote
>
> It's because of these elements:
>
> #customer_search_form,
> #walkin_customer_button,
> #purchase_return_button
>
> ...and maybe others.
>
> My advice is to float them left instead of positioning them relatively.
> If you float them left, don't forget to
> also add a display:inline; after the float: left; declaration. It's for
> Internet Explorer's double margin floating bug[1].
>

Bill:

I would say definitely others, including the header, as outlining elements 
in WebDeveloper show a number of elements wider than my screen width of 
1280px. Are you trying for a max page width of 1024px (~78em)? You'd set 
that through CSS, such as

#somewrapper{width: 98%; max-width: 78em;}, as well as using float 
technique above.

IMO, you've got a ton of CSS; maybe want to more distinctly separate basic 
layout CSS from fiddley-bits. Also, recommend setting font-size in % instead 
of fixed pixels, for browser friendly resizing.

Best,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2

[Peter Hyde-Smith]

- Original Message - 
From: "David Laakso" <[EMAIL PROTECTED]>
To: "Peter Hyde-Smith" <[EMAIL PROTECTED]>
Cc: "Nancy Johnson" <[EMAIL PROTECTED]>; 
Sent: Monday, October 27, 2008 10:49 AM
Subject: Re: [css-d] Site Check Please: Cedar Lake Inn

>>> Peter Hyde-Smith wrote:
>>>
>>>> http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html
>>>> http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html
>>>>

> In addition to comments from Nancy Johnson and Kelly Sigethy, David Laakso 
> wrote:
>
> I hope this will bring IE/6 on board and level out some compliant browsers 
> issues
>
> /snip a bunch of implemented code/
>
> * html #bottomnav {
>  height: 1%;<---:: add::
> border:1px solid fuchsia;<---:: 4 position only::
> }
> /snip a bunch of other implemented code/

Thanks to everyone for the site check. I knew I was in trouble this morning 
when I checked the site at work on Win2K/IE6. Uggh. Hence, I have made the 
recommended changes and revalidated the lot. Avant was showing the 
decapitated text last night, the line-height fix resolves that. Also, I'm 
not killing anything at +/-2 page and +/-2 text zoom in FF3.0.3 (sounds like 
I am using a Lee-Enfield). A few further issues/questions/comments:

1. In Avant, I am getting a large gap between the #bottomnav and the 
#footer, like the large top-margin of the nav is being applied to the footer 
as well.
2. For my edification, does the border: solid 1px fuchsia; in the * html 
bottomnav declaration actually force something into position, or is it just 
a marker? It is not visible in any of my browsers.
3. My WinXP/IE8 nor Win2K/IE6 do not render the *∴* (or *∴*) 
character entity. I ran across an article by Jukka Korpela that seems to 
confirm this issue with math entities (among others). Any suggestions 
besides picking one that works or using an image in its place?
4. Regarding the non-working links on the banquet page; yes, I knew those 
were dead. I have to convert an extensive written food menu and booking 
contract into something web post-able.

Thanks again, and bottom posting as always,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Check Please: Cedar Lake Inn

[Peter Hyde-Smith]

10/25/2008

Nefore I get much further, would appreciate a site check of new Cedar Lake 
Inn index page and one
interior page here,

http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html
http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html

http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css
http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css

Some funkification of double borders in most browsers, and loss of #footer
top margin in Opera. Education by the code and art elves always welcome.

Cheers,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
validated (X)HTML and CSS
In God we trust, all else bring data...

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with Firefox and images as links

[Peter Hyde-Smith]

- Original Message - 
From: "Karlo Lozovina" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, October 16, 2008 4:20 PM
Subject: [css-d] Problem with Firefox and images as links

>
> http://www.mosor.net/ff

> But all of this doesn't seem right,
> is there a better
> way of fixing this?
>
> Thanks.
>
> Mosor

Mosor:

Might I suggest you first start by using an imbedded or separate style sheet 
for your CSS, rather than using inline styles. As you build your site(s), 
you'll have an uneditible spaghetti mess of a tag soup otherwise. BTW there 
doesn't seem to be a huge difference between IE8, FF3 (which render the 
same) and O9 for me. Reset CSS such as,

*{margin: 0; padding: 0;}

...and...

img, a img, :link img, :visited img{border: none;}

resolve some of these issues.

Peter
www.fatpawdesign.com
developed in: WinXP/SP2 + FF3.0.3 at 1280x1024
checked in: IE8.0beta/O9.52/Av11.6/Cr0.2
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site check please - DAC

[Peter Hyde-Smith]

10/06/2008

Would appreciate a general site check, please, especially in IE6. No
breakage issues in OS and browsers noted below. I am also interested to know
if the Gilder/Levin image replacement in the header is working. If it isn't,
you'll see plain text *The Drug Affected Children Website* (it isn't working
in Avant 11.6).

http://www.fatpawdesign.com/DAC/DACproducts.html

http://www.fatpawdesign.com/DAC/DACpagecss.css
http://www.fatpawdesign.com/DAC/DACresetcss.css
http://www.fatpawdesign.com/DAC/DACtablecss.css
http://www.fatpawdesign.com/DAC/DACjavascriptcss.css

Yea, yea, yea, I'll eventually learn to link the CSS into one or two
combined sheets...

TIA and Best,

Peter
www.fatpawdesign.com
developed in: WinXP/SP2 + FF3.0.3 at 1280x1024
checked in: IE8.0beta/O9.52/Av11.6/Cr0.2
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Question 2: Combined Selectors Problems

[Peter Hyde-Smith]

- Original Message - 
From: "Duane Nelson" <[EMAIL PROTECTED]>
To: "CSS Discuss" 
Sent: Friday, October 03, 2008 5:12 PM
Subject: [css-d] Question 2: Combined Selectors Problems

> Issue:  When I added  selector to  to keep the size of the css
> file down, it caused all of my  elements to act as the pseudo-class
> selectors of the  tag.
> Problem URL:  http://alansonnazarene.org/denomlinks.html
> Problem CSS:  http://alansonnazarene.org/css/anaz2.css
>
> Should look like this...
> URL:  http://alansonnazarene.org/sm-connection.html
> CSS:  http://alansonnazarene.org/css/anaz.css
>
> My basic question is why this is causing my page to behave this way when
> I can combine other selectors.  I'm looking to change my learning curve
> here.  I'm tired of patching.  But I'm sure I'm missing something simple.
>
> Duane Nelson
> Loss2gaiN Designs - A Website Development Company
> http://www.myL2G.com


Duane:

Been there, done that a bazillion times. Try changing...

p, ul a: link{... to p a: link, ul a:link{...

You have to *connect* the second selector to the first in every instance of 
a combined declaration. In the first case you are styling the *p*, not the 
*p a: link*

BTW, you have a few HTML validation errors, mostly because you need to 
change *&* to *&* in line 91.

Best Regards,

Peter
www.fatpawdesign.com



__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] More than one background image to ?

[Peter Hyde-Smith]

- Original Message - 
From: "Hedley Finger" <[EMAIL PROTECTED]>
To: "css-d" 
Sent: Tuesday, September 30, 2008 8:24 PM
Subject: [css-d] More than one background image to ?

> I would like to add a Gaussian blur drop-shadow to the right and bottom 
> edges of the  element floating in the middle of the browser 
> canvas. ... is there any way to add a small, 
> fast-downloading, repeating image to the right and left sides of an 
> element with more than one background image?
> I am trying to get around cascading, where a later background-image in 
> the CSS file over-rides the first.  Any suggestions welcome!
> Regards,
> Hedley

Hedley,
How about a link to a working example / sample code?
Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Row of Images Position Problem IE6

[Peter Hyde-Smith]

> On Sep 23, 2008, at 5:44 PM, David Jones wrote:
>
>>> -Original Message-
>>> Carol Huddleston
>>> Sent: Tuesday, September 23, 2008 2:39 PM
>>> Subject: [css-d] Row of Images Position Problem IE6
>>>
>>> This page seems to work okay in FF, Safari, IE7 and Opera,
>>> but in IE6, the last row of images floats off to the right.
>>>
>>> http://www.prairiedreamstudio.com/testgallery.html
>>> http://www.prairiedreamstudio.com/css/layout.css
>>> http://www.prairiedreamstudio.com/css/allie.css
>>>
>> Hmmm, W3C validator reports 10 errors in your "XHTML 1.0 Strict"
>> document:
>>
>> http://validator.w3.org/check?verbose=1&uri=http%3A%2F%
>> 2Fwww.prairiedrea
>> mstudio.com%2Ftestgallery.html
>>
>
> I checked the validation in Dreamweaver and it said no errors, I
> don't know what that javascript stuff is at the bottom of the page, I
> didn't put it in there (and I don't know how to take it out, either,
> because it doesn't show up on my page on my computer.) Will that make
> part of my page display incorrectly in IE 6?
>
> Carol

Carol:

Looks like you need to have at your Server regarding the extra JS...I don't 
think that is causing your problem, though.

Are you missing an "emptythumb", or have the "spacerthumb3" in the wrong 
spot/not declaring its dimension?

Best,

Peter
www.fatpawdesign
P.S. Those color examples are the cats ass. 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Height issue.

[Peter Hyde-Smith]

- Original Message - 
From: "Thane Sherrington" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, September 23, 2008 7:27 PM
Subject: [css-d] Height issue.


>I can't understand this problem:
>
> On this site: http://www.stuffbythane.com/Ronald/
>
> I set the banner to be 225px high, which in IE looks fine, but in
> Firefox is 10 px too long (and the top menu ends up
> overlapping.)  Clearly I'm misunderstanding something, but shouldn't
> setting a height in PX work for both the same?
>
>
> Any help would be appreciated.
>
> T
>
>

Thane:

Validator shows 15 errors, including an invalid doc type, which I think is 
throwing the page into quirks mode. I'm no expert on this, but I suspect 
it's causing problems with the border-box model IE vs. FF, etc. Also, are 
you interchanging high and long here?

Best,

Peter
www.fatpawdesign.com


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] superfluous borders on hover

[Peter Hyde-Smith]

- Original Message - 
From: "Kim Brooks Wei" <[EMAIL PROTECTED]>
To: "CSS Discuss" 
Sent: Monday, August 25, 2008 7:27 PM
Subject: [css-d] superfluous borders on hover


>
> I have a couple of extra borders on hover in my nav links. A dotted
> line on bottom and blue space remaining on the sides which ought to
> get replaced on hover by white space, but doesn't.
>
> http://thewei.com/sandbox/bc4hkidsplayground/
>
> Help appreciated as always. Be well,
> Kimi

08/25/2008

Kimi:

Hi there to you! Not seeing the dotted border in WinXP-SP2/FF03, but adding 
to your CSS bit,

ul.nav a{ display: block;

may resolve blue space switching issue. Also, is the "Cheshire Cat" dotted 
line a border or text-decoration? Make sure you are killing the right one.

Best Regards,

Peter
www.fatpawdesign.com
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] footer and multiple background images

[peter hyde-smith]

 Elle Meredith <[EMAIL PROTECTED]> wrote: 
>   
> want is to have the grass image to repeat itself across the page and  
> the tree image to appear in-front of the grass image and to be right- 
> aligned with the #content.
> The page is at: http://designbyelle.com.au/poinciana/
> Cheers,
> Elle
> 
> 
08/07/2008

Elle:

You're trying to affect a creation, right? Try this, to your HTML, add a 
wrapper division that starts right after the body, and ends right before the 
footer. To the CSS, remove the background image from the footer, but make sure 
you add a background color (#bdbcaf). Then add,

div#wrap{background: transparent url(../img/bkg-grass.jpg) left bottom 
repeat-x;}

You'll have to change the faded-tree.jpg to a transparent .gif or .png, making 
sure the trunk in dark enough.

The effect is the grass going across the page, sitting on the footer, with the 
faded tree image in front.

Best Regards,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Dynamic Navigation Link Aid

[Peter Hyde-Smith]

Alan wrote to Stephen...

>
> AFAIK there's no simple way around putting a common nav bar on every page, 
> other than by the use of Frames, which I wouldn't recommend.
>
>
>  - Original Message - 
>  From: Stephen Carrell
>  To: css-d@lists.css-discuss.org
>  Sent: Tuesday, August 05, 2008 2:46 PM
>  Subject: [css-d] Dynamic Navigation Link Aid
>
>
>  Hi all,
>
>  I'm new to this forum and relatively new to CSS-based web design, so 
> please
>  excuse my newb-ness over the following days/weeks/etc.
>
>  Can anyone help me out? I'd appreciate it; thanks!
>
>  Regards,
>
>  Stephen Carrell
>

08/05/2008

Stephen:

If I am understanding your question correctly, see here, 
http://www.whitehouseinwestbend.com/ and 
http://www.whitehouseinwestbend.com/whitehoxphp.css

The trick is to give the body tag for each page a unique id, such as , and then give each nav list element its own id as well, 
such as , then use the CSS decendant selector to highlight 
the appropriate nav element. For the example page, it's...

body#WHIWBindex li#navindex a   {
text-decoration: underline;
color: white;
background-color: #244893;
}

body#WHIWBschedule li#navschedule a {
text-decoration: underline;
color: white;
background-color: #244893;
}

body#WHIWBspecialevents li#navspecialevents a   {
text-decoration: underline;
color: white;
background-color: #244893;
}

body#WHIWBmap li#navmap a   {
text-decoration: underline;
color: white;
background-color: #244893;
}

so on and so forth. There may be more efficient ways to do this, but it 
works. Also, in this instance, I have stuck the nav block into a .php file 
so if I add pages, I only have to modify that file, not each individual 
page.

Hope this helps,

Best Regards,

Peter
www.fatpawdesign.com


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with position ...

[Peter Hyde-Smith]

- Original Message - 
From: "Marcelo Wolfgang" <[EMAIL PROTECTED]>
To: 
Sent: Friday, August 01, 2008 9:36 AM
Subject: [css-d] Problem with position ...

You can see the problem here: http://www.zerocinco.com.br/code on the
right sidebar unde "Nossa equipe", you can see where the first one is
displayed and the 4 one, who should be displayed under the first
picture on the second line, is show on the first line on the right.

Here is this section code only:

HTML: (repeated 13 times)



Nome:Alam
Cargo:Produção gráfica
E-mail:[EMAIL PROTECTED]



08/01/2008

Marcelo:

You have a number of validation errors, both in the HTML and CSS. Not the 
least of which is illustrated in your example above, you have a  block 
element inside of a  inline element. In your CSS, you need to code 
decimals as 0.8em, not 0,8em.

If you want three pics on a line, try (bare bones)...

HTML

 



 
 

CSS
div.picset img{
float: left;
}

Best Regards,

Peter
www.fatpawdesign.com
WIN XP/SP2 + IE8, FF3, O9, A11


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Web Site Dev & Beefs

[Peter Hyde-Smith]

- Original Message - 
From: "Christopher" <[EMAIL PROTECTED]>
To: "CSS Discuss" 
Sent: Friday, July 25, 2008 1:51 PM
Subject: [css-d] Web Site Dev & Beefs



> I'm just trying to get a site developed in a very short amount of time.
>
> Secondly I appreciate all the help I got up to this point., and even the
> template. I would like to know how to fix it on my HTML instead of using
> a template.
>

Christopher:

I think these are the points Ingo, David, and others, including myself are 
trying to make.

1. This is a list discussing CSS issues.
2. There is a list wiki, http://css-discuss.incutio.com/ and list archives 
http://archivist.incutio.com/viewlist/css-discuss/ that may already cover 
you questions.
3. It is not a CSS tutorial list.
4. It is not a list relevent to discussing or fixing HTML outside of its 
connection to CSS. For that see here, http://webdesign-l.com/
5. It is surely not a list for site development, especially SINCE ADVICE 
HERE IS FREE, NOT PAID FOR.
6. People generally post to the list with their websites already having 
substantially complete and functional HTML and CSS.
7. You came to the list with your site woefully under-developed, and 
yourself seemingly woefully under-resourced.
8. Failure to plan on your part does not constitute an emergency for the 
list.

My recommendations are: do #6, avoid #7 and #8, search #2, adhere to #1. 
You'll get willing assistance instead of being called a troll.

Peter
www.fatpawdesign.com
WIN XP/SP2, IE8/FF3/O9/A11
Mac OS.X, FF


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background graphic on {body}

[Peter Hyde-Smith]

- Original Message - 
From: "Christopher" <[EMAIL PROTECTED]>
To: 
Sent: Monday, July 21, 2008 7:58 PM
Subject: Re: [css-d] Background graphic on {body}


> The gap is still there.
> http://www.walkfar.ca/test/productionsite7.html
>
>
> Holly Bergevin wrote:
>> From: Christopher <[EMAIL PROTECTED]>
>>
>>
>>> I removed the negative top margin from .aboutmepara and put it to "0"
>>> the space is still there.
>>>
>>> Holly Bergevin wrote:
>>>
 From: Christopher <[EMAIL PROTECTED]>



> If #flashbarelementstwo is causing the extra spacing can that not be
> removed so that the background image on the body won't have that 
> space?
>
>
 http://www.walkfar.ca/test/productionsite6.html


 If you remove the negative top margins on #topbar and .aboutmeheader, 
 the space will disappear. However, your positioning will not be what 
 you want.

 If you also remove the negative top margin from .aboutmepara, things 
 come back into shape.

 By the way, negative padding does not exist. Also, there is no real 
 point in declaring default values on properties that aren't "in play" 
 on an element. For example, unless you have previously told all divs to 
 float: left (or right), declaring float: none; for a div is simply an 
 added bit of code that can add to confusion. The same goes for border 
 properties on elements that don't have default borders.

 There are other things in your CSS that you might consider removing or 
 at least simplifying by using shorthand properties. Then perhaps you 
 can see what is causing what.

>>
>> Christopher,
>>
>> I suggest you reread what I wrote. There are two negative top margins 
>> that you'd need to remove to get rid of the space. You didn't remove 
>> either of those, according to what you stated, but instead just removed 
>> the negative top margin on the paragraph that would allow it to go back 
>> into place after removing the other two top margins.
>>
>> You have a very "fragile" setup when tiny things like this can throw your 
>> layout off. You might want to consider starting over.
>>
>> ~holly
>>
>> please bottom post.
>>
> -- 
>
> *Christopher* - the creative sheep
>
> *animator*///motion graphics artist/\\*web dev*
>
> web: www.walkfar.ca  email:
> [EMAIL PROTECTED] 

07/21/2008

Christopher:

You have 8 CSS errors, all due to declaring negative values for padding and 
border width. Fix those to start.

And for the sake of the list sanity and etiquette, PLEASE BOTTOM POST!!!
http://en.wikipedia.org/wiki/Bottom_post

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] centering Part 2

[Peter Hyde-Smith]

- Original Message - 
From: "Kelly Moore" <[EMAIL PROTECTED]>
Subject: [css-d] centering Part 2


> piggy backing on my previous request, I have mocked up a whole
> banner/header scenario in which the navigation tabs are almost
> centered, but not quite.  This occurs eve in FF.  The container which
> I _think_ is supposed to be containing my tabs seems to be pushed up
> above the tabs?  very strange.  i've added borders to all the divs for
> ease of debugging.  any one have any ideas?
>
> http://yakmaster.net/test/wackylayout.html
>

Kelly:

If I am reading your question correctly, for fixing the bit you're talking 
about, try ...

#masthead ul#statusBar {
 font: bold 12px/14px Arial;
 float:left;
 text-align:right;

 width:100%; /* remove this width declaration */

 /*margin-bottom:60px;*/
}

At least in FF3, you seem to be adding some extra width to the already 100% 
of the .

Best,

Peter
www.fatpawdesign.com
WinXP/SP2 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] USS: Unidentifiable small space

[Peter Hyde-Smith]

- Original Message - 
From: "Kim Brooks Wei" <[EMAIL PROTECTED]>
To: "CSS Discuss" 
Sent: Saturday, July 12, 2008 12:46 PM
Subject: [css-d] USS: Unidentifiable small space


> Hello People!
>
> I have a small space at the bottom of the bounding box for this
> page's content. I can't see what's causing it. Help appreciated as
> always.
>
> http://thewei.com
>
> Kimi

Kimi:

Not sure what's causing it, but adding ... #pagegrfx img {display: block;} 
... gets rid of it.

The same happens if you change the CSS selector '#pagegrfx' to '#pagegrfx 
img'. Some other erudite soul will undoubtedly have a detailed technical 
explanation to this.

Best,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Nav Bar Stacked in IE7

[Peter Hyde-Smith]

- Original Message - 
From: "Carol Huddleston" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, July 10, 2008 8:09 PM
Subject: [css-d] Nav Bar Stacked in IE7


> This is my first page that I've designed using CSS, so I'm sure I've
> made a lot of mistakes here. I am using a Mac and primarily used
> Safari and FF 3.0 to check my work. The page looks okay on my screen,
> except in Safari it looks like the red border around the left
> navigation links doesn't go all the way down to encompass the border.
>
> Also, I was able to look at the page today in IE7 and the body is not
> next to the left navigation links like it's supposed to be, the links
> are stacked on top. What am I doing wrong?
>
> http://www.prairiedreamstudio.com/testindex.html
> http://www.prairiedreamstudio.com/css/layout.css
>
> Thanks for the help!
>
> Carol
>
>

Carol:

Fix this in your CSS first,

#bodytext{ float: clear;
... should be ...
#bodytext{clear: left;

and fix the color in your footer, I take it you mean color: #CC or 
color: #999CCC

You've got a number of validation errors, most likely unrelated to your 
issue above.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.prairiedreamstudio.com%2Ftestindex.html

Best,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] DAC site check please

[Peter Hyde-Smith]

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
apologize in advance for the huge background image. Working on compressing
it without making it look totally naff. Nav links go to existing site.

Known issues,

1. 'Hovering' on the nav links seems particularly laggy in Avant and IE8.
2. Gilder-Levin header image replacement not working in Avant.

Comments from the 'Directorate' on design, color and typography welcome 
off-list.

Best,

Peter
www.fatpawdesign.com
using Win XP/SP2, FF3.0/IE8/O9/Av11

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check please

[Peter Hyde-Smith]

David Laakso wrote to Del,


>> In the wonderful world of personal opinion, setting the primary content
>> font-size to suit your preference, rather  than  users preference does 
>> not
>> "look okay" to me.

>> A line-measure of 85 percent of the screen will be difficult for users
>> with very wide widows.
>>

Del responded in parts,

> Thanks for your response David.
> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
> You frequently make similar comments about font-size.  I started with
> font-size at 100% in the body and then set the other font sizes relative 
> to
> that by using em measurements.  I thought that would honor user 
> preferences.
> How do you suggest I set font-size?
>

I think what you've changed to is a start on the right track. Your initial 
CSS showed the font sized fixed in pixels. Your CSS could be leaner using 
font declaration and other short cuts.

>
> What do you suggest for line-measure? If I don't set right and left 
> margins
> on the body, then it is worse for wide screens.  If I set larger margins,
> then it is bad for folks with smaller screens.  What is the appropriate
> compromise?  It seems to me that those of us with large monitors should
> change the size of our browser to fit our preference.
>

Look at David's test page and others to see use of the min/max width 
property for screen width. It controls excessive line lengths on ultra wide 
screens, and prevents "crunch wrapping" at narrow screen widths.

http://www.chelseacreekstudio.com/ca/portfolio/

>
> Thanks again.  Look forward to your response.
>
> Del
>

Peter
www.fatpawdesign.com
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a Header

[Peter Hyde-Smith]

- Original Message - 
From: "Del Wegener" <[EMAIL PROTECTED]>
To: "css" 
Sent: Saturday, June 28, 2008 1:27 PM
Subject: [css-d] Centering a Header


> Good Afternoon;
> Please take a look at
> http://www.drdelmath.com/special_topics/function/functions_quadratic_properties.htm
> Colors are to help identify divs
> The header is positioned the way I want it.  However, the only way I can
> accomplish the centering of DrDelMath is to place the exact same pair of
> radio buttons on the right and left and set visibility to hidden for the
> ones on the right.
> I want the radio buttons on the left to be on the same line as DrDelMath.
>
> How can I position the radio buttons on the left on the same line as
> DrDelMath while centering DrDelMath without hiding another set of radio
> buttons ?
>
> Thanks.
>
> Del
>
>

Del:

Briefly, I tried ...

.header{background:#ccff22;padding:.3em;clear:both; text-align: center; /* 
add this alignment declaration here */}
.switcher_left {float:left;background: #ff;}
.switcher_right {float:right;visibility: hidden}/* delete */
.page_title {background:#ccddff;clear:left;}

body
 {
  margin-left: 10%;
  margin-right:5%;
  font-family: Verdana, Arial, Helvetica, sans-serif; /* delete */
  font-size: 14px; /* delete */
  font-weight:normal; /* delete */
  line-height: 130%; /* delete */
  font: 100%/1.3 verdana, arial, helvetica, sans-serif; /* add */
  color: #00;
  text-align:left;
 }

H1,H2
 {
  padding-top: 0em;
  padding-bottom: 0em;
  margin-top: 0em; /* delete */
  margin-bottom: .3em; /* delete */
  font-family: Verdana, Arial, Helvetica, sans-serif;  /* delete */
  margin: 0 auto .3em auto; /* add */
  font-style: normal;
  font-weight: bold; /* delete */
  font-variant: normal;
  font-weight: bold;
  line-height: 100%;
  color: #FF;
  text-align:center; /* delete */
 }

H1
 {width: 20%; /* add */ /* something less than 100% minus the width of 
the radio buttons */
  font-size: 200%; /* change to*/
 }

H2
 {
  font-size: 150%; /* change to */
 }

Try this while removing the right radio buttons. Couple of validation errors 
as wll, probably not connected.

Best.

Peter
www.fatpawdesign.com
In God we trust, all else bring data... 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] homage to the square

[Peter Hyde-Smith]

- Original Message - 
From: "David Laakso" <[EMAIL PROTECTED]>
To: "Peter Hyde-Smith" <[EMAIL PROTECTED]>
Cc: "css discuss" 
Sent: Sunday, June 22, 2008 10:58 PM
Subject: Re: [css-d] homage to the square


> Peter Hyde-Smith wrote:
>>
>>>
>>> <http://www.chelseacreekstudio.com/ca/portfolio/>
>>>
>>> Joseph Albers
>>>
>>>
>>
>> David:
>>
>> Also, as you click on the different nav selections, some of the Square's 
>> image vertical sizes must be different as there is some slight jogging of 
>> the nav list.
>>
>> Peter
>> www.fatpawdesign.com
>>
> Good call. Thank you, Peter. Made some modifications. /Please/ reload. Do 
> you still get "some slight jogging of the nav list" now???
> -- 
> http://chelseacreekstudio.com/
>

David:

That looks/works perfect. No more jogging. They're all showing up as 300 x 
300 now.

Peter 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] homage to the square

[Peter Hyde-Smith]

- Original Message - 
From: "David Laakso" <[EMAIL PROTECTED]>
To: "css discuss" 
Sent: Sunday, June 22, 2008 6:40 PM
Subject: [css-d] homage to the square


> Greeting from Havana!
>
> Just a simple means of presenting portfolio visuals -- could use any
> feedback, nevertheless...
> 
> :: embedded::
>
> Respectfully.
> Joseph Albers
>
> -- 
> http://chelseacreekstudio.com/
>

David:

Cigars for everyone! Looks good and behaves well in Win XP/SP2 using FF2.0, 
O9.5, IE8.06beta, and Avant11.6, at 1280x1024/17". Max/min width seems to 
work like a charm in these four browsers. "Expand all sections" works fine. 
IMO could use a "collapse all sections" button, but would guess you're 
working on that. Refreshing the page *does* reset it. Also, as you click on 
the different nav selections, some of the Square's image vertical sizes must 
be different as there is some slight jogging of the nav list.

Developer tool bar shows...

1/6 = 303px
2/6 = 299px
3/6 = 300px
4/6 = 300px
5/6 = 304px
6/6 = 304px

Cheers,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] bg-image doesn't change when hovering

[Peter Hyde-Smith]

- Original Message - 
From: "jeroen vannevel" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, June 22, 2008 3:23 PM
Subject: [css-d] bg-image doesn't change when hovering


>
> hi,
>
> I'm trying to create a navbar in which the background changes when 
> hovering over it.
> but this isn't working...
> check www.speedzor.com for the not-working page
> http://yourpaste.net/843/ is the css code
>
> can someone help me out?
> greetings

Jeroen:

You seem to be working in FF2.0, O9.5, IE8.06beta, and Avant11.6, although 
there did seem to be a period of them not working until the page complete 
loaded. What browser are you testing in? BTW, the CSS you posted does not 
match the CSS uncovered using the FF Developer toolbar. You also have a 
gaggle of (probably) unrelated HTML validator errors.

Peter
www.fatpawdesign.com 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating Footers

[Peter Hyde-Smith]

- Original Message - 
From: "Charles Haynes" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, June 18, 2008 3:43 PM
Subject: [css-d] Floating Footers


> Is it possible with CSS to control a footer, in a three column format,
> which will float up or down below the changing vertical height of the
> three columns?
>
> Charles Haynes
> Mighty Jams LLC
> 712 Boulevard SE
> Atlanta GA 30312
> (404) 310-7161
> [EMAIL PROTECTED]
>

06/18/2008

Charles:

That's SOP for many layouts. Start here,

http://www.gunlaug.no/contents/tos_demo.html
http://www.gunlaug.no/tos/moa_27c.html - especially here
http://www.positioniseverything.net/ - more info here
http://css-discuss.incutio.com/?page=ThreeColumnLayouts - and on the list 
wiki here

And a working example is here, http://www.whitehouseinwestbend.com/
with CSS here, http://www.whitehouseinwestbend.com/whitehoxphp.css

The columns are created using nested floated 's, and then a clearing 
footer  is added to the bottom. It will move (float) up and down to 
rest below the longest column. Maybe 'bob' up and down would be a better 
term to avoid confusion.

Best regards,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] DIV Background

[Peter Hyde-Smith]

- Original Message - 
From: "Christopher" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, June 18, 2008 6:24 AM
Subject: Re: [css-d] DIV Background


How do I declare it on the html\body and have it repeat ? I am using DW
as I forgot ?


Christopher:

Some (maybe many) of us here are self-taught. Here's a place to start. 
http://www.fatpawdesign.com/resources.html Then off to the book store or 
library, and your favotie search engine.

List convention is to bottom post as well.

Best Regards,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE6 Issue

[Peter Hyde-Smith]

- Original Message - 
From: "taestrada" <[EMAIL PROTECTED]>
To: "'Gunlaug Sørtun'" <[EMAIL PROTECTED]>
Cc: 
Sent: Sunday, June 01, 2008 9:49 PM
Subject: Re: [css-d] IE6 Issue


This solution worked perfectly! But now I have another problem. In the
navigation, "Portfolio" is smaller and higher than the other links. But the
CSS and code is exactly the same as for the other words.  Any ideas???

Thanks so much,

Alix


06/01/2008

Alix:

Validator exposes 70 errors. http://validator.w3.org/ May have nothing to do 
with a small portfolio, but it's a place to start. Also, the list is happier 
when you bottom post.

Best,

Peter
www.fatpawdesign.com (broken during server transfer!) 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please - WHIWB

[Peter Hyde-Smith]

>> Would appreciate a site check/thorough vetting of 
>> www.whitehouseinwestbend.com
>>
>> http://www.whitehouseinwestbend.com/whitehousebaseformatcss.css
>> http://www.whitehouseinwestbend.com/whitehousepagecss.css
>>
>> Comments regarding ease of use/accessibility, fonts, colors, etc always 
>> welcome.
>>
>> Thanks in Advance, and Cheers,
>>
>> Peter
>
> Seems to be working alright cross-browser except for a minor issue in IE/6 
> where the vertical rules are filling all the way up.
>
> Tweak both to -3 or -2px and test:
>
> * html #leftsidebar {
>margin-right: -10px;
> }
>
> * html #side2  {
>margin-left:-10px;
> }
>

05/23/2008

David:

Thanks. I set the margins to -2px; and I still lose part of the vertical 
rules in WIN2K/IE6 at work, although the floats stay in place. I have 
changed them to -1px. Would you please take a quick look and let me know if 
'that' has resolved the issue. Otherwise I will cut the width on the center 
column by a few px to see if that works.

I know the font size is a problem. Will tweak around a bit to see what I can 
improve. The fixed width 3-column layout cures some ills, causes others .. 
like this! What do you think about 3 equal width columns?

Best,

Peter

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check please - WHIWB

[Peter Hyde-Smith]

05/22/2008

Hi All:

Would appreciate a site check/thorough vetting of 
www.whitehouseinwestbend.com

http://www.whitehouseinwestbend.com/whitehousebaseformatcss.css
http://www.whitehouseinwestbend.com/whitehousepagecss.css

Comments regarding ease of use/accessibility, fonts, colors, etc always 
welcome.

Thanks in Advance, and Cheers,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] very quick site check please

[Peter Hyde-Smith]

05/17/2008

All:

Would someone please take a very quick look at this in IE6, 
http://www.whitehouseinwestbend.com/ ... disregard the hokey background on 
the body!

http://www.whitehouseinwestbend.com/whitehousebaseformatcss.css
http://www.whitehouseinwestbend.com/whitehousepagecss.css

Looks okay in WinXP + FF, O, Avant, IE8. It's breaking on my Win2K/IE6 at 
work, and I think it's simply a matter of cutting down the width of the 
center column. Used opposing float method. If it's going to require a lot of 
messing around I'll try Georg's negative margin 3-col layout.

Thanks in advance, and Cheers,

Peter
www.fatpawdesign.com 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Wrapper isn't wrapping!

[Peter Hyde-Smith]

- Original Message - 
From: "Stuart Walsh"
Sent: Monday, April 07, 2008 5:21 PM
Subject: [css-d] Wrapper isn't wrapping!


>I must be making a clumsy, beginner's, mistake somewhere but I just
> can't figure out what is the problem.
> The CSS validates but isn't working as it should. Here is the page:
> http://www.tuningsinthirds.com/cytre/
> and the CSS:
> http://www.tuningsinthirds.com/cytre/new.css
> I can't get the wrapper div to wrap around everything  - the header,
> mainNav, content and footer divs. The markup looks very basic but in FF
> the wrapper is only wrapping the header.
> But in IE it does wrap around the two floated divs, the 'content' and
> 'mainNav' but not the footer.
> (I've run the W3C html validator and there are indeed some errors - but
> I can't make sense of them)
> Any advice would be much appreciated.
>

04/07/2008

Hello Stuart:

First, everywhere you have © - change it to © (add the semi-colon 
to the end, which is how character entities must be closed).

Second, you have an extra  closing tag, or a missing  opening tag 
somewhere. Per Jim Davis, the offending tag is the closing  tag after 
the . Remove that! Then, to deal with the floating #footer p that is 
taken out of the flow, I think you will either have to add some padding 
(1px) to the bottom of the wrapper, add a border to the bottom of the 
wrapper (probably undesirable), or

#footer p{
text-align : right; /* not float: right; */
font-size : 0.8em;
padding-top : 5px;
}

Note that the #footer {clear: both;} gets the wrapper to enclose the 
floating #content.

That should fix the validator errors and get your wrapper to wrap!

Best Regards,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please - case closed

[Peter Hyde-Smith]

Sent: Thursday, March 20, 2008 8:48 AM
Subject: Re: [css-d] site check please


> Peter Hyde-Smith wrote:
>>
>> I'd appreciate someone(s) looking at www.bildasfriesslakepub.com in IE6 
>> and IE7, specifically at the "Join Our Mailing List" box at the top...]
>> TIA and Cheers,
>>
>> Peter
>>
>
>David wrote:
> Looks fine to me at text-size "largest" in IE/6 & 7, Peter.
>
> Aside: I'd hold the your current doctype and ditch the "target" attribute.
>
> Ernie wrote:
> IE 6 . Everything,including 'Join our mailing list' looks OK,nicely done.

Thanks David and Ernie.

David, re: , I agree. I don't understand why it was deprecated, as I 
think the only work-around is JavaScript, which raises other accessability 
concerns. The original block of code for the submission form from 
ConstantContact was good for ~29 errors in XHTML Strict!

Case closed.

Cheers,

Peter
www.fatpawdesign.com


__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check please

[Peter Hyde-Smith]

03/20/2008

Hello All:

I'd appreciate someone(s) looking at www.bildasfriesslakepub.com in IE6 and 
IE7, specifically at the "Join Our Mailing List" box at the top of the right 
hand column and let me know if it renders correctly (as in FF).

Avant bumps the "GO" button up a few px, IE8 drops the "GO" button down a 
few more px. Resizing the text +/-2 doesn't kill it in FF, and it works with 
CSS and/or images off. Page CSS is here if necessary, 
http://www.bildasfriesslakepub.com/bildaspagecss.css

TIA and Cheers,

Peter
www.fatpawdesign.com



__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Can't find source of block-level error

[Peter Hyde-Smith]

Subject: [css-d] Can't find source of block-level error


> http://blog.kim.thewei.com/
>
> I could use some help with this. I've managed to totally confuse
> myself. My sidebar won't snap into place to the right of my
> narrowcolumn, and my page won't validate. I can't figure out what's
> going on.
> Thanks  . . .
>  Kimi Wei
>   201.475.1854
>   http://thewei.com

03/18/2008

Kim:

A couple of things. It appears that you have the nav sidebar nested within 
the .narrowcolumn. And you will also have to declare an explicit width on 
the .narrowcolumn, other wise it will expand and fill the entire width of 
#content, and not allow anything to float next to it. It has to be narrower 
than width of #content - .navigation.

You are not validating because you appear to be missing a closing  tag 
(or an extra one!).  Which may also be why the nav and .narrowcontent float 
isn't working!!! Try sticking a  tag either right before  OR one right before the closing  tag. Then 
revalidate. Your page may look wonky but it may get a green light by the 
validator.

IMO, you should add a comment right before the nav div so it is easier to 
find.

Best Regards,

Peter
www.fatpawdesign.com
works in IE8! 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check

[Peter Hyde-Smith]

Phoebe Taylor wrote


> If you guys wouldn't mind, could I get a site check on this?
>
> http://www.cgraytaylor.net
>
> It seems to check out okay for me in Firefox, IE 7, and Opera.   I had
> to lower the font size in the gallery photo descriptions for Opera to
> lay out the text correctly which makes it a touch small for my tastes,
> but is better than having orphan words.  It's my first CSS site, so
> some critiques would be much appreciated.
>

Phoebe:

Welcome to CSS!

I am using Win XP Home SP2. Very pleasing intial impression. FF2.0 looks 
good except for text growing out the bottom, per David Laakso. O9.26 looks 
good. Avant 11.5 looks good. IE8 beta looks good. Your fixed pixel fonts 
don't scale in IE/Avant. Personally, I would lose the "Best viewed inor 
greater resolution" That should be a user decision. An orphan  tag is 
causing a few minor errors, per the W3C validator. Keep up the good work.

Best Regards,

Peter Hyde-Smith
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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

[Peter Hyde-Smith]

- Original Message - 
From: "Rafael" <[EMAIL PROTECTED]>
To: "Rick Faircloth" <[EMAIL PROTECTED]>
Cc: "'CSS Discussion'" 
Sent: Thursday, February 21, 2008 9:32 PM
Subject: Re: [css-d] Float list items [medium]


> 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  ?
>> Just because you can or is there a more compelling reason?
>>
>> I'm relatively new to the CSS scene, so these are sincere questions.
>>
>> Rick
>>
>Hi, Rick.
>George's example is a quite complex one (from my point of view,
> anyway), so that, and the lack of standard support by IE (and some
> others?), is probably the reason why you see such code.
>
>Anyway, back to your question: Why not using a table? As George said
> before, that's simply because the data shown is not tabular data. For
> tabular data we will understand that which has no sense if not seen in
> such a way (tabulated), e.g. a calendar. Now, aside from this, tables
> are actually complex elements, and as such, they have been problematic
> or "expensive" to deal with by browsers and other softwares (like
> screen-readers).
>
>There are cases, though, where the desired layout calls for the help
> of a table, and although basically everyone here would ask you not to
> use it (or simply to use another layout) it could be your best or even
> only choice. If I recall correctly, George had to make use of JavaScript
> to make IE's behave as desired.
>
>But I went beyond the topic, the point here (and what semantic
> markup is about) is to use the actual HTML elements that are supposed to
> enclose your data, like using  for addresses (of course), 
> for keyboard sample,  for code (duh!),  for sample output,
>  for definitions,  for abbreviations,  for paragraphs,
> ++ for definition lists (such as glossaries), etc. And not
> using  just because you want to indent the code, or using
>  to add some spacing.
>
>I hope this helped, and sorry if I bored you along the way.
>Rafael.
> __

02/21/2008

Hello Rick:

As a follow on to Rafal, it is a case of using the right tool for the right 
job. HTML for structural markup, CSS for layout and style. The business end 
of the tools aren't broken, it's the handles (the browsers) that tend to 
have ergonomic problems.

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image within DIV alignment problem

[Peter Hyde-Smith]

- Original Message - 
From: "Doug Niven" <[EMAIL PROTECTED]>
Sent: Sunday, February 10, 2008 11:58 AM
Subject: [css-d] Image within DIV alignment problem


> Hi Folks,
>
> I've got a frustrating problem center-aligning images within a DIV, which
> can be seen here:
>
> http://niven.gotodon.net/slideshow7.html
>
> Though this does display correctly on some Windows browsers, it breaks in
> Firefox (Mac) and Safari (Mac). Here's a screen capture of what we're
> seeing:
>
> http://www.douglasniven.com/fineprint_draft.html
>
> Any ideas or suggestions? I'm spent.
>
> Many thanks in advance.
>
> Doug
>

Doug:

First, validate your mark up. Leaving aside the missing 'alt' attributes 
required by XHTML 1.0 Strict, you are missing the xmlns declaration; a link 
tag to your CSS needs to be (self) closed; and there is no  element. 
See where this gets you.

Best Regards,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] image resize does not work in Opera when setting width andheight 100%

[Peter Hyde-Smith]

- Original Message - 
From: "David Sánchez (Zeleznicná Stanica)" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, December 26, 2007 8:49 PM
Subject: [css-d] image resize does not work in Opera when setting width 
andheight 100%

> In the frontpage, I must show an image (according the headline news)
> from 477x200. This would look good in resolutions up to 1024x768, but
> in other resolutions (like 1280x768) the image look just to small
> inside it box.
>
> So what I'm doing is aplying the following properties to the image:
>
> .headline img{
> border:1px dotted #666;
> width:100%;
> height:100%;
> }
>
> This works perfect in Firefox and IE, but in Opera it just shows a dot
> instead the image. I just don't get it.
>
> The page (still under developement) can be found here
>
> http://curefans.com/newsite/
>
> David.

12/26/2007

David:

WOW, that's a lot of CSS! Looks nice in FF. First, you have a number of 
validation errors on both the XHTML and CSS side. You have uncoded special 
characters in some of the URLs, and you seem to have a closing  tag 
with no opening partner. Ignore the CSS display: inline-block error, and 
just fix the hexadecimal color error.

...
width: 100%;
height: 100%;
...

says that the image will be 100% the width and height of its parent 
container. It's possible that if the container has no explicit or forced 
dimension, the image will not either; and Opera isn't cooperating by using 
the dimensions declared in the  tag. Try adding,

.headline img {
...
display: block;

/* and-or */

margin-bottom: 0;
...
}

Otherwise, some other erudite soul will give you the Cure.

Best Regards,

Peter
www.fatpawdesign.com




__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check please

[Peter Hyde-Smith]

12/08/2007

www.bildasfriesslakepub.com
Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar anchors 
aren't working right and occasionally disappear all together on scrolling. 
Which bug and how to fix? Also a check in IE6 to make sure my green box in 
the left col isn't triggering the Peek-a-boo bug. Finally in IE, I'm getting 
extra vertical space above the main col (vertical border should touch nav 
bat above it) and in the footer above and below the content. Not a killer 
but would appreciate suggestions on how to eliminate it. Add 'has-layout' 
doesn't do it and causes other problems, since fixed.

http://www.bildasfriesslakepub.com/menu.html
Would appreciate a look-see in IE, especially IE6 to make sure the right 
column content is appearing.

Much thanks to David and Georg for getting me this far. The site is live and 
the client gassed.

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New to group

[Peter Hyde-Smith]

- Original Message - 
From: "Lisa G. Wilcox" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, December 06, 2007 2:32 PM
Subject: [css-d] New to group


> Hi gang,
> I just wanted to say hi. My name is Lisa, and I've been using CSS for 
> about
> 3 yrs now. I'm looking forward to being a part of the discussion.
> I'm having issues with IE6 vs IE7 and how horribly they both render
> websites.
> I have a web site that I did for a client that looked beautiful on FF on
> WinXP and FF Mac OSX and worked fine in Vista with IE7 and XP with IE7, 
> but
> it seems IE6 on XP has distorted the menus and what not.
> www.webgirlwebdesigns.com/testing/Family First/index.html
>
> Can anyone lend me some ideas?
>
> Lisa Wilcox
> Web Girl Web Designs
> Stress-free internet solutions for your business
>
> 223 E. Lincoln Hwy
> DeKalb, IL 60115
> (815) 307-8163 voice
> (815) 981-8163 fax
>
> [EMAIL PROTECTED]
> http://www.webgirlwebdesigns.com


Welcome, Lisa:

First, you need to validate the site, as my validator is showing 64 errors, 
but most likely the majority are a result of you using an uncoded '&' in 
portions of what is supposed to be text. As text, the ampersand should be 
coded & or & so go through your code and replace those first, then 
retest the lot. There's at least a couple in your nav lists, so I am sure 
that's part of the problem.

Cheers,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site-check please, major ie6 issues

[Peter Hyde-Smith]

Subject: Re: [css-d] site-check please, major ie6 issues


> Peter Hyde-Smith wrote:
>> http://www.bildas.fatpawdesign.com/index.html

>
> Probably too much 'hasLayout' for IE6' liking already :-)
>
> IE6 seems to have serious stacking-problems, and there's too many
> 'stacking-correctors' in there too.
>
> Changing to default on the problematic elements...
>
> #weeklyspecials {
> position : static;
> }
>
> #rightcol {
> position : static;
> }
>
> ...will make it appear as intended in IE6.
>
> regards
> Georg
> -- 
> http://www.gunlaug.no

Georg:

Made change as recommended. Would appreciate another check. Can I just take 
out those particular 'position' declarations out all together?

Peter 

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site-check please, major ie6 issues

[Peter Hyde-Smith]

http://www.bildas.fatpawdesign.com/index.html

Hello All:

I'd appreciate a site check of above page. Seems well behaved except in IE6, 
which is losing the floated green box in the left column, and evidently the 
whole content of the right column. Something somewhere probably needs 
'has-layout' but I can't figure out what. General hack and slash with 
constructive comments welcome.

Best Regards,

Peter

Peter Hyde-Smith
(FF/O/IE7/Avant in WinXP+SP2)
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] newbie help please

[Peter Hyde-Smith]

- Original Message - 
From: <[EMAIL PROTECTED]>
To: 
Sent: Friday, October 12, 2007 6:58 PM
Subject: [css-d] newbie help please

> I want to convert! I re-wrote a table based site and
> although both the html and css validates in w3 and despite it looking as
> it should on my computer, on an old monitor (mozilla, opera, netscape and
> ie6) when it is viewed on my friends computer it is out of whack. She runs
> Microsoft office 2000 and uses ie6.Plus it is her site so thank goodness
> she is a friend!!! I have no idea how it looks on a Mac or a larger
> screen. any ideas or suggestions would be greatly appreciated.
>
> The site http://fruvenu.com.au/index.htm
> The css http://fruvenu.com.au/iemain.css
>
> Regards :) Angela
>

Angela:

Converts welcome! Briefly, on the surface, the site looks the same in WIN XP
SP2 + IE7/FF2.0/Opera9/Avant11 and on MAC OS9 + FF/Safari. What OS are you
using? Will take a look at it in more detail later, as I am sure others will
as well. The only thing glaringly off, IMO, is that the header image is not
centered. Also, you are still using tables for other parts of the layout, as
well as quite a bit of inline styling. From a usability standpoint, it is
helpful to have the logo in the header of the interior pages be a link back
to the home page. It's a great start, and the site is pleaseing to my eye,
at least.

Cheers,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] downloadable fonts?

[Peter Hyde-Smith]

- Original Message - 
From: "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
To: 
Sent: Friday, October 12, 2007 12:35 PM
Subject: [css-d] downloadable fonts?


> This sounds like a good solution to a problem I currently have.  But I
> didn't know much about it.  Is using downloadable fonts in your
> stylesheet considered "bad form"?  Does it render things inaccessible?
> Filesize too large? I can think of some potential drawbacks, but I was
> just wondered about using such a thing.
>
> Thanks!
> ~Shelly

Shelly:

You might want to give this a read over at 456 Berea St. I've just started 
to look at this myself, so I can't give you any other advice.

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

Cheers,

Peter
www.fatpawdesign.com

__
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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help please if you can

[Peter Hyde-Smith]

- Original Message - 
From: "Stephen Oravec" <[EMAIL PROTECTED]>
To: "css-d" 
Sent: Saturday, August 04, 2007 4:48 PM
Subject: [css-d] Help please if you can


>I would like to keep my document Strict xhtml 1.0 and I have 1 error and
> don't know how to fix it...
>
> page is here 
> _

Stephen:

Try taking ...language="javascript1.1"... out of the script tag, and see if 
that resolves the issue.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check

[Peter Hyde-Smith]

- Original Message - 
From: <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, August 01, 2007 12:01 PM
Subject: [css-d] Site Check


> Just a basic site check:
>
> http://resume.christianziebarth.com/
>
> I'm trying to be very modern here while keeping it simple. I'm using the 
> Yahoo reset.css and a screen style sheet, a print style sheet, and a 
> handheld style sheet. The testing I've been able to do indicates that 
> everything's working fine. Thanks in advance.
>
> Christian Ziebarth
>

Christian:

Working in Win XP/SP2 at 1152 x 864, and +/- 2 zoom levels

IE7, nothing breaks except you get a horizontal scroll bar with page zoom 
(not with text resize, though)
FF2.0.2, nothing breaks
O9.2.0, nothing breaks, looks great in small screen mode

There is not enough contrast between the dark green link text and the black 
body text, especially since you are not underlining the links. Also, on a 
resume, in my opinion as one who has hired and fired, I find the use of the 
abreviation "etc." out of place, let alone when it is written out.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] firefox display problems - need urgent help

[Peter Hyde-Smith]

>> I'm running WinXP/SP2 and FF2.0.0.3 at 1024 x 768 on a 17" monitor.
>>
>> Similar to what Lori said, there is a lag when the left column draws, but
>> otherwise, everything stays put...until one bump up in font size causes 
>> the
>> last nav item to drop down one line, which shoves the whole content off 
>> the
>> right side of the page. This even happens if I increase the view port to
>> 1280 x 1024. Reducing the font size does not break the layout.
>>
>> The drop down menu rendering seems a tag slow. Also, the Publication 
>> links
>> open .pdf's without warning and both the Publication and Links links
>> unexpectedly open a new window. IMO (only) the former is simply annoying,
>> the latter is bad behavior.
>>
>> Regardless, my initial impression of the site when first opened is that 
>> it
>> is visually pleasing and well laid out.
>>
>> Cheers,
>>
>> Peter
>> www.fatpawdesign.com
>
> Odd, I just downloaded the latest for both browsers and still have same
> problem on all but home page on both Mac and PC.  Strange that this 
> doesn't
> happen on my test site http://www.liztestsite.com/indexTest.shtml.  If it
> had I would have fixed it before making it live. I wonder if there is
> something different about the servers.
>
> Re the font sizes -- on the left, they are all the same except for the
> dropdowns which are smaller. Maybe the percentages are not good. I will 
> look
> in there more closely to see if there is something I messed up with all my
> experimenting.  I will also experiment with the font sizes and Firebug as
> suggested.
>
> Thank you all for your help.
> Liz

Liz:

I changed the font sizes using the FF text-size tool. See 
http://www.fatpawdesign.com/textresize.jpg Maybe obvious, but maybe not. So 
this is a client-side (tex) styling technique you'll have to accomodate (or 
not). I haven't looked at the html or style sheet, but probably more 
important than the actual font size is how the site degrades when they are 
changed. If the site changes form gracefully, the font size may not be so 
important.

Good Luck,

Peter 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] firefox display problems - need urgent help

[Peter Hyde-Smith]

> Liz wrote:
>> On this site http://www.whsfoundation.org/ when I click around within the
>> site in Firefox often the right and left column are empty because the
>> content drops to the bottom.  This didn't happen on my demo sever
>> http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do?
>>
>> Thanks,
>>
>> Liz
>>
> I couldn't find any problems with FF 2.0.0.3 on Mac.  There is a
> definite re-draw of the left navigation contents, but they stay put.
> I'm running at 1920x1200 - I don't know if that has anything to do with
> it or not.  Even seems to work with JavaScript disabled.
>
> Lori

I'm running WinXP/SP2 and FF2.0.0.3 at 1024 x 768 on a 17" monitor.

Similar to what Lori said, there is a lag when the left column draws, but 
otherwise, everything stays put...until one bump up in font size causes the 
last nav item to drop down one line, which shoves the whole content off the 
right side of the page. This even happens if I increase the view port to 
1280 x 1024. Reducing the font size does not break the layout.

The drop down menu rendering seems a tag slow. Also, the Publication links 
open .pdf's without warning and both the Publication and Links links 
unexpectedly open a new window. IMO (only) the former is simply annoying, 
the latter is bad behavior.

Regardless, my initial impression of the site when first opened is that it 
is visually pleasing and well laid out.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A few problems

[Peter Hyde-Smith]

- Original Message - 
From: "Lauri Pantos" <[EMAIL PROTECTED]>
To: "Reed Underwood" <[EMAIL PROTECTED]>
Cc: 
Sent: Sunday, May 13, 2007 4:00 PM
Subject: Re: [css-d] A few problems


> Hi. Although a couple of you have attempted to help, I'm still lost.
> http://www.somtndesign.com
>
> Each page will have a diff. graphic on the left and right as the next 
> page. But all pages need to have the word Home (which will link home) at 
> the bottom of the page.  Can someone please dumb this down for me a bit so 
> i can understand how to do it?
> Thanks!
>
> - Original Message 
> From: Reed Underwood <[EMAIL PROTECTED]>
> To: Lauri Pantos <[EMAIL PROTECTED]>
> Cc: css-d@lists.css-discuss.org
> Sent: Tuesday, May 8, 2007 10:28:08 PM
> Subject: Re: [css-d] A few problems
>
> On 5/7/07, Lauri Pantos <[EMAIL PROTECTED]> wrote:
>> Hi. This is my first attempt at tableless css - I've taken an example and 
>> modified it - I'm almost there, but have a few problems.
>> URL is
>> http://www.somtndesign.com/portfoliocopy.php
>>
>> I need to put the word 'HOME' (which is on the bottom right now) below 
>> the sun and mountain graphic - not where it is now
>>
>> Graphics were made by my partner on a mac - even though I'm using his 
>> specs, I still have too much gap on the left side and bottom of the page
>>
>> Is it better to insert an image in a div or make it a background for the 
>> div?
>>
>> Thanks for all the help
>>
>> Lauri Pantos
>>
>>
>> - Original Message 
>> From: Steve LaBadie <[EMAIL PROTECTED]>
>> To: css-d@lists.css-discuss.org
>> Sent: Monday, May 7, 2007 3:06:01 PM
>> Subject: [css-d] Image Placement
>>
>>
>> I have an image set to align="middle", but aligns on the bottom of the
>> cell in Firefox. How can I correct this?
>>
>>
>>
>> Steve LaBadie, Web Manager
>> East Stroudsburg University
>> 200 Prospect St.
>> East Stroudsburg, Pa 18301
>> 570-422-3999
>> [EMAIL PROTECTED] 
>> http://www.esu.edu 
>>
>>
>
> Lauri,
>
> With regard to your question about using an inline image versus a
> background image, it really depends on the situation.  I like to use
> background images with CSS selectors when possible if I'll have
> different pages with similar elements but different images.  Other
> times, particularly when I'm doing a lot of dynamic or data-driven
> stuff, I'll tend toward img tags.  Really, for things like banners
> that are fairly consistent across a site, background images are
> awesome because you can change everything in one file - an important
> thing to think about when deciding which to use: will I want/need to
> make changes to this the way I change a font or color?  To me,
> backgrounds are really presentational (embellishments like a drop
> shadow or purely decorative texture in a banner) while img tags are
> oriented more toward actual content (like photos in a news story,
> diagrams in a how-to, charts in a prospectus, etc.).
>
> The answer to your question about the 'Home' text depends on whether
> this is destined to be a link.  If so, I'd first make it an  with a
> class or id that fits and set it to display: block.  Put that element
> inside your div.feature and position it as necessary.  You could set
> that image as the background and set the size for that div, or leave
> it as an inline image and lay the 'Home' text on top.
>
> I personally don't see any problem with the spacing on the page.
>
> Hope that helps a little,
> Reed

05/13/2007

Lauri:

List etiquette is to bottom post.

body{
 font-family: Arial,sans-serif;
 line-height: 1.166;
 width: 100%
 color: black;
 background-color: #d8cfae;
 text-align: center;
}

div#wrapper {
 margin: 26px auto;
 padding: 0;
 width: 640px;
 background-color: inherit;
}

body#pageone div#home {
 position: relative;
 height: 425px;
 width: 194px;
 background: #d8cfae url(images/IndexLeftBox_bodytxt.jpg) 0 0 no-repeat;
 text-align: center;
}

div#home h1 {
 height: 25px;
 position: relative;
 top: 400px;
}

img {
 border: none;
}

Here's the relevant CSS. I made some other changes to it, and to the HTML. 
Basically, I assigned the image as a background to the #home div, gave the 
h1 a height, and set its position to relative and offset from the top the 
difference between its height and that of the containing div. To get images 
specific to a page, give the body a unique ID for each individual page, and 
style the background image via child selectors. Give this a whack. You also 
need to do some validating and general code optimization.

I'll send you the files off-list.

Cheers,

Peter

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Text-Decoration on Table Caption

[Peter Hyde-Smith]

- Original Message - 
From: "Francesco Rizzi" <[EMAIL PROTECTED]>
Subject: [css-d] Text-Decoration on Table Caption
> Hello list.
> I've hit an odd ball. Maybe it's a known fact, maybe it's a 
> browser-specific
> problem.
> If anyone can enlighten me, I'll be happy.
>
> I'm setting the text-decoration to underline for a table caption,
> and it doesn't seem to get underlined in Firefox (v.2.0.0.2).
>
> Here's a basic example:
>
>  "http://www.w3.org/TR/html4/strict.dtd";>
> 
> 
>Sample: Home
>
>.DataTable caption
>{
>background-color: #f00;
>text-decoration: underline;
>}
>
> 
> 
> 
>Caption
> 
> 
> 
>
>
> I've set the background to red just to make sure that the rule for the
> DataTable class is being used.
> In IE 7 the caption gets underlined (all right, that's cool to know, but 
> it
> doesn't make me
> feel any better.. it just might &happen* to work but it doesn't mean it
> *should* ).
>
> Any suggestions ?
>
> Thanks in advance,
> F.O.R.

05/12/2007

Francesco:

What about adding a meta tag for character encoding, UTF-8, etc.? Probably 
not the issue, but worth a try. Also, if you add the Caption tags, it 
will underline in FF2.0.0.3. Time to get my books out.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ordered horizontal list

[Peter Hyde-Smith]

Hi all,

Is it possible to achieve a horizontal ordered list in IE6
using only one OL element and valid CSS without images?

Say:

1. First item2.  A longer second item  3. shorter 3th

HTML:
< ol>
< li>...< /li>
< li>...< /li>
< li>...< /li>
< /ol>

CSS:
ol li {
float:left;
margin-right:25px;
}

This works in FFox and Opera but fails in IE6 (don't know in IE7 but believe 
it works, since it seems to be a 'hasLayout' issue).

Thanks

Maurício Samy Silva
http://www.maujor.com/

05/11/2007

Mauricio:

It doesn't work in WinXP/SP2 + IE7 either.

Cheers,

Peter
www.fatpawdesign.com



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Box model -I am being really stupid here

[Peter Hyde-Smith]

> content div is inside wrapper which, should stretch to encompass the
> content - does in IE7 but not FF. Been trying to sort out client site for
> some time now. Basic template for simplicity is at. You will see the 
> border
> at the top of the page in FF - this is border-bottom.
> http://www.iyesolutions.co.uk/templates/css/test-css.php
>
> Any help on a Friday gratefully received.
>
> Cheers
>
> Ian

Ian:

Try moving your clearing division outside of the closing  for 
*main-content*, but before the closing  tag for *wrapper*.

That appears to do the trick without changing the CSS in WinXP/SP2 + 
IE7/FF2.0/O9.02

Cheers,

Peter
www.fatpawdesign.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Box model -I am being really stupid here

[Peter Hyde-Smith]

> Hi list
> I know this is a basic question which I should be able to work out, but I
> just cannot see where I am going wrong.
>
> content div is inside wrapper which, should stretch to encompass the
> content - does in IE7 but not FF. Been trying to sort out client site for
> some time now. Basic template for simplicity is at. You will see the 
> border
> at the top of the page in FF - this is border-bottom.
> http://www.iyesolutions.co.uk/templates/css/test-css.php
>
> Any help on a Friday gratefully received.
>
> Cheers
>
> Ian

05/11/2007

Ian:

You are not being stupid at all. I think the behavior is because the 
wrapper's contents are floated, which removes them from the flow somehow. If 
you take the float off of the *main-content*, the wrapper expands to contain 
it and the border moves to the bottom.

There is a work around, but I can't remember off of the top of my head what 
it is. You can add a bottom border to *main-content* that will show up where 
you want it, but the wrapper still does not expand.

I'll keep chipping away at it.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menu problem - ie 7 - testers needed

[Peter Hyde-Smith]

From: "Jennifer Gardner" <[EMAIL PROTECTED]>
To: "CSS List" 
Sent: Thursday, May 03, 2007 2:17 PM
Subject: [css-d] drop down menu problem - ie 7 - testers needed


> Hello,
>
> I do not have IE 7 but I think it might not like my CSS drop down menu. 
> It works fine in IE 6 and in Firefox.  Could someone with IE 7 test it for 
> me and tell me if the drop downs do not stay droped down?  Also, if it is 
> an IE 7 issue (or really even if it is not :-)), I would welcome and 
> appreciate any suggestions, tips or fixes for this problem.
>
> The site is http://www.gns-abilene.com/
>
> Thank you,
> Jennifer
>

Jennifer:

Briefly, the persistance of the drop down menus in IE7/WinXPSP2 is 
intemittent. Sometimes they work, sometimes they don't. Problem occurs at 
different text sizes and zoom levels.

I was originally thinking it was the padding on the *ul* or *li* elements 
causing too much space between the *a* elements, but you've got the 
visibility dependent on hovering over the *li*, not the *a*.

Perhaps the margins or padding are causing too much space between the hidden 
*ul*'s. What about increasing the line height on the *ul*'s instead of 
padding; or what about putting the *ul li ul* IE fix before the visibility 
declarations? Or what about getting Chrs Pederick to write a Web Developer 
Toolbar for IE as well as Firefox !!! :-)

Regardless, the site looks very nice in IE&, FF2.0, and O9.2. Good job and 
good luck.

Cheers,

Peter
www.fatpawdesign.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Intermittent IE6 bug -- disappearing text

[Peter Hyde-Smith]

From: "D. D. Brierton" <[EMAIL PROTECTED]>
Sent: Wednesday, May 02, 2007 9:29 AM
Subject: [css-d] Intermittent IE6 bug -- disappearing text

> A user has reported an IE6 problem with this site,
> http://www.82ask.com/public/outside/what_is_82ask
> and kindly supplied a screenshot:
>
> http://www.dzr-web.com/ATT00107.jpg
> Unfortunately we absolutely cannot reproduce the problem here, even
> though we have several virtual machines with IE6:
>
> http://www.dzr-web.com/Screenshot-VMware_Workstation.png
>
> As I can't reproduce the problem I'm at a bit of a loss as to how to
> proceed fixing it.
>
> Thank you very much in advance.
>
> Best, Darren
>

Darren:

I don't have IE6, but looking through the code, was wondering if any of the 
content, or how the content is displayed, is generated via the Javascript? 
If so, maybe it has something do do with the user's Javascript settings. 
Does the text ever (re)appear? Is the text present under the high contrast 
setting?

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] What would you do to get three column list?

[Peter Hyde-Smith]

- Original Message - 
From: "Robert Lane" <[EMAIL PROTECTED]>

Subject: [css-d] What would you do to get three column list?


> So I am given a word document for web content and the text is layed out
> as a three column type list.  Would you just throw it in a table or how
> would you do it in css without table?
>
> The list looks like this:
>
> Evaluation and treatment by licensed Speech-language Pathologists
> specializing in Brain Injury in the areas of:
>
> SwallowingAttention/ConcentrationMemory
> Processing Speech Fluency Reading
> Language ComprehensionPragmatics   Writing
> Verbal Expression   Problem SolvingVoice
>
> What would other folks do?
> __

04/22/2007

Robert:

First place to go is the list wiki. Check these out.

http://css-discuss.incutio.com/?page=ThreeColumnLayouts
http://www.positioniseverything.net/piefecta-rigid.html

Is your document a table, or three columns of descriptive text, with 
headings as shown? If the latter, shouldn't need or use a table. A CSS 
layout is the right way to do this.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] text not wrap around images

[Peter Hyde-Smith]

- Original Message - 
From: "Mandy" <[EMAIL PROTECTED]>

Subject: [css-d] text not wrap around images


> Hi,
> I wonder if anyone could help me please. On the page
> http://www.ageconcerngillingham.org.uk/ageconcare.html, I have two
> images "hairdryer" and "cutefoot". I do not want the text to wrap around
> them but stay on the right hand side of them. I thought I had to put
> "clear:left" somewhere?? but I'm not sure where. I've tried to look it
> up but couldn't quite understand what I had to do. The css is at
> http://www.ageconcerngillingham.org.uk/ageconstyle.css. Thank you so
> much for helping.
>
> Mandy
>

04/23/2007

Mandy:

Looks nice do far. In FF2/WinXP and O9.20/WinXP text does as you say. In 
IE7/WinXP, the site is broken, the right col drops below the center col. 
Probably something to do with their widths, including borders. You probably 
need to have the total % widths add up to 98% or so.

Regarding the text wrap, if I reduce the font size, the text stays where you 
want it. I think to avoid doing the text wrap, you're going to have to do 
some creative floating. Dan Cedarholm, in Chapter 4 of Bulletproof Web 
Design, deals with a case very similar to yours (The book was a very 
worthwhile read for me, at least. Highly recommended.) Each title, image, 
and descriptive text is set up as part of a definition list,



title
image
text

 with more dl's as needed...


In the CSS, he fixes the IE/Win double margin bug; fixes the IE/Mac width 
bug; floats the  and  as well as the  and  elements, in 
order to use Eric Meyer's techinique of Setting a Float to Fix a Float; etc.

Let us know what you come up with.

Cheers,

Peter
www.fatpawdesign.com





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please, picture links added

[Peter Hyde-Smith]

- Original Message - 
From: "Gunlaug Sørtun" <[EMAIL PROTECTED]>
To: "Peter Hyde-Smith" <[EMAIL PROTECTED]>
Cc: <[EMAIL PROTECTED]>
Sent: Sunday, April 15, 2007 11:35 AM
Subject: Re: [css-d] site check please, picture links added


> Peter Hyde-Smith wrote:
>> http://test.fatpawdesign.com/
>
>> Above URL links to page with picture links that show what I mean.
>
> I suggest you add a 'hasLayout' trigger...
> #pageheader {height: 100%;}
> ...but I can't check if that'll make IE7 clear properly.
>
> regards
> Georg
> -- 
> http://www.gunlaug.no

Georg:

Thanks. That did it.

Ever tempted to put at the begining of the CSS declarations,

*{height: 100%;}

 :-)

Cheers,

Peter


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please, picture links added

[Peter Hyde-Smith]

http://test.fatpawdesign.com/

Sorry about lack of clarity regarding problem. Above URL links to page with 
picture links that show what I mean.

Cheers,

Peter

- Original Message - 
From: "Peter Hyde-Smith" <[EMAIL PROTECTED]>
Subject: [css-d] site check please,need help with lower nav in header in 
IE7/WIN XP


> http://test.fatpawdesign.com/purm/purm.aminepolyols.html
> http://test.fatpawdesign.com/purm/purmbaseformatcss.css
> http://test.fatpawdesign.com/purm/purmpagecss.css
>
> In FF and Opera in Win XP; and in FF, Opera, and IE6 in Win2K the
> h3.titlerow clears the floated dl#pagenav above it, so the blue background
> of it and the blue background of the a.youarehere nav tab appear as a 
> unit,
> and the rest of the dl#pagenav shows the #111 background behind it. In IE7
> in Win XP the h3.titlerow does not clear the floated dl#pagenav. Its 
> height
> seems to extend to the bottom of the Raw Material Guide - Polyols
> above, and its blue background shows through dl#pagenav. Any suggestions? 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check please, need help with lower nav in header in IE7/WIN XP

[Peter Hyde-Smith]

http://test.fatpawdesign.com/purm/purm.aminepolyols.html
http://test.fatpawdesign.com/purm/purmbaseformatcss.css
http://test.fatpawdesign.com/purm/purmpagecss.css

In FF and Opera in Win XP; and in FF, Opera, and IE6 in Win2K the 
h3.titlerow clears the floated dl#pagenav above it, so the blue background 
of it and the blue background of the a.youarehere nav tab appear as a unit, 
and the rest of the dl#pagenav shows the #111 background behind it. In IE7 
in Win XP the h3.titlerow does not clear the floated dl#pagenav. Its height 
seems to extend to the bottom of the Raw Material Guide - Polyols 
above, and its blue background shows through dl#pagenav. Any suggestions? I 
can change the nav bar background to #111, but the blue still shows through 
on the left edge due to the intentional 2px offset. If I stick an empty h3 
element, all of which in the header have clear: both applied, the problem is 
eliminated but others crop up. If I move the h3.titlerow oustide of the 
div#pageheader, it clears okay, but then the dl#pagenav background shows as 
white. Meh... BTW, the invalid CSS is from the Yahoo UI CSS font reset .

Any help on this (and in other places) is greatly appreciated.

Thanks in advance. Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check please

[Peter Hyde-Smith]

Subject: [css-d] Site check please
>I have tested on IE 5.5, 6, and 7...the current versions of Firefox and 
>Opera. Could someone please test on older browsers and the Mac please?
> http://www.servcon.net/new/index.htm
> TIA,
> Jeralyn

03/28/2007

Jeralyn:

Looks good in Safari and Firefox on the three available resolutions on our 
e-mac. Validates XHTML 1.0 strict; a couple of CSS validation errors you may 
want to check out.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Column won't budge and HTML validates

[Peter Hyde-Smith]

Regarding Pierce Art and Design

> Also, it does validate, HTML wise...but the CSS validator claims
> there's a problem and won't let it go through.
>
> It claims this problem:
> Target: http://pierceartanddesign.com/NewFiles.html/pages/aboutus.html
>
> Please, validate your XML document first!
> Line 152
> Column 50
> Element type "a" must be followed by either attribute specifications,
> ">" or "/>".
> But I don't see it.
> Help is greatly appreciated!
>
> Dave
>

Dave:

http://www.lorettobern.org/";>The Bernardine Retirement 
Community

Regarding this bit (some real guru will have to do the first), I get the 
same validation error. In CRIMSON EDITOR, all I can see is that in the 
associated  tag, you have an extra space inbetween the 'a' and the 
'title', and no space between the end of the title and the 'http' reference. 
Maybe the validator is having problems because of that. Notice how Outlook 
Express interprets that syntax above!

Maybe try re-typing the , or stick in a carriage return before it, in 
your editor; but I think the lack of the space is the culprit.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I give up! Why does this not center in FF at 800 x 600?

[Peter Hyde-Smith]

> Can anyone put me out of my misery?
> The following site is centered in IE, but at 800 x 600 in Firefox it jumps
> about 120px to the right after it loads.
> http://www.helenmottee.com/
> The css isn't that tight, since I built on top of a previous theme, but I
> cannot figure this out. Can you?
> Thanks!
> - Adam

02.11.07

Hello, Adam:

You're centered at 800 x 600 in FF2.0/WIN XP for me, at least!

Validating gives an error here, did you mean to make "recents" a  and 
"menutitle" something else?

 
Recent Posts

  Helen
 
and other Christian artists perform at the Micah Network 
Consultation
  

Also, you're missing an alt attribute for your .jpg image. There are also 
some errors in your CSS. Fix these errors, and maybe that will resolve what 
you're seeing.

If you aren't using it, snag Chris Pederick's web developer toolbar for FF 
at, http://chrispederick.com/work/webdeveloper/

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Validation Error: Content is not allowed in prolog.

[Peter Hyde-Smith]

- Original Message - 
From: "Blake" <[EMAIL PROTECTED]>
> Hi guys,
>
> I just got a very strange CSS error when validating
> .
>
> The CSS Validator comes up with the following error:
>
>Target: http://www.blakehaswell.com/blog/
>Please, validate your XML document first!
>Line 1
>Column 1
>Content is not allowed in prolog.
> I have never seen this error before and have no idea how to fix it. Any 
> ideas?
> Australian Web Designer - http://www.blakehaswell.com/

Blake:

It validates for me XHTML 1.0 Strict in FF2.0/WINXP, with warning,
  Byte-Order Mark found in UTF-8 File.

  The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause 
problems for some text editors and older browsers. You may want to consider 
avoiding its use until it is better supported.

Google gives, http://www.ozzu.com/ftopic68872.html

It may be you browser or text editor that's causing the problem.

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] PU test page check and help please

[Peter Hyde-Smith]

http://test.fatpawdesign.com/purm/purm.podiols.html

Would appreciate a quick check of this test page; and help with the CSS to 
get the cells in the Product and Description columns to left-justify, while 
leaving all of the cells in the header row centered. And, is there a better 
way to assign a specific width to certain columns besides 'classing' the 
cells in the header row (which seems to work just fine right now, but 
clunky)?

Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check

[Peter Hyde-Smith]

From: "Miriam Battersby" <[EMAIL PROTECTED]>
Sent: Monday, May 29, 2006 7:15 PM
Subject: [css-d] Site Check
> Not quite finished yet but would welcome comments.
> http://www.mimbee.net/test/index.htm

05/29/2006

Miriam:

In WinXP-SP2 with 1024x768 screen resolution...
IE7.0-Beta2 at medium text size all is well; at smallest the same; at
largest the nav tabs start to impinge on the image below.
FF1.5 at medium text size all is well, as at smallest; at larger, the page
tag wraps, which is okay, and the tabs start to impinge on the image below;
at largest, the tabs wrap an things look rather unruly.
O9.00Beta at medium size and smaller, all is well; at any larger zoom the
layout tidy but outgrows its background.

In all the browsers at medium text size, the background shrinks
disproportionately faster than the content boxes; looks worst in Opera.

IMO, there is too much green space between the elements; the shadows
underneath the nav boxes could use a little more contrast, as could the blue
text within the boxes. Maybe #63abcd for the  and #77ee99 for . Also, I would set the body text to "medium" and tweak the font sizes
elsewhere (follow postings by Felix Miata, etc; and read the CSS-Discuss
wiki regarding font-size psychology and accessibility). Some old men like me
have problems reading the smaller text. Especially those using 1280 x 1024
screen resolutions. Line height to 1.4 - 1.6 ... 1.8 seems a too spread out.
But that's just me.I am sure others will do some digging into your code.

For me, the first impression on opening the page is quite nice.

Best Regards and Cheers,

Peter
www.fatpawdesign.comSupported by evolt.org --  
http://www.evolt.org/help_support_evolt/ 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check please

[Peter Hyde-Smith]

From: "Pat" <[EMAIL PROTECTED]>
Sent: Sunday, May 28, 2006 10:16 PM
Subject: [css-d] site check please


> Hello,
>
> Could someone have a look at a site that I've rebuilt. It is my first
> attempt at a proper website since starting to learn XHTML and CSS last
> year.
> I've put the complete site here temporarily:
> http://www.wonderweb.co.nz/index.html
> Anyway, I've rebuilt the National New Zealand Singing School web site
> and I'm having problems getting it to resize properly in IE6 and FF. The
> left hand column sticks up into the header when it's made bigger and
> when resized smaller, a gap appears between the column and the header.
> Also, I've had to make the column a different height on every page so
> that it will reach the bottom of the page in IE, which invariably makes
> the column too long in FF. I think it's to do with the left column being
> absolute instead of relative, but when I try to rectify it by changing
> the css to position: relative, and in the html file moving the div to
> different positions, it just seems to make matters worse.
> If anyway has any suggestions I would be most grateful.
>
> Pat

Welcome, Pat:

Yes, I am pretty sure you are right aboout the overlap/gap being caused by 
the absolute positioning. You have the  positioned 
absolutely relative to the , fixed 102px below the top of the page. 
When the header box expands with the text to a size greater than 102px, the 
overlap occures. When the header box shrinks with the text to a size smaller 
than 102px, the gap occurs.

Try adding, let's say,  after the , and close it before  in the html. Add 
.innerwrapper{ position: relative;} to the core.css, and change 
.leftcolh to {...position: absolute; top:0...} in the home.css, and see what 
that does. That way the  is positioned relative to 
what is essentially the bottom of the .

I am sure you will get suggestions about floating the leftcolh. IE can be 
fickle about absolute positioning; something about having to explicitly 
declare position: relative on the element it's positioned by...but I may be 
FOS. Also, you may want to position the nav list using em units from the 
top, rather than px.

The positioning is probably causing the the column length problems as well. 
You could nest another division inside the innerwrapper, but closed before 
the . Make the innerwrapper background color the same 
as the column color and make the background coloe of the nested div white, 
or whatever. That way the gap between the column and the footer is the same 
color as the column. I think...

It's 12:30 a.m. GMT minus 6, so my brain is rather fuzzy at this point. I 
hope this makes some sense.

Good luck and Cheers,

Peter
www.fatpawdesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why is IE doing that to me ?

[Peter Hyde-Smith]

Victor wrote:

Subject: [css-d] Why is IE doing that to me ?
> Everything looked nice in Firefox, until I've decided to see how it is
> doing IE will ; one conclusion : I should have worked in the both
> browser since the beginning.
> I've never had this kind of error before with floats,
> http://www.surprises.tg/newsletter/administration.html and
> http://www.surprises.tg/newsletter/administration2.html
> What's is going wrong ?
> Victor n.

Victor: As a number of people have eluded to in response to your prior 
postings, you should run your code through a validator to pick up obvious 
errors. At the very least, you are missing a "/" in a " closing tag. 
That may be enough to throw the whole bit off.

 .
Tel
 <- here.

IMO, you may want to loosen up your clamp on the font sizes.see the 
list -wiki. Otherwise, colors and layout are very pleasing.

Cheers, Peter
www.fatpawdesign.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] List Menu CSS and Firefox

[Peter Hyde-Smith]

- Original Message - 
From: "Karl Camenzuli" <[EMAIL PROTECTED]>
To: 
Sent: Thursday, April 13, 2006 5:12 AM
Subject: [css-d] List Menu CSS and Firefox


> Hi All
> This is my fist posting :) and I am quite new to developing without tables
> I have an issue with firefox not accepting my CSS on a list box, my 
> example
> is at http://web25.s112.typo3server.com/273.0.html
> Any help on this would be great
> Thanks
> Karl

Welcome, Karl:

It may not be your CSS. The W3C validator is showing 25 errors. Perhaps 
resolving these would let the CSS do its magic.

Best Regards,

Peter
www.fatpawdesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] table layout to css conversion

[Peter Hyde-Smith]

David Laakso wrote...

>I am converting this site  from tables to
> css; and, I'm a little reluctant to go further without some feedback.
> Your comments on any aspect will be appreciated.
> There is only one clickable link:
> Read on...> (bottom of left column)
> The uri is: 
> Thanks.
> ~davidLaakso

04/12/2006

David:

The fonts are great, maybe a little more spacing between letters in some 
sections.
The color is fine; maybe a little dirtier, but not darker. I don't see pink; 
I see red-leaning beige.
CJ is right, to me, regarding vertical space. Too much vertical scrolling. 
Seems you could get this part of the site onto one 1024 x 768 page.

WINXPsp2 at 1024x768:
1. FF 1.5.0.1 zoom +2x looks good, columns don't break; zoom -2x small text 
gets somewhat fuzzy; styles off looks good.
2. Opera 8.5.1 no zoom, text looks somewhat squished vertically; zoom both 
ways makes column border images go wonky, but columns remain intact, +2x 
makes site unviewable, as whole kit-and-kaboodle is made larger, not just 
text; -2x text is unreadable to me; styles off looks good. By the way, the 
site looks swank on small screen; write a version for accident-prone cell 
phone users?!?
3. IE 7.0beta2 text size largest looks good; text size smallest gets 
somewhat fuzzy.

My design-crippled mind says,

Move the lion image top left. Then the Rackmann, Sawyer & Brewster box 
against it, lining the "R", "S", and "B" vertically, fancify them and get 
rid of the RSB initials. "counsellors at law" and nav list directly under 
names, still right of image. Is "counsellors" mis-spelled?
Columns as is, but  in left column needs more right margin.
Address and disclaimer centered as is, but disclaimer and "links to..." need 
more width (65%?)
To me, RSB's inclusion of the Rackmann Strategic Consulting reference 
immediately begs the question "what is it?", yet seems too cryptic to 
warrant clicking on to discover the answer. Maybe a short description of the 
service is in order.

But what do I know?

Best Regards,

Peter
www.fatpawdesign.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css header how-to?

[Peter Hyde-Smith]

Will Wyatt wrote...
>I give up. I'm developing at http://dev.highlandchurch.org/ I can't
> figure out where the space below the two images is coming from. Any
>

03/27/2006

Will:

Start by validating your HTML and CSS. Then check the margins and paddings 
of the 's, 's and 's of the area in question. IMO, you've quite 
the abundance of HTML and CSS for the job at hand. Regardless, the layout 
looks quite nice.

Best Regards,

Peter
www.fatpawdesign.com
www.baywerks.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check: bayone tech article page(s) in IE6/WINNT or 2K

[Peter Hyde-Smith]

> Peter Hyde-Smith wrote:
>> http://www.baywerks.net/bayonetags/tag50118.20060223/B150118nucleationstudy.html
>> http://www.baywerks.net/bayonetags/tag50118.20060223/Photolink.50118.0828.1205051.html
>> http://www.baywerks.net/bayonetags/tag50118.20060223/B1PIB50118.html
>> Appreciate feedback, especially for IE6/WINNT or 2K
>> And some brave soul to load the first on a 56K dial up, as it's ~400K 
>> worth
>> of text and thumbnail images, and let me know how long it really takes.

Zoe wrote-
> I'm on WinXP, but I don't see any problems on IE6 here.
> BTW, you can simulate slow modems with this tool:
> http://www.dallaway.com/sloppy/
> Zoe

>francky wrote-
Don't have WinNT or 2K. - The online speed rapport of
WebsiteOptimization.com tells: 81.48 seconds loading time on a 56kbps
modem ...See over here 
<http://www.websiteoptimization.com/services/analyze/wso.php?
But there is light in the tunnel:
1. The images can be lossless compressed, see testpage over here
<http://home.tiscali.nl/developerscorner/css-discuss/test-compressing-jpg.htm>.
2. Then combining the images, and putting them as background-images on
the page (with different background-positions) can save some
http-requests and gets rid of empty spaces in the tcp/ip-packets coming
down: also contributions to speed 'm up.
3. In the (normally spoken) visited page just before this one, you can
preload (a part of) the images by placing them just before the end of
the , as hidden images (a  with {margin-left: -px}).

>david wrote-
Put the nav under the header images with lead (margin) under so it's not
to tight to first heading. Ditch the double rule border on it. Set the
the color for the links to the blue you've used elsewhere instead of
gold, and use black on hover-- not red.

Thanks for taking a look and for your assistance. The pages are finished (as 
finished for a meddler as it gets). I have some accessability issues to deal 
with, namely offering an option for text only pages. I recompressed the 
images and got the tech article down to ~170K from ~400K! Thanks also to 
Georg for insightful answers to my questions regarding links. And special 
thanks to David Laakso for the color scheme. I think its ace, as does she 
who must be obeyed. Initial feedback from those up the food chain at work is 
very positive. Any mistakes or anything  that looks naff is my fault alone.

Cheers,

Peter 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site check: bayone tech article page(s) in IE6/WINNT or 2K

[Peter Hyde-Smith]

03/14/2006

Okay, my eyes are going buggy,

http://www.baywerks.net/bayonetags/tag50118.20060223/B150118nucleationstudy.html
http://www.baywerks.net/bayonetags/tag50118.20060223/Photolink.50118.0828.1205051.html
http://www.baywerks.net/bayonetags/tag50118.20060223/B1PIB50118.html

Appreciate feedback, especially for IE6/WINNT or 2K

And some brave soul to load the first on a 56K dial up, as it's ~400K worth 
of text and thumbnail images, and let me know how long it really takes.

The CSS is here...

http://www.baywerks.net/bayonetags/tag50118.20060223/B1baseformatcss.css
http://www.baywerks.net/bayonetags/tag50118.20060223/B150118nucleationstudypagecss.css
http://www.baywerks.net/bayonetags/tag50118.20060223/B1PIBcss.css

Finally, I'd appreciate some design suggestions off-list for what to do with 
the ugly, but necessary nav (I almost wrote nag) box on the bottom of the 
pages. One thought is to bring the  into the main body, yet it still 
looks ugly to me.

Cheers,

Peter
(spoiled on uberfast cable connection)
www.fatpawdesign.com
www.baywerks.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Baywerks site check please

[Peter Hyde-Smith]

2006/03/07

Hey All,

I'd appreciate a quick check of http://www.baywerks.net/index.html 
especially using IE 6, and Win2K and WinNT. Also 
http://www.baywerks.net/bayonetags/tag50118.20060223/B1LLC50118nucleationstudy.html
 
and http://www.baywerks.net/bayonetags/tag50118.20060223/B1PIB50118.html No 
particular issues, just looking for obvious faults.

I was finally asked by my day job to post some of my technical work for our 
customer's viewing pleasure.

Finally, can someone explain why, in 
http://www.baywerks.net/bayonetags/tag50118.20060223/Photolink.50118filters.121505.html
 
for example, the return to article link in the upper right is not underlined 
in Opera 8, but is in IE6 and Firefox.

Cheers,

Peter
Fat Paw Design
http://www.fatpawdesign.com/ 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site check please,fat paw design site redesign

[Peter Hyde-Smith]

2006/02/20

Hello, All:

I'd appreciate a site check of the redesign of my website, fat paw design.

http://www.fatpawdesign.com/index.html
http://www.fatpawdesign.com/fpdbaseformatcss.css
http://www.fatpawdesign.com/fpdpagecss.css

I am particulalry interested in how resizing the view-port, text size, and 
screen resolution affects the site. Any and all criticism and suggestions 
are wlecome.

Thanks in advance,

Peter

Peter Hyde-Smith
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bullets in IE

[Peter Hyde-Smith]

> Hope someone can see a really quick thing that I'm obviously doing wrong.
>
> Thanks
>
> Vicki

Vicki:

You should also validate your markup and CSS; the W3C validatior shows 
errors in both.

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Best Regards,

Peter 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bullets in IE

[Peter Hyde-Smith]

Vicki Stebbins wrote

>
> I've going in circles trying to figure why IE is putting bullets in the li
> on this page
> http://www.4wdnsw-act.org.au/test_gallery.php
> CSS here: http://www.4wdnsw-act.org.au/styles/gallery.css
>
> It works fine in FF, looked up the books I have etc and just cannot get it
> working correctly in IE.
>
> Hope someone can see a really quick thing that I'm obviously doing wrong.
>
> Vicki
>

Vicki:

I cut and pasted all of your code into Crimson Editor, saved it onto my 
desktop and opened in IE 6.0...and no bullets. The bullets are still in the 
page on the website, in the same browser, though.

I'd start by adding at the end of the gallery.css,

.title li{
list-style: none;
}

.poster li{
list-style: none;
}

.description li{
list-style: none;
}

to see if that takes care of it, and work backwards from there...

I've had problems with IE getting all of this type of CSS declaration,

#gallery, #gallery li.title {
display: block;
list-style: none;
text-align: center;
font: bold 12px verdana, arial, helvetica, sans-serif;
 line-height: 19px;
color: #000; /* this changes the colour of the title of the photo*/
}

applying the styles only to #gallery, not to both...although you would think 
the list-style: none; would apply to all of #gallery.

Cheers,

Peter

[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check Please - udrise.udayton.edu

[peter hyde-smith]

Joe Otten wrote,


>I saw the page viewed in FF 1.0 and it had some serious layout issues.  I
> was wondering if others could spot any issues with code, layout, etc.
>
> Site: http://udrise.udayton.edu/index.asp
>
> CSS: http://udrise.udayton.edu/style.css
>
>
> Thank you,
> -Joe

Joe:

Looks very nice in FF 1.5, actually; but XHTML validator shows you are 
missing a 'space-backslash' in the image tag at the end of your document.
Should be...

hit counter" border="0" />

..., yes?
Then validate the CSS to make sure it's in order.

Peter 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how to make LI text justify to the right of the bullet?

[peter hyde-smith]

- Original Message - 
From: "Francesco" <[EMAIL PROTECTED]>
Subject: [css-d] how to make LI text justify to the right of the bullet?


>I guess I've never had to deal with LI text long
> enough to wrap to the second line.  Now I notice that
> the second line begins under the bullet and not
> justified to the same place as the first line of text.
> Any way to fix that?
>
> Francesco
>

Francesco,

As Phillipe said, check the list-style-position property. See also, 
http://www.w3schools.com/css/pr_list-style-position.asp

With a declaration such as,

ul{
list-style-position: outside;
}

the first line of the list text would start to the right of the bullet; 
subsequent lines would wrap with their left edges aligned with that of the 
first.

In your CSS declaration,

ul.box {
  list-style-type: square;
  list-style-image: none;
  list-style-position: inside;
}

the list-style-position: inside; declaration causes the effect you describe. 
The first line of the list text would start to the right of the bullet; 
subsequent lines would wrap beneath the bullet, with their left edges 
aligning with its left edge.

The site looks very nice in Firefox 1.5 / Windows XP - SP2. Works with the 
sytles off, the text size doubled, and the screen resolution set at 2180 x 
1024.

Cheers,

Peter

Peter Hyde-Smith
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] site(s) check

[Peter Hyde-Smith]

06/27/2005

Hi All:

A couple of site checks, please.

First is,

http://www.fatpawdesign.com/
http://www.fatpawdesign.com/fatpawdesigncss.css

Second is,

http://www.fatpawdesign.com/lefnp/LEFNPrenovationhtml.html
http://www.fatpawdesign.com/lefnp/LEFNPrenovationcss.css

Both: XHTML validates 1.0 strict, CSS validates

WARNING: THE LEFNP PAGES CONTAIN MULTIPLE IMAGES AND ARE 500K IN SIZE.

Thanks in advance. Cheers,

Peter
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/