Block Titlebar Hauteur

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Septembre 29th, 2009, 7:31 am

Im pensée d'utiliser ce tant de titres qui sont plus larges que l'élément H3 peut tomber à une nouvelle ligne tout en gardant le ". Block" cellules aligné lorsque theres titre long et court sur la même ligne.

Regarde comme prévu dans FF3.5 et OP10 sur Ubuntu, mais je ne prévois pas de sauter dans Windows pour quelques jours, comme je l'ai encore beaucoup de choses backend à faire.

Tout ce qui sort comme un mal de pouce pour personne? :D
CSS Code: [ 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
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 29th, 2009, 7:31 am

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Septembre 29th, 2009, 10:48 pm

Im ne sais pas exactement ce que vous essayez de faire, mais il semble assez habituel pour moi. Je ne pense pas que l'ombre du texte fonctionne avec IE mais il ne faut pas casser quelque chose. Vous lancer en mai d'un problème avec votre largeur 217px est effectivement due à la frontière étant ajoutées. Cela pourrait à son tour causer des wrap funny / flotteurs.
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 l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Septembre 30th, 2009, 6:03 am

joebert est-ce quelque chose pour votre feuille de style utilisateur ou pour votre site?
I'd love to change the world, but they won't give me the source code.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Septembre 30th, 2009, 6:21 am

Heres une capture d'écran à partir de Firefox 3.5, si je baisse qui min-height alors les deux one-liners dans cet effondrement capture d'écran et des theres un écart en vertu de ces blocs sur la ligne suivante.

Im averti que le rayon de deux text-shadow et la frontière diverses (voir NOTE) les règles ne vont pas travailler partout.
Theres quelques pixels de marge de manœuvre sur le côté droit de rendre compte de box-funkiness modèle.

Je suppose que les choses principales Im inquiets sont les min-height et font de ligne / taille / hauteur de règles connexes.
Im méditant chute min-height et d'aller avec l'altitude.

Attachments:
Untitled-1.gif


REMARQUE: En raison du besoin de trois règles pour chaque propriété border-radius je les ai tous à la fin de la CSS avec chaque sélecteur qui les utilise. Thats pourquoi vous ne les voyez pas dans ce code. :D
Strong with this one, the sudo is.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Septembre 30th, 2009, 6:23 am

Son pour un site, pas user.css :D
Strong with this one, the sudo is.

Afficher de l'information

  • Total des messages de ce sujet: 5 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 127 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC