Re: [css-d] resetting global font size

[David Laakso]

Angela French wrote:
> I have recently taken over this site: http://checkoutacollege.com/.
>   

That is unfortunate.


> There have been complaints about the small font size on the body content
> so I'm looking at the CSS to see how I might easily remedy the
> situation.

There ain't no "easy" solution. Other than starting over with a clean 
sheet and ditching Verdana.


>   The body has a font-size of .625em. 


Re-set global.css and CheckOutACollege.css from:
body {
font-size: 0.625em;
}
To:
body {
font-size: 100%;
}

And remember not to forget the sole purpose of typography is to make 
stuff readable. On the Web, that means honor user default.

__
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] resetting global font size

[Gunlaug Sørtun]

Donald Davis wrote:
> On Tue, Dec 9, 2008 at 11:38 PM, Donald Davis <[EMAIL PROTECTED]> 
> wrote:
>> Just a note, what the designer was trying to do is a pretty good 
>> idea for ease of use on your end.  .625em or 62.5% is the magic 
>> number that sets your base font size to 10px.  that way when you 
>> modify the font-size elsewhere using ems, you can easily figure out
>>  your base level of pixels for use determining other styles.

No, you can't, because that's not how browsers work...



All one achieves with such a small base font-size is to make text
unreadable on high-resolution screens, and risk having it blown entirely
out of proportions if end-users use their browsers to fix the problem.

Layouts that break because the base font-size is set too small, is a
growing problem. Not a good idea to add more of the same since it's
counterproductive and totally unnecessary. Computers usually come with
excellent calculators so one can count downwards and get it right,
instead of upwards and get it wrong.

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] resetting global font size

[Donald Davis]

On Tue, Dec 9, 2008 at 11:38 PM, Donald Davis <[EMAIL PROTECTED]> wrote:
> Just a note, what the designer was trying to do is a pretty good idea
> for ease of use on your end.  .625em or 62.5% is the magic number that
> sets your base font size to 10px.  that way when you modify the
> font-size elsewhere using ems, you can easily figure out your base
> level of pixels for use determining other styles.  So really, you
> wouldn't want to change the body style.  You would want to make
> whatever specific text that is bothering your site's visitors larger.
> If it is the font-size of your paragraphs, change your font-size (in
> ems for flexibility) of your p tags.  or if it is in a particular div,
> you can change for that div's id or class.
>
> -Don
>
__
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] Anyone Know of Hover Drop Down Menus?

[Elli Vizcaino]

Wow thank you! And thanks to everyone else who responded as well. :) 

Elli 


--- On Tue, 12/9/08, Al Sparber <[EMAIL PROTECTED]> wrote:

> From: Al Sparber <[EMAIL PROTECTED]>
> Subject: Re: [css-d] Anyone Know of Hover Drop Down Menus?
> To: "CSS Discuss" 
> Date: Tuesday, December 9, 2008, 10:23 PM
> From: "Elli Vizcaino" <[EMAIL PROTECTED]>
> > Need resources on hover drop down menus that hopefully
> work across FF, 
> > Safari, IE so far I have this: 
> > http://elliv.nbcuxd.com/health_article.html - works in
> IE 7 & FF3, Safari 
> > and IE6  there are problems, haven't tested FF2.
> >
> > Any resources, suggestions welcomed.
> 
> Pure CSS is fine to use for a horizontally oriented root
> with a single 
> drop-down sub-level. If, however, you require flyout
> levels, then a scripted 
> menu should be used. Here is a free "pure CSS"
> dropdown that we offer for 
> use:
> http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm
> 
> If you opt for a scripted solution, here is an article that
> may prove 
> helpful no matter which script you use:
> http://www.projectseven.com/tutorials/accessibility/pop_integrated/index.htm
> 
> Good luck and happy menu hunting.
> 
> -- 
> Al Sparber - PVII
> http://www.projectseven.com
> Fully Automated Menu Systems | Galleries | Widgets
> http://www.projectseven.com/go/Elevators
> 
> 
> __
> 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-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] Anyone Know of Hover Drop Down Menus?

[Al Sparber]

From: "Elli Vizcaino" <[EMAIL PROTECTED]>
> Need resources on hover drop down menus that hopefully work across FF, 
> Safari, IE so far I have this: 
> http://elliv.nbcuxd.com/health_article.html - works in IE 7 & FF3, Safari 
> and IE6  there are problems, haven't tested FF2.
>
> Any resources, suggestions welcomed.

Pure CSS is fine to use for a horizontally oriented root with a single 
drop-down sub-level. If, however, you require flyout levels, then a scripted 
menu should be used. Here is a free "pure CSS" dropdown that we offer for 
use:
http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm

