Bloquear la barra de título de altura

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13458
  • Loc: Florida
  • Status: Offline

Nota Septiembre 29th, 2009, 7:31 am

Im pensamiento de usar esto para los títulos que son más anchos que el elemento H3 puede bajar a una nueva línea mientras se mantiene el ". Bloque" células alineadas cuando los theres títulos largos y cortos en la misma fila.

Parece como se esperaba en FF3.5 y OP10 en Ubuntu, pero no pienso en saltar a Windows por algunos días, como aún tengo un montón de cosas que hacer back-end.

Todo lo que sobresale como un pulgar dolorido para cualquier persona? :D
CSS Código: [ Select ]
.block
{
   margin:0 0 20px 10px;
   float:left;
   width:215px;
   background:#eee;
   border:#cce 1px solid;
   border-top:0;
   font-size:16px;
   text-align:center;
}
.block h3
{
   font-size:0.8em;
   line-height:1.2em;
   min-height:2.4em;
   color:#fff;
   text-shadow:#000 1px 1px;
   margin:0;
   padding:2px 2px 5px 2px;
   background:url("./images/bar-blue.gif") repeat-x center left;
}
  1. .block
  2. {
  3.    margin:0 0 20px 10px;
  4.    float:left;
  5.    width:215px;
  6.    background:#eee;
  7.    border:#cce 1px solid;
  8.    border-top:0;
  9.    font-size:16px;
  10.    text-align:center;
  11. }
  12. .block h3
  13. {
  14.    font-size:0.8em;
  15.    line-height:1.2em;
  16.    min-height:2.4em;
  17.    color:#fff;
  18.    text-shadow:#000 1px 1px;
  19.    margin:0;
  20.    padding:2px 2px 5px 2px;
  21.    background:url("./images/bar-blue.gif") repeat-x center left;
  22. }
Strong with this one, the sudo is.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 29th, 2009, 7:31 am

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Septiembre 29th, 2009, 10:48 pm

Alguien no está seguro exactamente lo que tratamos de hacer, pero parece bastante normal para mí. No creo que la sombra de texto de trabajo en IE pero no debe romper nada. Usted puede encontrarse con un problema en su ancho de 217px es en realidad debido a la frontera se está agregando. Que a su vez, podría causar un poco de abrigo Funny / carrozas.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Septiembre 30th, 2009, 6:03 am

joebert esto es algo de su hoja de estilo de usuario o de su sitio?
I'd love to change the world, but they won't give me the source code.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13458
  • Loc: Florida
  • Status: Offline

Nota Septiembre 30th, 2009, 6:21 am

Heres una captura de pantalla de Firefox 3.5, si me cae que la altura min entonces los dos algunas frases en este colapso de pantalla y los theres una diferencia en virtud de esos bloques en la siguiente fila.

Soy consciente de que tanto el texto-la sombra y de la frontera varias radio (ver nota) las normas no van a trabajar en todas partes.
Theres unos pocos píxeles de margen de maniobra en el lado derecho para dar cuenta de caja-funk modelo.

Creo que las cosas principales Im preocupa son los min-height y font / line-tamaño / altura normas conexas.
Im pensando caer min-height y va con la altura.

Attachments:
Untitled-1.gif


NOTA: Debido a que necesitan tres reglas para cada propiedad border-radio tengo a todos al final de la CSS con cada selector que los utiliza. Es por eso que no los veo en ese código. :D
Strong with this one, the sudo is.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13458
  • Loc: Florida
  • Status: Offline

Nota Septiembre 30th, 2009, 6:23 am

Su para un sitio, no user.css :D
Strong with this one, the sudo is.

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 66 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC