Mario,

On Dec 1, 2005, at 4:56 PM, Mário Gamito wrote:

> Hi,
>
> I have this problem with text centering in this page:
> http://www.tuxdoit.com/prototype.php
>
> 1) As you can see, the left black space until "Notícias" is much larger
> than the one from the last letter of "Newsletter" until the end of the
> black bar.
Change the selector from #menu2 to #menu2 ul and add padding: 0;
On #menu2 li change margin-left: 30px to margin: 0 15px;

It is important to remove the browsers default margin and padding for 
lists and list items.

> 2) How can i vertically center the text (vertical-align: middle doesn't
> work) ?

 From #menu2 remove font-size: 36px.  It is pushing all else down  
Change height to line-height;

I'm not sure that is everything because I lost track of changes a bit, 
but it should get you started.  I also highly recommend against using 
px for this stuff.  When possible I do things in ems or % so it is more 
flexible when the font-size changes.

hth
Roger,

Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke
______________________________________________________________________
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/

Reply via email to