If you opt for a scripted solution, here is an article that may prove 
helpful no matter which script you use:
http://www.projectseven.com/tutorials/accessibility/pop_integrated/index.htm

Good luck and happy menu hunting.

-- 
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators


__
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] resetting global font size

[Peter Hyde-Smith]

- Original Message - 
From: "Angela French" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, December 09, 2008 6:45 PM
Subject: [css-d] resetting global font size


>I have recently taken over this site: http://checkoutacollege.com/.
> There have been complaints about the small font size on the body content
> so I'm looking at the CSS to see how I might easily remedy the
> situation.  The body has a font-size of .625em.  The center content has
> a font-size of 1.1em. I tried upping it and nothing changed.  Can anyone 
> tell me why changing
> this would not cascade down to all the other font size settings?
> Angela French
> http://www.checkoutacollege.com
> http://www.sbctc.ctc.edu
>

Angela:

In which CSS file are you trying to change the 0.625em? I think you have to 
do it in the CheckOutACollege.css, not the global.css.

Cheers,

Peter
www.fatpawdesign.com
developing in: WinXP/SP3 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
In God we trust, all else bring data...

__
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] resetting global font size

[David Jones]

> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] On Behalf Of 
> Angela French
> Sent: Tuesday, December 09, 2008 2:46 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] resetting global font size
> 
> I have recently taken over this site: http://checkoutacollege.com/.
> There have been complaints about the small font size on the 
> body content so I'm looking at the CSS to see how I might 
> easily remedy the situation.  The body has a font-size of 
> .625em.  The center content has a font-size of 1.1em.  I 
> thought, since ems are relative to the font-size of their 
> parent containers, that perhaps I could experiment with the 
> font-size for the body, by increasing it to say .7em, or .8em.
> I tried upping it and nothing changed.  Can anyone tell me 
> why changing this would not cascade down to all the other 
> font size settings?

What's wrong with simply trusting that the visitor has their preferred
font setting already set - and not setting a font size on body at all?

David Jones, Content Coordinator, Information and Technology Management,
Customer Relations - KL PS, (808) 948-5830

"MMS " made the following annotations.
--

This electronic message is not an offer to contract, the acceptance of an offer 
to contract, or in any other way intended to contractually obligate HMSA; 
neither is it intended to change the terms of any existing contract unless 
specifically so stated.

The information contained in this electronic message (or attached hereto) is 
intended only for the individual or entity to which it is addressed and may 
contain information that is confidential and protected by law.  If you are not 
the intended recipient of this e-mail, you are cautioned that use of its 
contents in any way is prohibited and may be unlawful.  If you have received 
this communication in error, please notify the sender immediately by e-mail or 
telephone and return the original message by e-mail to the sender or to [EMAIL 
PROTECTED]  We will reimburse you for any cost you incur in notifying us of the 
errant e-mail.  Thank you. · 
==

__
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] resetting global font size

[Angela French]

I have recently taken over this site: http://checkoutacollege.com/.
There have been complaints about the small font size on the body content
so I'm looking at the CSS to see how I might easily remedy the
situation.  The body has a font-size of .625em.  The center content has
a font-size of 1.1em.  I thought, since ems are relative to the
font-size of their parent containers, that perhaps I could experiment
with the font-size for the body, by increasing it to say .7em, or .8em.
I tried upping it and nothing changed.  Can anyone tell me why changing
this would not cascade down to all the other font size settings?

 

Thank you,

 

Angela French

Internet Specialist

State Board for Community & Technical Colleges

360-704-4316

http://www.checkoutacollege.com

http://www.sbctc.ctc.edu

 

__
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] **SL-JUNK** RE: Center the layout

[MEM]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:css-d-
> To: MEM
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] **SL-JUNK** RE: Center the layout
> 
> MEM wrote:
> >
> >
> >
> > http://www.cantinho.org/etic/modulo4/layout5.html
> >
> > http://www.cantinho.org/etic/modulo4/css/layout5.css
> >
> >
> >
> > We cannot just give a bigger width to the container and also a bigger
> with
> > to footer right?
> >
> > For doing this, do we have to take the footer out of the container,
> or we
> > can achieve this by letting the footer inside the container?
> >
> >
> >
> > Thanks again,
> > Márcio
> >
> >
> >
> 
> 
> I have more questions than answers.
> 
> Guess if the name of the game is to learn we could try it both ways and
> if neither works write to ask why (I'd opt for taking it out of the
> same
> wrapper the two columns are, or should be, in) ?
> 
> In the meantime:  do we want to feed primary content first in the
> source
> order of the document?;  do we want to deliver primary content at user
> default?; do we want to make it easy for the users of the world's most
> popular browsers to scale the fonts?; do we want to ditch the "rivers?"
> 
> 
> --
> 
> 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/


