Re: [css-d] the problem of image anchor

[ray]

Great! Thank you very much.
Is there a way to remove these whitespaces and keep the html pretty
formatted?

On Tue, Oct 21, 2008 at 11:47 AM, Thierry Koblentz <[EMAIL PROTECTED]> wrote:

> > -Original Message-
> > From: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> > discuss.org] On Behalf Of ray
> > Sent: Monday, October 20, 2008 8:31 PM
> > To: css-d@lists.css-discuss.org
> > Subject: [css-d] the problem of image anchor
> >
> > Hi, all
> > Please check this page:http://fouragency.co.uk/test.html
> > Could somebody tell me why there are gaps between the images? I checked
> the
> > anchors and img elements, their padding, borders and margins are all
> zero.
> > I'm very confused, please help me out. Thanks in advance.
>
>
> This is because of the whitespace in the markup
>
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.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] the problem of image anchor

[Thierry Koblentz]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of ray
> Sent: Monday, October 20, 2008 8:31 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] the problem of image anchor
> 
> Hi, all
> Please check this page:http://fouragency.co.uk/test.html
> Could somebody tell me why there are gaps between the images? I checked
the
> anchors and img elements, their padding, borders and margins are all zero.
> I'm very confused, please help me out. Thanks in advance.


This is because of the whitespace in the markup



-- 
Regards,
Thierry | http://www.TJKDesign.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] Freeway Pro by Softpress

[Alyda Gilmore]

> From: Josh Orlean <[EMAIL PROTECTED]>
> Date: Mon, 20 Oct 2008 23:01:17 -0400
> To: 
> Subject: [css-d] Freeway Pro by Softpress
> 
> I'm taking a course in XHTML and CSS. A friend who wants to avoid learning
> these programs told me about Freeway Pro. She seems to think that it is a
> viable replacement for learning the programs. If anyone has experience with
> Freeway Pro or knows anything about it, I would be interested in getting
> your opinion.
> 
> Thanks,
> Josh

Hi Josh,

I took a very comprehensive course in web design a few years ago. Our HTML
instructor related a story I've never forgotten:

He (Tom) had been job hunting and was granted an impromptu interview with a
company whose web site had been giving them problems since it's inception a
few months before. No one on their staff had been able to determine where
the problem lay and they had been considering starting from scratch.

Tom took out his laptop and copied the HTML of one of the problem pages into
Notepad. It was immediately apparent to him what the difficulty was and, in
less than a minute, the correction was made and the page displayed as
intended.

They hired him on the spot!

The moral of his story: Use a text editor for your [X]HTML markup and CSS.
You can't fix what you don't know.

---
Alyda


__
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] the problem of image anchor

[ray]

Hi, all
Please check this page:http://fouragency.co.uk/test.html
Could somebody tell me why there are gaps between the images? I checked the
anchors and img elements, their padding, borders and margins are all zero.
I'm very confused, please help me out. Thanks in advance.
__
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] Freeway Pro by Softpress

[Josh Orlean]

I'm taking a course in XHTML and CSS. A friend who wants to avoid learning
these programs told me about Freeway Pro. She seems to think that it is a
viable replacement for learning the programs. If anyone has experience with
Freeway Pro or knows anything about it, I would be interested in getting
your opinion.

Thanks,
Josh
__
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] Scalable CSS Buttons That Work in All Browsers

[Bill Brown]

Thierry Koblentz wrote:
>> Hi All,
>>
>> Was just wondering if anyone knew of any good sliding door techniques or
>> anything else that would allow me to create scalable buttons in the major
>> browsers: IE6, IE7, FF, & Safari.
[snip]
> I have this page up:
> http://tjkdesign.com/articles/buttons/input-type-button.asp
> I can't find the time to write an article/tutorial about the technique, but
> you should be able to figure things out. 

Hi Elli!

How's things in the Big Apple?

Thierry also has an excellent resource here:
http://tjkdesign.com/lab/uploader/buttons.asp

It has more elements in the source than you're using but seems quite 
robust across the browser spectrum.

Let me know if it helps, but give the credit to Thierry. If it's not 
quite what you need, I'll see if I can't dig something else up for you.

Best,
Bill

-- 
~~~
Bill Brown, MacNimble.com :: "From dot concept to dot com since 1999"
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
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] Scalable CSS Buttons That Work in All Browsers

