Re: [css-d] img pushed to the left when it's supposed to be centered in...you guessed it...IE6

[David Laakso]

>> http://www.sthig.com/folio/portfolio_detail/wicked_witch_of_the_west/
>>
>>  
>>
>>
>> 
>
>   


Should read:

#inContent {
border: 1px solid red; <-- 4 position only
text-align: center; <-- add
}



__
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] img pushed to the left when it's supposed to be centered in...you guessed it...IE6

[David Laakso]

Scott Thigpen wrote:
> David, I fixed that but it's still not centering even in the CSS where 
> I have
>
> img.push {
> display: block;
> margin-left: auto;
> margin-right: auto }
>
> is that not right?
>
>
>
>
> http://www.sthig.com/folio/portfolio_detail/wicked_witch_of_the_west/
>
>  
>
>




This may help:

#inContent {
border: 1px solid red; <-- 4 position only
text-align: center; <-- 4 position only
}

Please reply to the list and bottom post.
__
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] img pushed to the left when it's supposed to be centered in...you guessed it...IE6

[David Laakso]

Scott Thigpen wrote:
> On all my image template pages the main image is shoved to the left
> http://www.sthig.com/folio/portfolio_detail/wicked_witch_of_the_west/
>
> How do I tell IE6 to center that?
>
> Here is my css
>
> http://www.sthig.com/?css=sthig/style/
>
>
>   


It is not to the left in IE/6.
However, IE/6 and IE/7 left a little present for you.  It is at the 
bottom of your home page.
Validating the markup could be a nice touch...



-- 

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] about inline, replaced element

[Ingo Chao]

I'm not sure I understand the specification here, so maybe someone else 
helps me with answering your questions.

ray wrote:...
> 1.  I think the container box of the  element is the parent 
> block-level element of  right?

both the inline-box of  and the inline-box of its descendant  
live in the same containing block, a rectangle that is established by 
the nearest block level element (in this case probably ). The line 
box build by the inline boxes starts at the top of this containing block.

> 2. Because the inline box generated by  is the only inline box of its 
> line box, so the baseline of the line box is also the baseline of the 
>  inline box, so the  inline box is aligned with baseline of the 
>  element,  right?

I think yes.

> 3. Because the  resides in the  element, so the  inline box 
> is contained within the  inline box and the width of the  inline 
> box becomes the width of the  inline box?

The width? The width of the construct is determined by the width of the 
image. The inline box of  stretches to fit this width. If the width 
is wider than the width of the containing block, the line box may 
overflow the containing block.

> On Thu, Nov 20, 2008 at 4:36 AM, Ingo Chao <[EMAIL PROTECTED] 
> > wrote:
>  src="foo.jpg"
> />
> The initial value for vertical-align, baseline, applies. It affects
> the inline level elements in a line box. Therefore, the image, being
> inline by default, should align with the baseline of the parent
> -element.
> 
> CSS 2.1: 9.4.2 Inline formatting context;
> CSS 2.1: 10.8 Line height calculations: the 'line-height' and
> 'vertical-align' properties.
> 
> The absolute vertical position of the baseline depends on the font
> metrics.
> 

regards, Ingo

-- 
http://www.satzansatz.de/css.html
http://www.dolphinsback.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] img pushed to the left when it's supposed to be centered in...you guessed it...IE6

[David Dorward]

2008/11/20 Scott Thigpen <[EMAIL PROTECTED]>:
> On all my image template pages the main image is shoved to the left
> http://www.sthig.com/folio/portfolio_detail/wicked_witch_of_the_west/
>
> How do I tell IE6 to center that?

Remove the XML prolog you have before the Doctype.
http://www.w3.org/TR/xhtml1/#C_1

-- 
David Dorward 
__
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] img pushed to the left when it's supposed to be centered in...you guessed it...IE6

[Scott Thigpen]

On all my image template pages the main image is shoved to the left
http://www.sthig.com/folio/portfolio_detail/wicked_witch_of_the_west/

How do I tell IE6 to center that?

Here is my css

http://www.sthig.com/?css=sthig/style/

thanks guys!



--
S c o t t  T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
Phone: 770.527.3958
__
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] Horizontal Menu problems solved

[Nadine Misiaszek]

I received some excellent advice.

Yes, my CSS was being superseded.  I had used Firebug but for some 
reason that did not show up in Firebug  for me.

Another suggestion was to simplify both my HTML and my CSS.  I had 
divs within divs for no good reason except that, as a beginner, I was 
copying and pasting from various sources.

Finally I had forgotten to validate my CSS.

Thanks for all the help.
Nadine


Original Message:

Subject: [css-d] Horizontal  Menu problems
To: css-d@lists.css-discuss.org
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset="us-ascii"; format=flowed

I am new to a lot of CSS.  I have been trying to get a horizontal
menu to position.  I have looked through the archives and found an
List Apart example that I could duplicate in isolation:

http://www-rohan.sdsu.edu/~nmisiasz/test/ListApart2.html

I then tried to position the menu with my other elements.
http://www-rohan.sdsu.edu/~nmisiasz/test/TestMenu.html

My problems are:

1) positioning
2) font color of white has been lost or superseded.
  I checked with Firebug and it does not seem to be the result
of the cascade.

To put the matter in context, I am trying to update an existing site:

http://www-rohan.sdsu.edu/~latamweb/index.html

I would like to keep a similar look.  My sense is that CSS is more
fluid and I will not be able to get the menu bar to exactly align
with the image that follows it.  I do not know what to do that would
make an attractive alternative.

Thanks for any help you may give.

Nadine

__
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] Table displays strangely in IE

[Doug Jolley]

The code shown below sets up a 2-row table 300 px high.  The top row
should be 80 px high and the remaining 220 px of height should be
allocated to the bottom row..  It works exactly as expected in
Firefox.  However, in IE, the top row is much taller than the bottom
row.  It almost looks like the 80 and 220 are reversed.  Can anyone
tell me why?

Thanks very much for any input.

  ... doug
>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
 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/

Re: [css-d] Horizontal Menu problems

[Iñigo]

Hi Nadine,

it's a little "strange" how you've organized the structure, because the menu
for "home", "links" and "contact" is after the other menu ("academic
programs", "events", etc.).

Anyway. For fix the color-problem you should have in css the selector "menu
ul li a" and not "menu a".

jff

2008/11/19 Nadine Misiaszek <[EMAIL PROTECTED]>

> I am new to a lot of CSS.  I have been trying to get a horizontal
> menu to position.  I have looked through the archives and found an
> List Apart example that I could duplicate in isolation:
>
> http://www-rohan.sdsu.edu/~nmisiasz/test/ListApart2.html
>
> I then tried to position the menu with my other elements.
> http://www-rohan.sdsu.edu/~nmisiasz/test/TestMenu.html
>
> My problems are:
>
> 1) positioning
> 2) font color of white has been lost or superseded.
> I checked with Firebug and it does not seem to be the result
> of the cascade.
>
> To put the matter in context, I am trying to update an existing site:
>
> http://www-rohan.sdsu.edu/~latamweb/index.html
>
> I would like to keep a similar look.  My sense is that CSS is more
> fluid and I will not be able to get the menu bar to exactly align
> with the image that follows it.  I do not know what to do that would
> make an attractive alternative.
>
> Thanks for any help you may give.
>
> Nadine
> __
> 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/
>



-- 
Iñigo Medina García
Tecnología

http://www.toprural.com
Tu guía de turismo rural
__
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] Horizontal Menu problems

[Mustafa Quilon]

The link color and most of the properties are being superceded by the
following declarations in your cla.css :-

#banner ul {
list-style:none;
position:absolute;
right:55px;
top:66px;
}

#banner li {
display: inline;
margin-left: 10px;
}
#banner li a {
color: #0033CC;
text-decoration: none;
text-transform: uppercase;
font: .8em "Trebuchet MS", sans-serif;
}

You can make the #menu selector declarations more specific by adding a
#banner in front of it. (eg: #banner #menu ul)

Read more about specificity here -
http://www.w3.org/TR/CSS21/cascade.html#specificity


I'm not sure why you are trying to position the elements at all. Few changes
in the markup, and you could do without positioning.

I'm not great with em based markup and since no one has replied for few
hours now, I thought you could use some of my 2 cents.

- Mustafa
__
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] about inline, replaced element

[ray]

Thanks for you reply. I had read your some articles about CSS, they are
great!
I also have some questions:
1.  I think the container box of the  element is the parent block-level
element of  right?
2. Because the inline box generated by  is the only inline box of its
line box, so the baseline of the line box is also the baseline of the 
inline box, so the  inline box is aligned with baseline of the 
element,  right?
3. Because the  resides in the  element, so the  inline box is
contained within the  inline box and the width of the  inline box
becomes the width of the  inline box?

All the best.

On Thu, Nov 20, 2008 at 4:36 AM, Ingo Chao <[EMAIL PROTECTED]> wrote:

> ray wrote:
> ...
>
>> > src="foo.jpg"
>> />
>> where the img would be positioned? and why?
>>
>
> The initial value for vertical-align, baseline, applies. It affects the
> inline level elements in a line box. Therefore, the image, being inline by
> default, should align with the baseline of the parent -element.
>
> CSS 2.1: 9.4.2 Inline formatting context;
> CSS 2.1: 10.8 Line height calculations: the 'line-height' and
> 'vertical-align' properties.
>
> The absolute vertical position of the baseline depends on the font metrics.
>
> Ingo
>
> --
> http://www.satzansatz.de/css.html
> http://www.dolphinsback.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/