Some of your questions are far away advanced for my reach right now. 

I've decide to leave all inside a container. Because I believe it makes more
sense to have all in one place.
However, the price to pay is to give some strange values like negative or
so.

For future reference:
If we decide to leave the footer inside the container, just add something
like this to the footer:

left:-5%;
width:110%;

Regards,
Márcio

__
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] Anyone Know of Hover Drop Down Menus?

[Elli Vizcaino]

Great will check that out! Thanks :)

Elli




--- On Tue, 12/9/08, David Laakso <[EMAIL PROTECTED]> wrote:

> From: David Laakso <[EMAIL PROTECTED]>
> Subject: Re: [css-d] Anyone Know of Hover Drop Down Menus?
> To: "Elli Vizcaino" <[EMAIL PROTECTED]>
> Cc: "CSS Discuss" 
> Date: Tuesday, December 9, 2008, 5:40 PM
> Elli Vizcaino wrote:
> > Hello,
> > 
> > Need resources on hover drop down menus that hopefully
> work across FF, Safari, IE so far I have this:
> http://elliv.nbcuxd.com/health_article.html - works in IE 7
> & FF3, Safari and IE6  there are problems, haven't
> tested FF2. 
> > Any resources, suggestions welcomed. 
> > TIA,
> > Elli 
> >   
> 
> 
> You might take a look at this one-- works cross-browser and
> keyboard friendly...
> 
> 
> -- 
> 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] Anyone Know of Hover Drop Down Menus?

[David Laakso]

Elli Vizcaino wrote:
> Hello,
>
> Need resources on hover drop down menus that hopefully work across FF, 
> Safari, IE so far I have this: http://elliv.nbcuxd.com/health_article.html - 
> works in IE 7 & FF3, Safari and IE6  there are problems, haven't tested FF2. 
>
> Any resources, suggestions welcomed. 
>
> TIA,
> Elli 
>
>   


You might take a look at this one-- works cross-browser and keyboard 
friendly...


-- 

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] Anyone Know of Hover Drop Down Menus?

[Christian Heilmann]

MEM wrote:
>>> -Original Message-
>>> From: [EMAIL PROTECTED] [mailto:css-d-
>>> [EMAIL PROTECTED] On Behalf Of Elli Vizcaino
>>> Sent: terça-feira, 9 de Dezembro de 2008 21:59
>>> To: CSS Discuss
>>> Subject: [css-d] Anyone Know of Hover Drop Down Menus?
>>>
>>> Hello,
>>>
>>> Need resources on hover drop down menus that hopefully work across
>>>   
>> FF,
>> 
>>> Safari, IE so far I have this:
>>> http://elliv.nbcuxd.com/health_article.html - works in IE 7 & FF3,
>>> Safari and IE6  there are problems, haven't tested FF2.
>>>
>>> Any resources, suggestions welcomed.
>>>
>>>   
If you stop chasing a dream and trying to get this to work with CSS only 
(keyboard access anyone?) here's a solution that is free, fully 
styleable, works with screen readers and is in use on probably the 
biggest web sites:

http://developer.yahoo.com/yui/examples/menu/topnavfrommarkup_source.html
http://developer.yahoo.com/yui/menu/


__
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] **SL-JUNK** RE: Center the layout

[David Laakso]

MEM wrote:
>
>
>
> http://www.cantinho.org/etic/modulo4/layout5.html
>
> http://www.cantinho.org/etic/modulo4/css/layout5.css
>
>
>
> We cannot just give a bigger width to the container and also a bigger with
> to footer right? 
>
> For doing this, do we have to take the footer out of the container, or we
> can achieve this by letting the footer inside the container?
>
>
>
> Thanks again,
> Márcio
>
>
>   


I have more questions than answers.

Guess if the name of the game is to learn we could try it both ways and 
if neither works write to ask why (I'd opt for taking it out of the same 
wrapper the two columns are, or should be, in) ?

In the meantime:  do we want to feed primary content first in the source 
order of the document?;  do we want to deliver primary content at user 
default?; do we want to make it easy for the users of the world's most 
popular browsers to scale the fonts?; do we want to ditch the "rivers?"


-- 

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] Center the layout

[MEM]

