27-05-2004, 17:28
Cedric, tu trouveras le fichier à utiliser ici: <br><a href="http://ic.epfl.ch/~dyke/jrrvf.css"> http://ic.epfl.ch/~dyke/jrrvf.css</a><p>Normalement tout marche. J'ai fait des tests dans plusieurs browsers pour vérifier. (euh je suppose que y'a pas besoin de te suggérer de mettre la balise <link rel="stylesheet" href="default.css" type="text/css"> dans les nouveaux fuseaux et prévisualisations au lieu d'inclure le texte verbatim. Comme ca, si on découvre que c'était erroné, ca sera facilement corrigeable.)<p>Quelques remarques:<p>- attention aux retours de chariot. <br><code><br><div class="gauche"> gauche </div><br><div class="droite"> texte a droite décalé a cause du retour entre la fermeture du premier div et l'ouverture du second</div><br></code><br><div class="test"><br><div class="gauche"> gauche</div><br><div class="droite"> texte a droite décalé a cause du retour</div><br></div><br><code><br><div class="gauche"><br>texte à gauche décalé a cause du retour</div><div class="droite"> texte a droite </div><br></code><br><div class="test"><br><div class="gauche"><br>texte à gauche décalé a cause du retour</div><div class="droite"> texte a droite </div><br></div><p>- si le texte de gauche est plus long que le texte de droite, la suite ne se mettra pas sous la gauche, mais sous la droite. <br><code><br><div class="gauche"><br>texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long<br></div><div class="droite"> <br>texte a droite <br></div><br>texte de suite pas au bon endroit<br></code><br><div class="test"><br><div class="gauche"><br>texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long<br></div><div class="droite"><br>texte a droite<br></div><br>texte de suite pas au bon endroit <br></div><p><div style="clear:both"></div><p>pour parer à ce problème, qui sera à l'avenir visible dans la prévisualisation (moyennant parfois des redimensionnements de fenetre, car la place en prévisualisation est en général plus large que la place en post - les largeurs de ligne sont plus courtes), il faut introduire le code suivant:<code><b><div class="vide"></div></b></code> <p><code><br><div class="gauche"><br>texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long<br></div><div class="droite"> <br>texte a droite <br></div><br><div class="vide"></div><br>texte de suite au bon endroit<br></code><br><div class="test"><br><div class="gauche"><br>texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long texte à gauche plus long<br></div><div class="droite"><br>texte a droite<br></div><br><div class="vide"></div><br>texte de suite au bon endroit <br></div><p>-finalement, j'ai crée une classe test qui permet de prévisualiser en couleurs afin de pouvoir plus facilement voir ou sont les erreurs. Le texte de gauche vient en rouge, celui de droite en bleu. tous les autres textes sont en jaune et le truc pour la séparation aparait en vert. <p>voila deux petits exemples, avec et sans test:<br><code><br><b><div class="test"></b><br><div class="gauche"> <br>gauche <br></div><div class="droite"> <br>droite <br></div><br><div class="vide"></div><br>Un bout de texte avec du "vide" au dessus...<br><b></div></b><br></code><br><div class="test"><br><div class="gauche"><br>gauche<br></div><div class="droite"><br>droite<br></div><br><div class="vide"></div><br>Un bout de texte avec du "vide" au dessus...<br></div> <br><code><br><div class="gauche"> <br>gauche <br></div><div class="droite"> <br>droite <br></div><br><div class="vide"></div><br>Un bout de texte avec du "vide" au dessus...<br></code><p><div class="gauche"><br>gauche<br></div><div class="droite"><br>droite<br></div><br><div class="vide"></div><br>Un bout de texte avec du "vide" au dessus...