Re: [css-d] dupe char mimic

[Gunlaug Sørtun]

David Laakso wrote:
> 

> Now what I'll do (other than get an eye exam)?

I suggest you delete the "h" you've left in the markup...

h

...as it won't go away otherwise.

meow
Molly 'the cat'
-- 
http://www.gunlaug.no
__
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] dupe char mimic

[David Laakso]

Gunlaug Sørtun wrote:
> David Laakso wrote:
>> 
>
>
> I suggest you delete the "h" you've left in the markup...
>
> h
>
>
> meow
> Molly 'the cat'


Good grief. So much for Tidy and the w3c markup validation service.
Thanks Georg and Kathy

-- 

A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.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/

[css-d] dupe char mimic

[David Laakso]

OS/Browsers: all
Reproduce:
-- scroll down to "Portfolio 4"
-- click tab "02"
-- letter "h" appears above top-left corner of the ochre image

Now what I'll do (other than get an eye exam)?

-- 

A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.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] iFrame and z-index

[Gunlaug Sørtun]

Ray Costanzo wrote:

> [...] I am not able to click either button, whereas I am expecting to
>  be able to click the one with z-Index of 20.

> http://test.lane34.com/css-discuss/zindex.asp

A 'z-index' only affects positioned elements, and your input elements
are not positioned.

Add 'position: relative' to those inputs, and they'll be stacked in the
intended order.

regards
Georg
-- 
http://www.gunlaug.no
__
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] not exactly centred

[Kathy Wheeler]

>> I bet I know what the color matching problem is.  I just went   
>> through a
>> BIG learning curve because of this issue.  I think it's that  the  
>> image
>> was saved with a Color Profile attached/embedded.  Almost  all  
>> browsers
>> ignore color profiles, but Safari pays attention to  them.


You can make Firefox pay attention too:
http://tinyurl.com/6tceu5

And you can check it works here:
http://www.gballard.net/psd/saveforwebshift.html

Desaturated, washed out images in browsers is not only annoying, but  
hard to explain to clients when their supplied images loose their  
"brilliance". At least colour/color management is starting to  
infiltrate browserland and may one day become widespread ...

Cheers,
KathyW.


__
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] 1px jog help

[Rolland Burn]

very oddi checked the site in my vmware PC IE7 & IE6, Firefox and  
it looks fine.  On my MacBook however the site shows the jog not in  
Firefox 2, but in Firefox 3 and Safari 3.2.1.  I've heard that this  
jog was introduced to firefox3 but the safari jog is strange.  Any  
idears?
__
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/

[css-d] iFrame and z-index

[Ray Costanzo]

Hi list,

I'm trying to overlay an iFrame on top of some content in a page, and make 
it such that the iFrame is actually kinda woven in, on top of some elements 
and under others.  I put up a sample page that contains an iFrame with a 
z-index of 10 overlaid on top of two buttons, one with a z-index of 1, and 
the other with a z-index of 20.  I am not able to click either button, 
whereas I am expecting to be able to click the one with z-Index of 20. 
Tested in FF3, IE7, and IE8 RC1.

This is the sample page:  http://test.lane34.com/css-discuss/zindex.asp

Thank you,

Ray 


__
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] 1px jog help

[Ian Young]

> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of rollandburn
> Sent: 11 March 2009 15:57
> To: Gunlaug Sørtun; Bill Brown
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] 1px jog help
> 
> Thanks for the speed!  I've made the suggested changes and am seeing
> the jog still in firefox 3.0.7.  It is most apparent just above the
> logo in the header when the window is resized slowly.  Hmm... any
> other thoughts?

You might try fixing slight CSS error - line 13, width needs a parameter.

Cheers

Ian

www.iyesolutions.co.uk

__
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] 1px jog help

[Jack Timmons]

On Wed, Mar 11, 2009 at 10:56 AM, rollandburn  wrote:

> Thanks for the speed!  I've made the suggested changes and am seeing
> the jog still in firefox 3.0.7.  It is most apparent just above the
> logo in the header when the window is resized slowly.  Hmm... any
> other thoughts?
>
>
Validate.

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.flexcomp.ca.php5-10.websitetestlink.com%2F

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
__
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] 1px jog help