> -Original Message-
> From: David Laakso [mailto:[EMAIL PROTECTED]
> Sent: terça-feira, 9 de Dezembro de 2008 19:47
> To: MEM
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Center the layout
> 
> MEM wrote:
> > http://www.cantinho.org/etic/modulo4/layout4.html
> >
> >
> >
> > I need to understand how can we center a layout...
> >
> > Márcio
> >
> > _
> 
> Please see:
> 
> 
> 
> --
> 
> A thin red line and a salmon-color ampersand forthcoming.
> 
> http://chelseacreekstudio.com/



Ok. Thanks a lot to all the replies. 
I've read a little and I've done that and a botch of new adds and removes. 

The new result is here:
http://www.cantinho.org/etic/modulo4/layout5.html

and the new css here:
http://www.cantinho.org/etic/modulo4/css/layout5.css


If we want to put the footer wider than all other layout components, to
achieve something like this:
 
 |  | |
 |  | |
 |  | |
   --> this is the footer wider.


We cannot just give a bigger width to the container and also a bigger with
to footer right? 

For doing this, do we have to take the footer out of the container, or we
can achieve this by letting the footer inside the container?



Thanks again,
Márcio

__
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] Anyone Know of Hover Drop Down Menus?

[MEM]

> > -Original Message-
> > From: [EMAIL PROTECTED] [mailto:css-d-
> > [EMAIL PROTECTED] On Behalf Of Elli Vizcaino
> > Sent: terça-feira, 9 de Dezembro de 2008 21:59
> > To: CSS Discuss
> > Subject: [css-d] Anyone Know of Hover Drop Down Menus?
> >
> > Hello,
> >
> > Need resources on hover drop down menus that hopefully work across
> FF,
> > Safari, IE so far I have this:
> > http://elliv.nbcuxd.com/health_article.html - works in IE 7 & FF3,
> > Safari and IE6  there are problems, haven't tested FF2.
> >
> > Any resources, suggestions welcomed.
> >
> > TIA,
> > Elli
> >
> >
> >
> >
> >



 Hi, I've never done one before but I know a source.
 
 Listamatic:
 
 http://css.maxdesign.com.au/listamatic2/horizontal04.htm
 
 Regards,
 Márcio


Ps- Sorry for the top post!! :s

__
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] Anyone Know of Hover Drop Down Menus?

[MEM]

Hi, I've never done one before but I know a source.

Listamatic:

http://css.maxdesign.com.au/listamatic2/horizontal04.htm

Regards,
Márcio

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:css-d-
> [EMAIL PROTECTED] On Behalf Of Elli Vizcaino
> Sent: terça-feira, 9 de Dezembro de 2008 21:59
> To: CSS Discuss
> Subject: [css-d] Anyone Know of Hover Drop Down Menus?
> 
> Hello,
> 
> Need resources on hover drop down menus that hopefully work across FF,
> Safari, IE so far I have this:
> http://elliv.nbcuxd.com/health_article.html - works in IE 7 & FF3,
> Safari and IE6  there are problems, haven't tested FF2.
> 
> Any resources, suggestions welcomed.
> 
> TIA,
> Elli
> 
> 
> 
> 
> __
> 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-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] Anyone Know of Hover Drop Down Menus?

[Elli Vizcaino]

Hello,

Need resources on hover drop down menus that hopefully work across FF, Safari, 
IE so far I have this: http://elliv.nbcuxd.com/health_article.html - works in 
IE 7 & FF3, Safari and IE6  there are problems, haven't tested FF2. 

Any resources, suggestions welcomed. 

TIA,
Elli 



  
__
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] Center the layout

[David Laakso]

MEM wrote:
> http://www.cantinho.org/etic/modulo4/layout4.html
>
>
>
> I need to understand how can we center a layout...
>
> Márcio
>
> _

Please see:



-- 

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/

[css-d] Center the layout

[MEM]

With more or less success, I've been able to center this for ONE resolution.
Big deal hm?! :( So, when I've change the resolution to 800x600 on my
monitor I get a layout absolutely break. :(

http://www.cantinho.org/etic/modulo4/layout4.html

Trying to fix this, have lead me to take all the margin values, and give to
the body tag a text-align:center; attribute. But, no success either, since
that messes around with the vertical menu margins.

I need to understand how can we center a layout no matter, how is he. Is
there a rule like it was with tables "put a table width:100%...then align
center, that all the contents will be centered...".

I need a kick around this mess, at least just to start fixing. Can anyone
please help?

The css code is here: (hopefully the only part that needs to be touch is the
part that I've comment as ### E S Q U E L E T O #
http://www.cantinho.org/etic/modulo4/css/layout4.css



Any help will be appreciated, I'm clueless about how to even start the fix.
Márcio

__
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] Vertically-aligned float next to table

[Joel Parker]

Hi all,

I'm trying to vertically-align a floating form next to a table, and I'm coming 
up blank. Here's the situation:

 
|--|
|||  |
||| -  |
|| | |   |  |
||| -  |
||||
|--|


This  is fixed-height in the HTML, but not in the scope of the 
application. I supposed I could programmatically change the CSS along with the 
table, but I'd rather exhaust my options here first. The  is unstyled. The 
 has float:right.

I've tried the method from this site: 
http://www.student.oulu.fi/~laurirai/www/css/middle/
involving div {display:table-cell} and form {vertical-align:middle}; it isn't 
working in any browser; the form rests along the right edge of the table, at 
the top.

Anyone have any advice with this?

Thanks,

--
Joel J. K. Parker
Project Engineer
Radiance Technologies, Inc.
(662) 279-8679

__
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] Quick Question About Rules

[css]

On Tue, Dec 09, 2008 at 09:04:29AM -0800, [EMAIL PROTECTED] wrote:
> Is it proper to direct link a PDF document from a drop down main
> navigation? I get a funny feeling about it and I have not seen an example
> of any site that does it. My understanding is the main navigation should
> be a link to a location which contains the PDF document.

Personally I would not link to any document (other than another
HTML page) without it being explicitly clear that the link is for
a PDF (or whatever kind of document).

Otherwise you could confuse people who use text to braille or
voice software, or even just be a pain for people who surf via
their phone.

I agree that it should be a link to a location which contains
the PDF link, and which makes clear that it's a PDF download.
--
Flash Bristow -Web Design & Mastery -07939 579090
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Work: www.wdam.co.uk  Personal: www.gorge.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/

[css-d] Quick Question About Rules

[shaf]

Is it proper to direct link a PDF document from a drop down main
navigation? I get a funny feeling about it and I have not seen an example
of any site that does it. My understanding is the main navigation should
be a link to a location which contains the PDF document.

-Shaf

__
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] PADDING on a TAGs and Safari Problems - I suppose.

[MEM]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:css-d-
> [EMAIL PROTECTED] On Behalf Of Donald Davis
> Sent: terça-feira, 9 de Dezembro de 2008 15:31
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] PADDING on a TAGs and Safari Problems - I suppose.
> 
> Heya, I fixed your IE problem by assigning a width of 800px to your
> #container style, floating that to the right, removing the margin-left
> from #coluna_esquerda, and removing the width from your
> #coluna_conteudo style.
> 
> #container {
>   width:100%;
>   margin-top:20px; /*baixa tudo 20px*/
> }
> 
> became:
> 
> #container {
>   width: 800px;
>   margin-top: 20px;
>   float: right;
> }
> 
> #coluna_esquerda margin-left property removed.
> 
> 
> #coluna_conteudo {
>margin-left:475px;
>width:500px;
>line-height: 1.8em;
>text-align:justify;
> }
> 
> became:
> 
> #coluna_conteudo {
> margin-left: 260px;
> line-height: 1.8em;
> text-align:justify;
> }
> 
> Not sure why the float system wasn't working, but this achieves the
> same look without the messup in a smaller IE window.
> 
> -Don
> __
> 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/



Don, that doesn't work for me, when I maximize the IE window he goes all way
to the right side. :(

Thanks,
Márcio

__
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] PADDING on a TAGs and Safari Problems - I suppose.

[MEM]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:css-d-
> [EMAIL PROTECTED] On Behalf Of Donald Davis
> Sent: terça-feira, 9 de Dezembro de 2008 15:31
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] PADDING on a TAGs and Safari Problems - I suppose.
> 
> Heya, I fixed your IE problem by assigning a width of 800px to your
> #container style, floating that to the right, removing the margin-left
> from #coluna_esquerda, and removing the width from your
> #coluna_conteudo style.
> 
> #container {
>   width:100%;
>   margin-top:20px; /*baixa tudo 20px*/
> }
> 
> became:
> 
> #container {
>   width: 800px;
>   margin-top: 20px;
>   float: right;
> }
> 
> #coluna_esquerda margin-left property removed.
> 
> 
> #coluna_conteudo {
>margin-left:475px;
>width:500px;
>line-height: 1.8em;
>text-align:justify;
> }
> 
> became:
> 
> #coluna_conteudo {
> margin-left: 260px;
> line-height: 1.8em;
> text-align:justify;
> }
> 
> Not sure why the float system wasn't working, but this achieves the
> same look without the messup in a smaller IE window.
> 
> -Don
> __
> 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/


Thanks a million! I will make that changes. It's a shame that we cannot know
why this happens, anyway, since this is only happen on IE, maybe it's not
that imperative to look for a reason.

Regards, and thanks again,
Márcio

Ps- my CSS and HTML are validated now. I even got a path to get a logo! :)
yupi :) 

__
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] PADDING on a TAGs and Safari Problems - I suppose.

[David Dorward]

2008/12/9 MEM <[EMAIL PROTECTED]>:
> Thanks. How can we do that? I mean, is there some specific tool to validate
> the html and the .css ?

> List wiki/FAQ -- http://css-discuss.incutio.com/

http://css-discuss.incutio.com/?page=CodeValidation

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

Re: [css-d] PADDING on a TAGs and Safari Problems - I suppose.

[Donald Davis]

Heya, I fixed your IE problem by assigning a width of 800px to your
#container style, floating that to the right, removing the margin-left
from #coluna_esquerda, and removing the width from your
#coluna_conteudo style.

#container {
width:100%;
margin-top:20px; /*baixa tudo 20px*/
}

became:

#container {
  width: 800px;
  margin-top: 20px;
  float: right;
}

#coluna_esquerda margin-left property removed.


#coluna_conteudo {
   margin-left:475px;
   width:500px;
   line-height: 1.8em;
   text-align:justify;
}

became:

#coluna_conteudo {
margin-left: 260px;
line-height: 1.8em;
text-align:justify;
}

Not sure why the float system wasn't working, but this achieves the
same look without the messup in a smaller IE window.

-Don
__
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] Simple Horizontal Menu

[David Hucklesby]

On Mon, 8 Dec 2008 17:51:31 -, MEM wrote:
[...]
>
> How can we put the | border line, shorter, without shortening the text?
>
>

Make the line-height property the size you want. It can be one or
even less than one.

Cordially,
David
--

__
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] PADDING on a TAGs and Safari Problems - I suppose.

[MEM]

> Probably won't help but always a good idea to validate both the markup
> and the CSS before posting.
> 


Thanks. How can we do that? I mean, is there some specific tool to validate
the html and the .css ?



Thanks again,
Márcio


Ps- Sorry for not top-bottom the past post, sometimes I forget. 
That was the reason why my e-mail Philippe Wittenbergh and others was send
to SL-Junk yes?


__
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] **SL-JUNK** Re: PADDING on a TAGs and Safari Problems - I suppose.

[David Laakso]

MEM wrote:
> :) Yupii!!! Thanks a lot! This was my first .css layout from the ground. 
>
> How do we validate the .CSS ?
>
> Thanks a lot,
> Márcio
>
>
>
>   
>>> http://www.cantinho.org/etic/modulo4/layout4.html
>>>
>>>   



Go to:


__
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] Firefox 3 and form

[David Emerick]

Thank you Philippe! That was the issue and your explanation was perfect.

Cheers



david emerick 

[EMAIL PROTECTED]
http://www.davidemerick.com
http://smcmmediacenter.blogspot.com/
http://emerick.blogspot.com




> From: Philippe Wittenbergh
> 
> On Dec 9, 2008, at 5:48 AM, David Emerick wrote:
> 
>> We have a strange issue with a form. It displays correctly in FF2,
>> IE7,
>> Chrome, but not in FF3. A large space is encountered between the
>> text and
>> the form fields.
>> 
>> Any clues would be helpful. I am not even sure if this is a CSS
>> anomaly!
>> 
>> 
>> http://www.smcm.edu/hhcascadedev/library/forms/videoreserve.php
> 
> Nothing strange: in Gecko 1.9.0.x (fx 3+), the table clears the
> floated right hand column, because it is wider than the available
> space next to that floated column. The same happens in Opera.
> 
> Add a background-color to your table to visualise it.
> 
> In older versions of Firefox, the floated column would overlap (cover)
> the table-cells, which is certainly not a nice behaviour ­ even if in
> your form it wouldn't cause problems, except on small windows. That
> issue still happens WebKit based browsers (Chrome, Safari ­ they have
> an open bug on this).
> 
> Why the table doesn't drop under the floated column in IE 6 (and 7 ?),
> I'm not sure, as I'm not close to Windows VM right now.
> 
> Solution: don't set a width on the table.
> 
> 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] PADDING on a TAGs and Safari Problems - I suppose.

[MEM]

:) Yupii!!! Thanks a lot! This was my first .css layout from the ground. 

How do we validate the .CSS ?

Thanks a lot,
Márcio


