Ver Mensaje Individual
  #5 (permalink)  
Antiguo 29/03/2012, 09:17
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Convertir de Mayusculas a Mayusculas y minusculas

Cita:
Iniciado por livemusic Ver Mensaje
Estoy intentando convertir MAYÚSCULAS - Mayúsculas y minúsculas pero no se puede.

Este código no me funciona, espero su pronta ayuda...

<style type="text/css">
h1.uppercase { text-transform: capitalize !important; }
</style>
<h1 class="uppercase">ESTE ES UN DEMO</h1>

Si se puede
Para capitalizar primera letra en mayúsculas, de esta manera

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. h1.uppercase{
  11. font-variant: small-caps;
  12. text-transform: lowercase;
  13.  
  14. font-family: arial;
  15. font-size: 17pt;
  16. }
  17. h1.uppercase:first-letter{
  18. text-transform: uppercase;
  19. }
  20.  
  21. /* otra variante */
  22.  
  23. h2{
  24. text-transform: uppercase;
  25. font-size: 15pt;
  26. }
  27.  
  28. h2:first-letter{
  29. font-size:120%;
  30. letter-spacing: -2px;
  31. }
  32. /* otra variante + letter spacing */
  33.  
  34. h3{
  35. text-transform: uppercase;
  36. font-size: 15pt;
  37. }
  38.  
  39. h3:first-letter{
  40. font-size:180%;
  41. letter-spacing: -2px;
  42. }
  43.  
  44. /*]]>*/
  45. </head>
  46. <h1 class="uppercase">FOROS DEL WEB</h1>
  47. <h1 class="uppercase">Foros del web</h1>
  48. <h1 class="uppercase">foroS deL WEb</h1>
  49.  
  50. <h2>FOROS DEL WEB</h2>
  51. <h2>Foros del web</h2>
  52. <h2>foroS deL WEb</h2>
  53.  
  54. <h3>FOROS DEL WEB</h3>
  55. <h3>Foros del web</h3>
  56. <h3>foroS deL WEb</h3>
  57. </body>
  58. </html>

La variante 1 funciona en IE8+ y el resto
La dos si funciona en IE7
Aumente el tamaño y cambié tipografía para que destaque
Si usas la variante dos y aumentas mucho el procentaje, lo podés corregir con letter-spacing negativo (ejemplo en los h3)
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 29/03/2012 a las 09:48