css sur mac

canardquiroule

Membre confirmé
28 Mai 2004
25
0
42
www.jdesign.fr.tc
Salut,

J'ai un probleme, pas nouveau dailleurs et meme avec safari ca n'a pas ete arrangé:
Tout simplement quelqun est 'il deja arrivé a faire un alignement justifié qui fonctionne sur Mac?

.texte1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-align: justify;
 
et tu as essayé de mettre <td valign="top" align="justify">...

C'est sur que tu vas devoir le taper a chaque fois, mais bon...
 
Bonjour

C'est normal qu'avec la balise span tu ne puisse pas justifier, puisque span permet de modifier une petite partie d'une ligne. On ne peut pas justifier un morceau de ligne :mouais:
Il faut donc remplacer span par p ou div.
 
El_ChiCo a dit:
et tu as essayé de mettre <td valign="top" align="justify">...

C'est sur que tu vas devoir le taper a chaque fois, mais bon...

Tention malheureux, ca te ruine ta validité XHTML ca !
 
La solution est plutôt ici :

.texte1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-align: justify;
vertical-align: top ;
}

avec

<td classe="texte1">bla bla bla toi-même</td>

(J'ai rajouté le Vertical-align pour éliminer cet horrible valign :) )
 
Bloc de code:
 <td classe="texte1">bla bla bla toi-même</td>

J'enlèverais le e de classe (juste pour les débutants qui recopieraient bêêtement).

Il est effectivement plus judicieux de justifer toute la case. Car on ne voit pas pq on justifierait un paragraphe et pas l'autre. Si vraiment on veut le faire il faut utiliser p class....

Concernant les tableaux on nous dit qu'il ne faut plus s'en servir pour la mise en page. C'était pourtant bien commode, car avec cette méthode la mise en page était bone quelle que soit la résolution de l'écran.
 
Merci pour vos reponses. LA je peut pas verifier je suis pas sur le mac mais avec cette solution : <td classe="texte1">bla bla bla toi-même</td> Si mes souvenirs sont bons la justification n'est toujours pas pris en compte sous safari.
Sinon on peut coller le text-align: justify; et le vertical-align: top ; dans le body non? Comme ca resoud tous les problemes?


mfay a dit:
La solution est plutôt ici :

.texte1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-align: justify;
vertical-align: top ;
}

avec

<td classe="texte1">bla bla bla toi-même</td>

(J'ai rajouté le Vertical-align pour éliminer cet horrible valign :) )
 
Je viens de tester ma solution sous safari, La justification marche nickel pour les TD.

Bien sûr, il faut corriger la petite erreur : class="texte1" et non pas classe=