> -Original Message-
> From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED]
> Sent: terça-feira, 9 de Dezembro de 2008 14:48
> To: CSS-D
> Cc: MEM
> Subject: Re: [css-d] PADDING on a TAGs and Safari Problems - I suppose.
> 
> 
> On Dec 9, 2008, at 11:37 PM, MEM wrote:
> 
> > Hi all,
> >
> > I have put this layout in CSS here:
> >
> > http://www.cantinho.org/etic/modulo4/layout4.html
> >
> > the css file (sorry for all the comments) is here:
> >
> > http://www.cantinho.org/etic/modulo4/css/layout4.css
> >
> >
> > I'm having two issues:
> >
> > 1)
> > The vertical main menu on the top left corner,
> > AND
> > The little horizontal menu on the " Trackback URI | No Comments |
> > Permanlink
> > "
> >
> > Are giving something that I believe it could be related to the
> > Padding and the a Tag. However, this is only happening over Safari
> > 3.1.2.
> 
> You should validate your css file
> *  the @charset declaration should be on the very first line of your
> stylesheet
> (you currently have a comment preceding it)
> * ' 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] Nav bar active color won't stick on the open page.

[Donald Davis]

This tutorial is courtesy of CSS The Missing Manual by David McFarland:

What you are trying to do is create a "You Are Here" link.

Here's how!

First assign an id to the body tag of each of your pages.  For
example, your "Features" page would be:



On your links page you would have:



Now that you've id'd your pages, you will also need to id your navigation links.

so the html for your home page link would say:

Home

for your links page you would make it something like:

Links

Finally, in CSS you create a style for each page's "you are here" link.

body#links a#linkPage, body#home a#homePage {however you want to
highlight that particular link in your nav}

Mr McFarland says: "Yes, that's a lot of CSS. But your set-up work
here has a big payoff. This style now applies to every link in the nav
bar, but only under certain conditions, which is exactly how you want
it to behave.  when you change the id attribute of the  tag to
"links", the button to the "Links" gets highlighted instead of the
button for "Home."

Good luck!

-Don
__
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] **SL-JUNK** PADDING on a TAGs and Safari Problems - I suppose.

[David Laakso]

MEM wrote:
> I have put this layout in CSS here:
>
> http://www.cantinho.org/etic/modulo4/layout4.html
> http://www.cantinho.org/etic/modulo4/css/layout4.css
>
> Márcio
>
>
>   


Probably won't help but always a good idea to validate both the markup 
and the CSS before posting.

-- 

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] PADDING on a TAGs and Safari Problems - I suppose.

[Philippe Wittenbergh]

On Dec 9, 2008, at 11:37 PM, MEM wrote:

> Hi all,
>
> I have put this layout in CSS here:
>
> http://www.cantinho.org/etic/modulo4/layout4.html
>
> the css file (sorry for all the comments) is here:
>
> http://www.cantinho.org/etic/modulo4/css/layout4.css
>
>
> I'm having two issues:
>
> 1)
> The vertical main menu on the top left corner,
> AND
> The little horizontal menu on the " Trackback URI | No Comments |  
> Permanlink
> "
>
> Are giving something that I believe it could be related to the
> Padding and the a Tag. However, this is only happening over Safari  
> 3.1.2.

You should validate your css file
*  the @charset declaration should be on the very first line of your  
stylesheet
(you currently have a comment preceding it)
* '

[css-d] PADDING on a TAGs and Safari Problems - I suppose.

[MEM]

Hi all,

I have put this layout in CSS here:

http://www.cantinho.org/etic/modulo4/layout4.html

the css file (sorry for all the comments) is here:

http://www.cantinho.org/etic/modulo4/css/layout4.css


I'm having two issues:

1)
The vertical main menu on the top left corner,
AND
The little horizontal menu on the " Trackback URI | No Comments | Permanlink
"

Are giving something that I believe it could be related to the
Padding and the a Tag. However, this is only happening over Safari 3.1.2.


On:
IE 7, IE 6, Firefox 3.04, Opera 9.62, all is displaying 
correctly.



2)
The IE, when we resize the browser window, put the main content
to the bottom instead of keeping it on the right side. Is this normal? 





Thanks a lot,
Márcio



__
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] Nav bar active color won't stick on the open page.

[David Dorward]

2008/12/9 David Christiansen <[EMAIL PROTECTED]>:
> Nav bar active color won't "stick" on the open page.

> I finally copied his entire source code at the end of the tutorial

I'm guessing you forgot to set suitable ids in the documents, but you
didn't show us your attempt, just the guide you tried to follow.

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

Re: [css-d] IE Password Field

