Foros del Web » Diseño web » CSS »

Minusculas y mayúsculas con css

Estas en el tema de Minusculas y mayúsculas con css en el foro de CSS en Foros del Web. Hola a todos, ojalaá me puedan ayudar. Mi duda es si puedo hacer con CSS que las mayúsculas y las minúsculas se muestren con la ...
  #1 (permalink)  
Antiguo 27/05/2009, 11:23
 
Fecha de Ingreso: mayo-2009
Mensajes: 1
Antigüedad: 5 años, 3 meses
Puntos: 0
Minusculas y mayúsculas con css

Hola a todos, ojalaá me puedan ayudar.

Mi duda es si puedo hacer con CSS que las mayúsculas y las minúsculas se muestren con la misma altura, del mismo tamaño.

Gracias.
  #2 (permalink)  
Antiguo 27/05/2009, 17:26
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 9 años
Puntos: 53
Respuesta: Minusculas y mayúsculas con css

bueno obviametne cambiando el font-size
ahroa esto va a depender de la fuente y siempre vas a tener el problema de las tildes y palabras del tipo PalaBRA (ocn mayus y minus)
creo q la mejor solucion es hacer una solucion implementando javascript
q transforme
<h1 class="mayusculasyminusculasiguales">alguna PalaBRA</h1>
en
<h1 class="mayusculasyminusculasiguales">alguna <span>P</span>ala<span>BRA</span></h1>
donde
.mayusculasyminusculasiguales{font-size:14px}
mayusculasyminusculasiguales span{font-size:9px}/*o su equivalente para reducir la mayus al tamaño de laminus*/
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 27/05/2009, 20:12
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 5 años, 11 meses
Puntos: 30
Respuesta: Minusculas y mayúsculas con css

Quizás ese método es algo tedioso. Con algo de PHP sería mas fácil, pero creo que sería un cáos de código en ambos casos.
Has probado la propiedad font-variant:small-caps;? esa me gusta a mi, pero no transforma el tamaño de las mayúsculas en el de la minúsculas ni algo parecido como tu quieres. Lo que hace es transformar las minúsculas a mayúsculas en un tamaño inferior al de las mayúsculas reales.

Te dejo otras propiedades relacionadas extraidas de mi web.

Propiedad: text-transform
Los valores para la propiedad CSS text-transform son:
  • normal
  • capitalize ...transforma solo la primera letra de cada palabra del texto en mayúscula. Las demás letras quedan tal cual como estan escritas en el código fuente.
  • lowercase ...transforma todas las letras del texto en minúsculas.
  • uppercase ...transforma todas las letras del texto en mayúsculas.

Saludos, ojala te sirva.
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:45.
SEO by vBSEO 3.3.2