erreur bordures et formatage fontes

09 nov. 2005, 18:08

Hello World,
j'ai commencé à appliquer vos premiers conseils, voir code plus bas.
Mais j'ai un "nouveau" probléme :
- entre la bordure de la cellule 1 (cellule avec fond cyan) et la bordure
globale du tableau (1px cyan) il y a une fine bande de 1px blanc !!!
Sur les côtés haut,gauche et bas. Comment la supprimer? J'ai fait
pleins d'essais avec les paramétres de bordures et paddings sans
résultats.
Sinon m'y suis-je mal pris? Peut-être que je devrais pas
utiliser la balise <table>, et plutôt <div> à la place?
Qu'en pensez-vous? Est-ce que ça résoudrait le probléme?
Voir code ci-dessous.

Et une question :
-comment, en XHTML remplacer au mieux la balise <font>,
pour faire par exemple un "underline" sur une portion de
texte? avec la balise <span> ? exemple :

<div style="color:blue">Nous sommer le <span style="color:red;texte-decoration:underline;"> 1er Janvier 2006</span>, et demain nous ... etc...</div>

pour afficher du texte en bleu et rouge souligné dans un même bloc???

Code : Tout sélectionner

<!-- CSS -->
<style>
.tableau {
  width:700px;
  border:1px #00ffff solid;  
}

.cellule1 {
  width:180px;
  background:#00ffff;
  text-align:right;
  font-size:13px;
  font-weight:bold;
  vertical-align:top; 
}

.cellule2 {
  width:20px;
}

.cellule3 {
  width:500px;
  font-size:13px;
  text-align:justify;
}
</style>
<!-- Xhtmleuh -->
<div>
<table class="tableau"> 
      <tr>
         <td class="cellule1">&raquo; État civil:&nbsp;</td> 
			<td class="cellule2"></td> 
         <td class="cellule3"> 
           Situation de famille : célibataire. 
           <br />Nationalité : Française. 
           <br />Âge actuel : 34 ans. 
           <br />Localisation actuelle : TOULOUSE [31] 
         </td> 
      </tr> 
</table> 
<br />
<!-- En sachant que ci-dessous le code ci dessus va se répéter, fois x nombres de rubriques -->
</div>

Encore une fois merci d'avance pour votre aide et vos infos,

10 nov. 2005, 14:38

Pour savoir si tu dois utiliser ou non un tableau il est difficile de te répondre ne sachant pas exactement ce que sont tes données et ce que tu cherches à faire.
Peut-être qu'une liste (ul/li ou dl/dt-dd) serait plus logique.

Pour remplacer la balise font, il faut savoir que tout se définit dans la feuille de style. En particulier, le soulignement correspond à la propriété text-decoration avec pour valeur underline.
Par exemple, le contenu d'un paragraphe souligné:

p {
text-decoration: underline;
}

Pour le bord du tableau, il faut que tu ajoutes la propriété border-collapse de cette façon:

table {
border-collapse: collapse;
}

Pour apprendre les bases tu peux regarder ce site aussi:
http://fr.selfhtml.org/

10 nov. 2005, 15:12

Hello,
merci pour l'info,
ça fonctinne bien avec "collapse".

10 nov. 2005, 16:14

Modération : dans les règles du forum, il est écrit :

Veuillez utiliser un titre clair et précis qui correspond bien à votre problème.
Les titres contenant "HELP", "Aidez-moi!" ne servent à la compréhension de votre problème et de même, nous savons déjà par votre message que vous avez besoin d'aide.

Je renomme donc ton titre pour enlever le [AIDE] qui ne sert à rien

erreur bordures et formatage fontes

Qui est en ligne