[rollandburn]

Thanks for the speed!  I've made the suggested changes and am seeing  
the jog still in firefox 3.0.7.  It is most apparent just above the  
logo in the header when the window is resized slowly.  Hmm... any  
other thoughts?

On 11-Mar-09, at 11:35 AM, Gunlaug Sørtun wrote:

> rollandburn wrote:
>> I have a layout that is falling victim to the 1px jog in firefox and
>> wonder if there is somebody could lend a hand.  The testing url is 
>> http://www.flexcomp.ca.php5-10.websitetestlink.com/
>
> Your layout is falling victim to a "designer induced bug" :-)
>
> Set margins/paddings to zero on all sides on body - not '0 0 0 1px' as
> you have now, and it'll be fine in all browsers.
>
> regards
>   Georg
> -- 
> http://www.gunlaug.no

__
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] 1px jog help

[Gunlaug Sørtun]

rollandburn wrote:
> I have a layout that is falling victim to the 1px jog in firefox and
>  wonder if there is somebody could lend a hand.  The testing url is 
> http://www.flexcomp.ca.php5-10.websitetestlink.com/

Your layout is falling victim to a "designer induced bug" :-)

Set margins/paddings to zero on all sides on body - not '0 0 0 1px' as
you have now, and it'll be fine in all browsers.

regards
Georg
-- 
http://www.gunlaug.no
__
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] not exactly centred

[Sandy]

> I bet I know what the color matching problem is.  I just went  through a 
> BIG learning curve because of this issue.  I think it's that  the image 
> was saved with a Color Profile attached/embedded.  Almost  all browsers 
> ignore color profiles, but Safari pays attention to  them.

>> http://sandyfeldman.com/proposal/nathanieldett/test1.php
>> http://sandyfeldman.com/proposal/nathanieldett/nd_home.css

Theophan - you were right. Thanks so much! I really appreciate you 
sharing what sounds like what must have been some pretty  hard won 
information.

Sandy
__
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] 1px jog help

[Bill Brown]

rollandburn wrote:
> Hi everyone, I have a layout that is falling victim to the 1px jog in  
> firefox and wonder if there is somebody could lend a hand.  The  
> testing url is http://www.flexcomp.ca.php5-10.websitetestlink.com/

Changing the margin-left to -1px on the body worked for me in Firebug:
body{
background:#00 url(/assets/interface/bg_body.jpg) repeat-y scroll 50% 0;
color:#33;
font-family:Arial,sans-serif;
font-size:0.84em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:0 0 0 -1px;
padding:0 0 0 1px;
}

Does that do what you need?
--Bill

-- 

__
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/

[css-d] 1px jog help

[rollandburn]

Hi everyone, I have a layout that is falling victim to the 1px jog in  
firefox and wonder if there is somebody could lend a hand.  The  
testing url is http://www.flexcomp.ca.php5-10.websitetestlink.com/

I understand a popular solution is to house the body's background  
image in a 100% high container instead.  While this seemed to work for  
the vertically repeating image, the use of the next background image  
at 1600px wide created a very wide site.  Maybe I just didn't  
implement it properly or could be doing this another way?  Thanks for  
any input.

__
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] not exactly centred

[Christian Kirchhoff]

As far as I can see the default margin-left of the body pushes the 
div.container a couple of pixels to the right.

If you define margin-left: 0; for the body, then the centering is better.

Regards,

Christian
*Editura Gesellschaft für Verlagsdienstleistungen mbH*
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de
AG Berlin-Charlottenburg · HR B 81823 · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski


