Re: [css-d] Any IE8 news?

[Bruno Fassino]

Alan Gresley wrote:
> Bruno Fassino wrote:
>
>> PS: IE8b2 seems to match html:first-child. Of course there is no
>> interest now for IE8b2 hacks, however html:first-child was matched
>> also by Opera < 9.5 (that's the reason I added something in my
>> hack attempt, just for play...)
>
>
> This is only correct in Opera < 9.5 if a XML prolog is
> present. Without
> a XML prolog this hack will only target IE8b2.


This is not what I see (but I may be looking wrong :-)
I see that  html:first-child  is matched by Opera 9.2 (and possibly lower)
with or _without_ XML declaration.
It is  *+html  that in Opera < 9.5 depends on the presence of the XML
declaration.

Bruno


--
Bruno Fassino http://www.brunildo.org/test

__
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] IE8 vendor prefixed properties

[Philippe Wittenbergh]

It makes some sense, imho.
Wonder, though, what they'll with @font-face (last I heard it is not  
working in IE 8 standards mode).


Philippe
---
Philippe Wittenbergh
http://l-c-n.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] Any IE8 news?

[Alan Gresley]

Bruno Fassino wrote:

> PS: IE8b2 seems to match html:first-child. Of course there is no interest
> now for IE8b2 hacks, however html:first-child was matched also by Opera <
> 9.5 (that's the reason I added something in my hack attempt, just for
> play...)


This is only correct in Opera < 9.5 if a XML prolog is present. Without 
a XML prolog this hack will only target IE8b2. Not that I can see any 
reasons for using it as yet. :-)


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo

http://www.wearechange.org/
__
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] Negative margins for image overflow

[Gunlaug Sørtun]

Mike Breiding wrote:

> 
>  So, I used a negative margin to "pull" the image into the left 
> column. It appears as I would like  it in Fire Fox, but in IE 6.0 the
>  image is clipped.

> Question: Is there a better way to handle this?

Since you're floating so many images you can of course float this one
too, but that's just a variant and not really any better.

> If not, can the clipped image be changed in IE6?

http://www.gunlaug.no
__
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] Negative margins for image overflow

[Mike Breiding]

Greetings,

I  am using a two column, header/footer layout.
I want to use images wider than the right column will allow without 
breaking the right border.
So, I used a negative margin to "pull" the image into the left column.
It appears as I would like  it in Fire Fox, but in IE 6.0 the image is 
clipped.

Question: Is there a better way to handle this?
If not, can the clipped image be changed in IE6?

Thanks,
-Mike
=
Validates:
http://epicroadtrips.us/dad/journals/travel/usa/central_states_north_trip_june_2-15_1977/001.html

http://epicroadtrips.us/dad/journals/travel/usa/central_states_north_trip_june_2-15_1977/ert_index_style.css

Validates except for " 
-- #000   Error: Invalid declaration; missing colon.--
I cannot find the error.
__
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] CSS image question

[Chris Akins]

This is what I'm doing for my rounded corners on this page:

http://www.springfieldmo.gov/newsite/3col.html

One image of a full circle is needed for the four different quadrants
shown in the 4 corners.  One http request this way.
My main navigation tabs are similar in that they are CSS sprites. One
larger image holds all three states of the tabs: off, rollover, and
highlighted.  One image means fewer http requests and only one
instance of the image overhead for file structure.  Overall image size
for one large gif image like this is smaller than the 15 individual
images I would need for small sliced images.

Chris A.

On Mon, Sep 8, 2008 at 10:54 AM, Lou Hernsen <[EMAIL PROTECTED]> wrote:
> Thank you SOOO much!
> NOw I can put hurricanes & weather in my pirate game!
> Lou
__
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] CSS image question

[Lou Hernsen]

Thank you SOOO much!
NOw I can put hurricanes & weather in my pirate game!
Lou


- Original Message - 
From: "Alan K Baker" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, September 07, 2008 11:00 PM
Subject: Re: [css-d] CSS image question


> Yes Lou, CSS can do this.
>
> Simply make a box:
>
> .boxname {
> position:relative;
> background-image:url(your 200px x 200px image filename and path);
> background-position:-100px -100px;
> width:50px;
> height:50px;
> overflow:hidden;
> /* position, padding, margins etc to suit. */
> }
>
> to move to a different part of your big image, just change the background
position x & y.
>
> If you want to move your box to an absolute position then change
position:relative to position:absolute and add top:y; and left:x; where x
and y are your coordinates.
>
> Regards,
>
> Alan.
>
> www.theatreorgans.co.uk
> www.virtualtheatreorgans.com
> Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
> Shopsmith 520 + bits
> Flatulus Antiquitus
>
>
>   - Original Message - 
>   From: Lou Hernsen
>   To: css-d@lists.css-discuss.org
>   Sent: Monday, September 08, 2008 3:26 AM
>   Subject: [css-d] CSS image question
>
>
>   Hi.. I'm sorta new to css.. here is the question.
>
>   Lets say I only want to show a 50x50 px part of an image that is 200x200
on
>   a web page.
>   I want to show the area starting at 100x100y to 150x150y in a box
50x50...
>   can css do this?
>   or should I be looking at javascript?
>   What is the syntax for the command? and is the command used in the
position
>   command?
>
>   thanks for your time and answer
>   Lou
>
> __
> 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/
>
>
>
> -- 
> No virus found in this incoming message.
> Checked by AVG.
> Version: 7.5.524 / Virus Database: 270.6.19/1659 - Release Date: 9/8/08
7:01 AM
>
>

__
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] Alignment changes with DOCTYPE

[Gunlaug Sørtun]

Rich Wendrock Forums wrote:
> Can someone help me understand why images do not align properly after
>  a DOCTYPE is applied?
> 
> The page looks normal without a DOCTYPE. 
> http://www.adv-res.com/advanced-resources-international1.asp
> 
> The search input field does not lineup properly after DOCTYPE is 
> applied. http://www.adv-res.com/advanced-resources-international2.asp

In your case it's because 'padding-top' is included in 'height' in
quirks mode - without a doctype, but added to 'height' in standards mode
- with a doctype.

.roundedinput-I {
height: 25px;
padding-top: 6px;
}   

.roundedinput-I = 25px tall in quirks mode but 31px tall in standards mode.


That's how the W3C box model works...






Changing the 'height'...

.roundedinput-I {
height: 19px;
padding-top: 6px;
}   

...will make .roundedinput-I = 25px tall in standards mode, and make the
various parts line up.
Same with other elements you have paddings and fixed dimensions on.

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