[Thierry Koblentz]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Elli Vizcaino
> Sent: Monday, October 20, 2008 5:56 PM
> To: CSS Discuss
> Subject: [css-d] Scalable CSS Buttons That Work in All Browsers
> 
> Hi All,
> 
> Was just wondering if anyone knew of any good sliding door techniques or
> anything else that would allow me to create scalable buttons in the major
> browsers: IE6, IE7, FF, & Safari. The technique would have to work with
any
> combination of elements such as:  &  which is what I'm using
in
> the work I'm doing now. That combination is working well in FF3 but not
Safari
> or IE6 or 7. If I use  &  it works well across all browsers but
> wouldn't validate given the use of the buttons in the form.
> 
> Please look here to see what I'm referring to: http://elliev.nbcuxd.com/
> 
> Feedback and suggestions always welcomed.


I have this page up:
http://tjkdesign.com/articles/buttons/input-type-button.asp

I can't find the time to write an article/tutorial about the technique, but
you should be able to figure things out. 


-- 
Regards,
Thierry | http://www.TJKDesign.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] Odd Jumping Behavior on Hover - IE Only of Course

[Chris Akins]

On Mon, Oct 20, 2008 at 5:06 PM, Alex Cole <[EMAIL PROTECTED]> wrote:
> Hi Chris,
>
> Could you possibly be more accurate under what conditions this happens?  I 
> just checked with IE6 and IE8 (as well as FF and Opera) and none of them seem 
> to display anything like the behaviour you are describing.
>
> Alex Cole

I'm not sure I can explain it any better than I already did.
Basically anything in the blueish purple content area shifts to the
left when the mouse goes over it.  Resizing the browser window resets
it, but it shifts again as soon as the cursor goes over the content
again.

I just tried it in a completely different location from work, thus a
different computer, with IE6 and it's the same thing here.

I fixed the validation errors in the thumbnail page, too, FWIW.  I'm
customizing a Photoshop, automated web gallery so it has our branding.
 It's the Photoshop templates that had the non-valid HTML in them.

Chris
__
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] Scalable CSS Buttons That Work in All Browsers

[Elli Vizcaino]

Hi All,

Was just wondering if anyone knew of any good sliding door techniques or 
anything else that would allow me to create scalable buttons in the major 
browsers: IE6, IE7, FF, & Safari. The technique would have to work with any 
combination of elements such as:  &  which is what I'm using in 
the work I'm doing now. That combination is working well in FF3 but not Safari 
or IE6 or 7. If I use  &  it works well across all browsers but 
wouldn't validate given the use of the buttons in the form. 

Please look here to see what I'm referring to: http://elliev.nbcuxd.com/ 

Feedback and suggestions always welcomed. 

TIA,
Elli 



__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] Text-Align:Center Not Completely Centered

[Chris Akins]

> On 10/18/08 at 2:10pThierry suggested this--
>
> Try this:
>
> .trC {position:absolute;right:0;}
>
>
> Did you try his suggestion?
> Either way, please bottom post. Thanks.
>
>

Yes I had tried it.  Position:absolute works everywhere except IE 6.
So, perhaps my best bet is to go with it and add another conditional
for IE6 in my page.  I already have one anyway.
__
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] Odd Jumping Behavior on Hover - IE Only of Course

[Gunlaug Sørtun]

Chris Akins wrote:

> www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html 
> http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html
> 
> In IE as soon as I over over any of the links (photo thumbnails or 
> text) in the content area, the content all shifts left several 
> pixels, but doesn't shift back when the cursor leaves the link.

IE can't determine how to contain those images with margins in an
anchor. It actually get it right the first time, but lose a side-margin
and shifts left when re-rendering is triggered by the first
:hover-action on the page. Once there, it stays there.

There are a few ways to stiffen up IE's backbone and fix the problem,
but for your case/pages I suggest you simply add...

#content a {border: solid 1px #eee!important; margin: -1px;}

...which will stabilize those anchors so they contain image-margins
properly, without expanding the anchors.


Some serious errors in the anchors/images part of the source-code btw...



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/

Re: [css-d] Odd Jumping Behavior on Hover - IE Only of Course

[Alex Cole]

Hi Chris,
 
Could you possibly be more accurate under what conditions this happens?  I just 
checked with IE6 and IE8 (as well as FF and Opera) and none of them seem to 
display anything like the behaviour you are describing.
 
Alex Cole