Sandy schrieb:
> hey all,
>
> I am having a few problems with this page, and I hope you can help.
>
> these are the tests I am looking at:
> http://www.browsercam.com/public.aspx?proj_id=464449
>
> this is the page and the style sheet:
> http://sandyfeldman.com/proposal/nathanieldett/test1.php
> http://sandyfeldman.com/proposal/nathanieldett/nd_home.css
>
> BIG PROBLEMS
> In a few browsers the content isn't exactly centred. In an 800 x 600 
> window there is a bit of background on the left, none on the right. This 
> really looks bad in IE7, where the right side is a bit cut off.
>
> I know I can narrow the box a bit, but it looks so small already on a 
> bigger monitor that I would just like to shove it over a few pixels to 
> the left. Why isn't it centred? How do I move it?
>
> IE8 does not seem to display the tiling background.
>
> SMALLER PROBLEM
> Safari on a mac - the image background colour doesn't match the 
> background colour. PC version of Safari looks ok. Actually, all the 
> other browsers I've tested look ok. Any idea of what I can do about this?
>
> thanks everybody.
> Sandy
> __
> 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/
>   
__
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/

[css-d] not exactly centred

[Sandy]

hey all,

I am having a few problems with this page, and I hope you can help.

these are the tests I am looking at:
http://www.browsercam.com/public.aspx?proj_id=464449

this is the page and the style sheet:
http://sandyfeldman.com/proposal/nathanieldett/test1.php
http://sandyfeldman.com/proposal/nathanieldett/nd_home.css

BIG PROBLEMS
In a few browsers the content isn't exactly centred. In an 800 x 600 
window there is a bit of background on the left, none on the right. This 
really looks bad in IE7, where the right side is a bit cut off.

I know I can narrow the box a bit, but it looks so small already on a 
bigger monitor that I would just like to shove it over a few pixels to 
the left. Why isn't it centred? How do I move it?

IE8 does not seem to display the tiling background.

SMALLER PROBLEM
Safari on a mac - the image background colour doesn't match the 
background colour. PC version of Safari looks ok. Actually, all the 
other browsers I've tested look ok. Any idea of what I can do about this?

thanks everybody.
Sandy
__
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] Button width in IE6

[Ingo Chao]

I guess you mean that a element does not shrink-wrap its content.
The A has haslayout, and its parent LI is a float. The float should
shrink-wrap, but this fails in IE6.
http://www.satzansatz.de/cssd/onhavinglayout.html#shrinkwrap

I think floating the A may help.

> Unfortunately I can't point you to a real page because this is an internal 
> system.

For your own debugging efforts, you should start building test cases anyway.

Ingo
__
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/

[css-d] ie cornered tabs solution

[Martin Möller]

Dear List,
 iam working on a Html Corner Tabs Solution and iam trying to make it
look the same in FF, IE7 and IE6.

- Fireforx renders it as expected.
- IE7 doesnt render the Corner Width as same as the Width of the A
Element beneath
- IE6 renders the complete Width but uses the 100% instead of just the
Text length.

Would you mind taking a look please?

Testcase Url:

http://www.martin-moeller.biz/test/

Thanks in advance,
Martin
__
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/

[css-d] Button width in IE6

[Ian Piper]

Hi all,

I'm having a senior moment: I am putting together a horizontal button  
navigation and using a method that has worked many times before. This  
time, I am seeing a weird problem in IE6 (Safari and Firefox are both  
OK on Mac and Windows, and IE7 is fine too). Instead of displaying in  
a nicely spaced horizontal line each button has grown to the width of  
the parent element and showing as a vertical stack of such buttons.

Unfortunately I can't point you to a real page because this is an  
internal system.

Anyway, if anyone can help me through the mental block I'd be grateful.

Thanks,


Ian.
--
ianpi...@mac.com
07590 685840 | 01926 811383


 css 
  ul#mainNav {
margin: 80px 10px 10px 15px;
padding: 5px 0; 
list-style: none;
display: inline;
float: left;
width: 990px;
}

ul#mainNav a {
display: block;
width: auto;
height: 18px;
margin-right: 5px;
padding: 2px 15px;
border: 1px solid #c1c1c1;
font-family: Arial, Helvetica, san-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
color: #00;
background-color: #ebebeb;
}

ul#mainNav a:hover {
background-color: #88;
border: 1px solid #c1c1c1;
color: #ff;
}

ul#mainNav li {
float: left;
}

#mainNav li.current,
#mainNav li.section {

}

#mainNav li.current a,
#mainNav li.section a {
background: #224466;
color: #ff;
}
 css 

 html 



Home
Websites
Information  
management
Training
Writing
Software development


 html 








__
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/