Impossible caler le texte dans top div

Bonjour,

Je ne parviens pas à caler le texte dans le haut du div sur cette page:

http://cmts2a.fr/?page_id=25

dès que la hauteur du div dépasse la hauteur de l'image, le texte se centre.
vertical-align ne donne rien ainsi que l'ajout d'un padding-top à 0
je sèche lamentablement

merci d'avance
Modifié par kayorn (09 Oct 2010 - 11:36)

Bonjour, peut-être pourrais-tu corriger quelques erreurs de navigation et voir si ton problème persiste ?

<h4>Dr Gilles TESTOU<br />
  </h4>
<ul>Médecin et Nutritionniste du Sport<br />

Membre de la Société Française de Médecine du Sport<br />
Membre de la Société Française de Nutrition du Sport<br />
Médecin Fédéral Plongée (FFESSM)<br />
Médecin Fédéral Parachutisme<br />
Suivi Pôle espoir Corse Football et Judo<br />
Suivi ACA Football Professionnel et GFCOA Volley Professionnel</ul>

Déjà il y a un gros problème là.

merci,je pensais pourtant avoir enlevé ces <br />

ça a l'air de coller .

http://cmts2a.fr/?page_id=25

surgit un autre pb, avec firebug apparait une margin-bottom du titre alors qu'il n'y en a pas dans la classe:

.titre_container{  font-size:20px; color:#999;  background-color:#f1f1f1 ; margin-top:40px; line-height:35px; }

comprend pas

Ce n'est pas seulement les <br/> qui font problème. Corrige la structure de ta liste, ce sera déjà ça de gagné. Ensuite, tu pourrais voir si autres erreurs il y a et les corriger.

Ton titre hérite de:

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}

Bien vu.
je pensais vraiment qu'en changeant le nom de la classe, on échappait à l'héritage: mea culpa...
en rajoutant !important ça va déjà mieux...
!important qui, (j'avais crû le lire quelque part) était mal vu du w3c. mais j'ai dû rêver. Sinon, xiste-t-il une autre solution?

j'ai rajouté les <li> dans les <ul>


j'abuse:

j'ai une classe gérant la taille de mon div contenant du texte
je voudrais pouvoir varier la taille par une id

la classe

.colonne_txt{padding-right:5px; padding-left:5px; width:400px; text-align:justify; float:right; overflow:hidden;}

l'id

.colonne_txt#rect{padding-right:5px; padding-left:8px; overflow:auto;  width:290px; text-align:justify; float:right;   padding-top:2px !important}

ça fonctionne pour #rect mais si je veux faire une #carre par exemple, ça ne veut pas le faire, ça me remet weight à 400px
Modifié par kayorn (09 Oct 2010 - 18:38)