> Date: Mon, 20 Oct 2008 15:58:35 -0500> From: [EMAIL PROTECTED]> To: 
> css-d@lists.css-discuss.org> Subject: [css-d] Odd Jumping Behavior on Hover - 
> IE Only of Course> > On these pages:> > 
> www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html> 
> http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html>
>  > In IE as soon as I over over any of the links (photo thumbnails or> text) 
> in the content area, the content all shifts left several pixels,> but doesn't 
> shift back when the cursor leaves the link.> There isn't a hover action that 
> should be triggering this.> > On the individual photo pages (second link 
> above) it's even worse.> The mouseover a link makes the photo shift a bit, 
> but even more> radically, the "next" arrow button jumps to the left toward 
> the> "previous" button. Just resizing the page will make it go back right,> 
> but hovering again brings about the jumping action.> > Anyone seen this kind 
> of thing before?> > Chris A.> City of Springfield, MO> Web Coordinator> 
> __> 
> 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/
_
Catch up on all the latest celebrity gossip 
http://clk.atdmt.com/GBL/go/115454061/direct/01/
__
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] What CSS is behind the List Item (LI) in an Unordered List (UL)

[David G]

What CSS is behind the List Item (LI) in an Unordered List (UL) that
makes the bullet hang out AND makes the text just after the bullet
line up with the text below it?

What I'm playing with right now is

div.parent {
margin-left: 20px;
}
div.parent>div {
padding-left: 1em;
text-indent: -1em;
}
div.parent>div::before {
content: "\00BB\0009";
/*  00BB is unicode for the >> symbol, and 9 is the tab 
char   */
}


But is the tab always going to be the same distance?  I think this
needs improvement.

I found on another forum a technique that uses floats to do it.  But
this code is very bulky.  But maybe this is the best way?  Can anyone
shed some light on it

   #hangtext {padding-left: 2em;}
   #hangtext p {position: relative;}
   #hangtext p span {
   display: block;
   position: absolute;
   left: -2em;
   }

   
   1:blah, blah, blah
   2:blah, blah, blah and more blah blah blah and even more
   blah blah blah and yet more blah blah blah to make the
paragraph wrap..
   
   then you can use lists inside it
   if you want to
   
   3: as long as the text remains inside the hangtext div
   
   
__
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] IE-7: background not getting centered

[Gintautas Simkus]

I think I am done now. Took me whole day though. The tricks I used:

1) Pyramid top worked from the beginning in all browsers but IE 6, so I
simply overridden alternate positioning for IE 6 (in which I used relative
instead of absolute) with "general" positioning which as I've said works in
all other browsers as far as I know. Made use of the fact that IE 6 can't
see children selector ( > ):

#pyr_top {
position: relative;
   left: 623px;
   bottom: 647px;
background-image: url( images/top_sponge_c32.png );
width: 116px;
height: 47px;
}

html>body #pyr_top {
   position: absolute;
right: 10px;
top: -47px;
}

2) Solved IE 7 background centering problem by wrapping everything inside
 within a 'wrapper' . It looks like IE 7  width can't be
smaller than the background's image's width. In my case it was a 2000px wide
texture, so technically it was centered; the problem was it wasn't trimmed
to the browser's actual viewable area. Hence the horizontal scroll bar even
though the ain't any content to the right. Even overflow-x:hidden didn't fix
that. Passed some IE 7 specific commands using the comment provided below.

/*  */  < goes into head of html file

body {
margin: 0;
padding: 0;
width: 100%;
height: 120%;
background-image: none;
background-position: 0% 0%;
background-repeat: no-repeat;
overflow-x: hidden;
}

#wrapper {
width: 100%;
height: 120%;
background-image: url( images/background_texture.png );
background-position: center top;
background-repeat: repeat-y;
}

Ok so the site isn't _exactly_ the same, but probably in the region of 99%
being the same. The feel was retained, so I am happy :) My first site now
works as intended. Thanks for the help everyone!




2008/10/20 David Laakso <[EMAIL PROTECTED]>

> Gintautas Simkus wrote:
>
>>
>>
>> It looks like IE-6 doesn't go well with absolute positions. Though
>> position:
>> relative didn't work for me, either one of IE's or FF wouldn't render
>> properly. Now I want to shout out a few strong words, but whatever. Anyway
>> this got me thinking, what can you accomplish with absolute positioning
>> that
>> you can't with relative?
>>
>> The above code fixes the "top" of the pyramid, but still the BG in IE-7 is
>> buggy. So David could you take a look at the updated version and suggest
>> something for the IE-7 background glitch? overflow-y ain't working.
>> Background is centered in both IE6 and IE8, not to mention all other
>> browsers, this must be very IE7-specific.
>>
>>
>>
>
>
> RE: 
>
>
> The background image seems to be centered on this end in all browsers.
> The simplest means to position the pyramid image, considering the
> alternatives with your current positioning scheme, is to move #pyr_top in
> the markup to be the first id to open and the first id to close.
>
> Please see (quick checked in IE/6.0, IE/7.0, and some compliant Mac
> browsers:
> 
> css
> 
>
> There is nothing "wrong" with any of the positioning methods [1] currently
> available-- including the use of position relative and absolute. In general,
> until something better comes along in the future, float constructed layouts
> where content determines height tend to be far less restrictive, and  less
> problematic than those structured nearly entirely (such as yours)  with
> absolute positioning.
>
> [1] 
>
>
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.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] Text-Align:Center Not Completely Centered

[David Laakso]

Chris Akins wrote:
> Well - the clear:both mentioned above worked fairly well on everything
> except IE 6 or 7.  What else should I have expected?  :-)  It blew the
> rest of the page to smithereens in those browsers.
>
> So I'm at a loss to know how to really get the content centered and
> still not have a bunch of dead space at the top.
>   


On 10/18/08 at 2:10pThierry suggested this--

Try this:

.trC {position:absolute;right:0;}


Did you try his suggestion?
Either way, please bottom post. Thanks.

__
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] Text-Align:Center Not Completely Centered

[Thierry Koblentz]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Chris Akins
> Sent: Monday, October 20, 2008 1:52 PM
> To: David Laakso
> Cc: [css-d] List
> Subject: Re: [css-d] Text-Align:Center Not Completely Centered
> 
> Well - the clear:both mentioned above worked fairly well on everything
> except IE 6 or 7.  What else should I have expected?  :-)  It blew the
> rest of the page to smithereens in those browsers.
> 
> So I'm at a loss to know how to really get the content centered and
> still not have a bunch of dead space at the top.

Did you try my suggestion?

.trC {position:absolute;right:0;}



-- 
Regards,
Thierry | http://www.TJKDesign.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] Odd Jumping Behavior on Hover - IE Only of Course

[Chris Akins]

On these pages:

www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html
http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html

In IE as soon as I over over any of the links (photo thumbnails or
text) in the content area, the content all shifts left several pixels,
but doesn't shift back when the cursor leaves the link.
There isn't a hover action that should be triggering this.

On the individual photo pages (second link above) it's even worse.
The mouseover a link makes the photo shift a bit, but even more
radically, the "next" arrow button jumps to the left toward the
"previous" button.  Just resizing the page will make it go back right,
but hovering again brings about the jumping action.

Anyone seen this kind of thing before?

Chris A.
City of Springfield, MO
Web Coordinator
__
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] Text-Align:Center Not Completely Centered

[Chris Akins]

Well - the clear:both mentioned above worked fairly well on everything
except IE 6 or 7.  What else should I have expected?  :-)  It blew the
rest of the page to smithereens in those browsers.

So I'm at a loss to know how to really get the content centered and
still not have a bunch of dead space at the top.

On Sat, Oct 18, 2008 at 11:22 AM, David Laakso
<[EMAIL PROTECTED]> wrote:
> Chris Akins wrote:
>>
>> While I did say "all I want" is the content to be centered.  I should
>> have added that I'd also like to NOT have the extra dead space above
>> the h1 tag that shows up with the "clear:both" on it
>>
>
>> But the amount of blank space above the heading now just doesn't look
>> right either.
>>
>> Hmm. . .
>>
>>
>>>
>>> Try:
>>> .textpadderC h1 {clear:both;margin: 0 0 20px 0;padding: 0;}
>>>
>>>
>
> Add lead beneath "Back to gallery thumbnails" until the block looks
> vertically and visually balanced? Or wait for someone else to provide a
> means to bring h1 tighter to the top of the block.
>
__
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] IE-7: background not getting centered

[David Laakso]

Gintautas Simkus wrote:
>
>
> It looks like IE-6 doesn't go well with absolute positions. Though position:
> relative didn't work for me, either one of IE's or FF wouldn't render
> properly. Now I want to shout out a few strong words, but whatever. Anyway
> this got me thinking, what can you accomplish with absolute positioning that
> you can't with relative?
>
> The above code fixes the "top" of the pyramid, but still the BG in IE-7 is
> buggy. So David could you take a look at the updated version and suggest
> something for the IE-7 background glitch? overflow-y ain't working.
> Background is centered in both IE6 and IE8, not to mention all other
> browsers, this must be very IE7-specific.
>
>   


RE: 


The background image seems to be centered on this end in all browsers.
The simplest means to position the pyramid image, considering the 
alternatives with your current positioning scheme, is to move #pyr_top 
in the markup to be the first id to open and the first id to close.

Please see (quick checked in IE/6.0, IE/7.0, and some compliant Mac 
browsers:

css


There is nothing "wrong" with any of the positioning methods [1] 
currently available-- including the use of position relative and 
absolute. In general, until something better comes along in the future, 
float constructed layouts where content determines height tend to be far 
less restrictive, and  less problematic than those structured nearly 
entirely (such as yours)  with absolute positioning.

[1] 



-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.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] ADMIN: ALT Attribute not showing up in IE

[Eric A. Meyer]

At 2:13 PM -0700 10/19/08, Thierry Koblentz wrote:

>PS: this will be my last post in this thread as we're off-topic here

Yep.  Thread's over.  Thanks.

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
   -- Martina Kosloff (http://mako4css.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] IE-7: background not getting centered

[Gintautas Simkus]

Glitch in IE/6.0, too-- logo and validation image no shows.

>
> .layout {   overflow-y:hidden; <- :: add to hold to contain
> width and prevent h-scroll bar in IE.
> }
>
> #logo {   background-image: url( logo_fin.png ); <-
> :: IE/6 has difficulty with all six of these rules, delete all of them
> (except for the height and width of the division).
> background-color: transparent;
> position: absolute;
> left: 204px;
> right: 0;
> top: 0px;
> }
>
> Re-set this declaration to read:
> .box {  background: url( logo_fin.png ) 203px 0 no-repeat;
> width: 750px;
> height: 200px;
> float: left;
> }
> #content {
> overflow: auto;<-- :: delete
> overflow-y:scroll;<-- :: add
> }


I changed code to:
=

/*
#logo {
background-image: url( images/logo_finished.png );
background-color: transparent;
width: 435px;
height: 82px;
/*position: absolute;
left: 204px;
top: 0px;
}
*/

#pyr_top {
position: absolute;
right: 10px;
top: -47px;
background-image: url( images/top_sponge_c32.png );
width: 116px;
height: 47px;
}

* html>body #pyr_top { <-- thought this would fix the "top" for
IE6 but it looks like it doesn't.
   position: relative;
   left: 623px;
   bottom: 647px;
}

.box {
   background: url( images/logo_finished.png ) 203px 0 no-repeat;
width: 750px;
height: 200px;
float: left;
}

It looks like IE-6 doesn't go well with absolute positions. Though position:
relative didn't work for me, either one of IE's or FF wouldn't render
properly. Now I want to shout out a few strong words, but whatever. Anyway
this got me thinking, what can you accomplish with absolute positioning that
you can't with relative?

The above code fixes the "top" of the pyramid, but still the BG in IE-7 is
buggy. So David could you take a look at the updated version and suggest
something for the IE-7 background glitch? overflow-y ain't working.
Background is centered in both IE6 and IE8, not to mention all other
browsers, this must be very IE7-specific.

Users who need to scale  fonts may have difficulty  with your
page...


You are right. I will take a look at that.
My desired look of the site can be seen here
http://www.browsershots.org/screenshots/6d7ae7ac961d97659cb7dba4f8037c70/
__
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] IE absolute and relative height problem

[Alex Cole]

> > Sorry, the above is a XHTML DTD, use this one instead:> >  > PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
> > "http://www.w3.org/TR/html4/loose.dtd";>> > > --> Regards,> Thierry | 
> > http://www.TJKDesign.com> > > Gunlaug Sørtun wrote:> > > Declaring 
> > 'overflow: hidden' on .inner doesn't work since 'height:> > 100%' is 100% 
> > of the "auto-expanded" .outer.> > Sorry, that's quirks mode behavior. IE6 
> > will behave as IE7 on this point> when in standards mode. Older IE-versions 
> > will need the additional hack.> > Georg> -- > http://www.gunlaug.no Thank 
> > you very much to both of you.  Unfortunately currently my site relies on 
> > quirks mode, it took quite a long time to get it how I wanted in that mode 
> > so, although on my list of things to do, I doubt I will be changing to 
> > standards for a while.  However the *html hack worked beautifully (in fact 
> > better than I expected as the real site has about 6 nested divs and 
> > applying the hack to only the outer one fixed everything). Again, thankyou 
> > Alex
_
Catch up on all the latest celebrity gossip 
http://clk.atdmt.com/GBL/go/115454061/direct/01/
__
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/