[Robert O'Rourke]

MEM wrote:
>> -Original Message-
>> [EMAIL PROTECTED] On Behalf Of Robert O'Rourke
>> Sent: terça-feira, 9 de Dezembro de 2008 10:46
>> To: Luc on css-discuss
>>
>> MEM wrote:
>> 
>>> AHH!
>>>
>>> The password input field it's automatically shorter in IE.
>>>
>>> If we put both input fields with the type: text. All works fine.
>>> If We put two text fields, one with type: text. Another with
>>>   
>> type:password,
>> 
>>> this one get's shorter.
>>>
>>> Is there a way to stop IE from doing this mess?
>>>
>>>
>>> Thanks a lot,
>>> Márcio
>>>
>>>   
>> Try using the 'size' attribute or setting the same width on both inputs
>> via CSS eg:
>>
>> input { width: 14em; }
>>
>> Also padding and border will affect the width of an input so make sure
>> those are consistent.
>>
>> -Rob
>>
>> 
>
>
> Thanks Rob, we have post more or less at the same time. But I've chose pixel
> units. 
> I will change the values to em instead of pixel.
>   

No problem :)
The units you use are up to you, it's just important to know the 
different advantages and disadvantages of each. Using ems is my personal 
preference because of the way I style most of my forms with extra space 
next to the inputs. I typically add a max-width in % aswell to stop the 
inputs from poking out of my layout.

-Rob
__
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 Password Field

[MEM]

> -Original Message-
> [EMAIL PROTECTED] On Behalf Of Robert O'Rourke
> Sent: terça-feira, 9 de Dezembro de 2008 10:46
> To: Luc on css-discuss
> 
> MEM wrote:
> > AHH!
> >
> > The password input field it's automatically shorter in IE.
> >
> > If we put both input fields with the type: text. All works fine.
> > If We put two text fields, one with type: text. Another with
> type:password,
> > this one get's shorter.
> >
> > Is there a way to stop IE from doing this mess?
> >
> >
> > Thanks a lot,
> > Márcio
> >
> 
> Try using the 'size' attribute or setting the same width on both inputs
> via CSS eg:
> 
> input { width: 14em; }
> 
> Also padding and border will affect the width of an input so make sure
> those are consistent.
> 
> -Rob
> 


Thanks Rob, we have post more or less at the same time. But I've chose pixel
units. 
I will change the values to em instead of pixel.

Regards,
Márcio


Ps- It's not a perfect top to bottom post David Laakso but, at least, I've
manage how to put the > without doing it by hand each time I reply. ;)



__
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 Password Field

[MEM]

> -Original Message-
> From: MEM [mailto:[EMAIL PROTECTED]
> Sent: terça-feira, 9 de Dezembro de 2008 10:27
> To: 'css-d@lists.css-discuss.org'
> Subject: [css-d] IE Password Field
> 
> AHH!
> 
> The password input field it's automatically shorter in IE.
> 
> If we put both input fields with the type: text. All works fine.
> If We put two text fields, one with type: text. Another with
> type:password, this one get's shorter.
> 
> Is there a way to stop IE from doing this mess?
> 
> 
> Thanks a lot,
> Márcio


Done. Of course with CSS. I've style one more thing on the input field, the
width. And no more free will to Mr. IE.


Regards,
Márcio



__
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 Password Field

[Robert O'Rourke]

MEM wrote:
> AHH!
>
> The password input field it's automatically shorter in IE.
>
> If we put both input fields with the type: text. All works fine.
> If We put two text fields, one with type: text. Another with type:password,
> this one get's shorter.
>
> Is there a way to stop IE from doing this mess?
>
>
> Thanks a lot,
> Márcio
>   

Try using the 'size' attribute or setting the same width on both inputs 
via CSS eg:

input { width: 14em; }

Also padding and border will affect the width of an input so make sure 
those are consistent.

-Rob

__
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] IE Password Field

[MEM]

AHH!

The password input field it's automatically shorter in IE.

If we put both input fields with the type: text. All works fine.
If We put two text fields, one with type: text. Another with type:password,
this one get's shorter.

Is there a way to stop IE from doing this mess?


Thanks a lot,
Márcio

__
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] Nav bar active color won't stick on the open page.

[David Christiansen]

Nav bar active color won't "stick" on the open page.

I would like to have my top nav bar so that when you click on a button to
open a page, the color of that button remains showing. An example of what I
want is at the top of the following page: 

http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigatio
n_bar/

I finally copied his entire source code at the end of the tutorial and put
it into a blank website, with appropriate pages for the hyperlinks.
Everything works great, except when I click on a button, it goes to the
page, but the "active" colors don't stay on the button. 

The nav bar on his web page works the way I want my nav bar to work - that
is, the tab for the open page stays "lit".

I would appreciate any help I can get.

Dave

 

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