Tenho o costume de zerar todos os espaçamentos dos elementos HTML para uniformizar entre os browsers. Na prática, tenho uma regra CSS como a seguinte:

* {
    margin: 0;
    padding: 0;
}

Isso causa um problema que afeta os campos "select" no Firefox. Os campos ficam com um tamanho reduzido, dificultando a visualização de seus valores, um problema principalmente para o date_select:

date_select: antes

Como o problema é no Firefox, a solução é bem simples e puramente em CSS:

/* day */
select[name*="1i"] {
	min-width: 4.2em;
}
 
/* month */
select[name*="2i"] {
	min-width: 7.2em;
}
 
/* year */
select[name*="3i"] {
	min-width: 3.2em;
}

date_select: depois

Ainda bem que foi com o Firefox! ;)

Comentários #

#1 Arthur Zapparoli disse:
18 Fev 07, 11:03AM

Eu já tive esse problema tb e resolvi abrindo o arquivo CSS padrão que o Firefox utiliza e copiando as regras de lá.

Como vc disse, ainda bem que foi o Firefox. :)

#2 Jeferson disse:
19 Fev 07, 05:10PM

No Spesa esse problema ainda continua. :(

#3 Nando Vieira disse:
19 Fev 07, 08:13PM

Jeferson, novidades em breve... ;)

#4 Bernardo Rufino disse:
25 Abr 07, 05:43PM

Num seria melhor fazer assim?
option{margin-right:10px;}

#5 Nando Vieira disse:
25 Abr 07, 06:02PM

Bernardo, não sei, funciona? Se funciona, podia ser! ;)

#6 Bernardo Rufino disse:
11 Maio 07, 11:33PM

Funciona hehehe

#7 Pietro disse:
31 Ago 09, 01:52PM

Alguem pode me explicar como colocar portugues o data_select?

#8 Samuel Vinícius disse:
11 Fev 10, 08:18PM

Basta colocar o seguinte código no arquivo config/environment.rb

# Include your application configuration below
Date::MONTHNAMES = [nil] + %w(Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro)
Date::DAYNAMES = %w(Domingo Segunda-Feira Terça-Feira Quarta-Feira Quinta-Feira Sexta-Feira Sábado)
Date::ABBR_MONTHNAMES = [nil] + %w(Jan Fev Mar Abr Mai Jun Jul Aug Set Out Nov Dez)
Date::ABBR_DAYNAMES = %w(Dom Seg Ter Qua Qui Sex Sab)

Time::MONTHNAMES = Date::MONTHNAMES
Time::DAYNAMES = Date::DAYNAMES
Time::ABBR_MONTHNAMES = Date::ABBR_MONTHNAMES
Time::ABBR_DAYNAMES = Date::ABBR_DAYNAMES

Inclusive o Nando explica isso em um Post neste blog = )

#9 João Fernandes disse:
06 Mar 12, 05:19PM

Boa tarde...
Não estou conseguindo fazer o rails formatar os (date_format) para ficarem tudo numa linha... ele insiste em colocar cada um numa linha... será que alguém poderia me dar umas dicas? acredito que isso é possivel via CSS porém eu sou um novato em programação web...

Deixe um comentário





Não é aceito código HTML: adicione-o no pastie.org ou paste.milk-it.net e poste apenas o link.

Se este é seu primeiro comentário, ele terá que ser aprovado antes de ser exibido.

jQuery: Dominando o framework

Você quer aprender a usar jQuery de verdade? Então chegou a hora! Neste workshop você verá como funciona este framework de JavaScript, entendendo todos os aspectos que fazem do jQuery uma das melhores ferramentas para desenvolvimento de interfaces.

Saiba mais Fechar

Conheça também o HOWTO