Texte a la droite d'un bloc d'images

Résolu/Fermé
peekabooh - 14 sept. 2007 à 18:54
 pttite-fee - 13 août 2008 à 13:08
bonjour, j'ai un probleme avec mon site qui est ici --> http://peekabooh.nham.free.fr/Cham-Romainville/index.html
donc l'image est a gauche, et le texte a droite. tout va bien. mais depuis, j'ai voulu faire apparaitre le nom de chacun des tits perso que vous voyez (en mettant la souris sur l'image). donc ca a fait ce que vous voyez sur ce deuxieme lien --> http://peekabooh.nham.free.fr/Cham-Romainville/image.html pour l'instant pas de probleme. mais quand j'ai voulu remplacer le bloc d'images (du 2e lien), sur ma page d'accueil, et bin ca donne ca --> http://peekabooh.nham.free.fr/Cham-Romainville/index2.html
donc la le texte est carrement sous le bloc (et non a la droite comme je le voudrais). sinon j'ai deja essaye avec le div align="right" (je sais plus si c'est bien ca) voilou, et merci pour l'aide
peekabooh

3 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
15 sept. 2007 à 20:04
Bonjour,

En fait, ta page est mal conçue.
Tu utilises des tableaux pour la construire et il manque des éléments ou ils sont mal utilisés.
Si tu tiens à conserver cette manière de faire, il faut que tu en revoies la structure.
La 1re solution fonctionne parce qu'il n'y a qu'une image pour les personnages et le texte suit les règles et viens se caser dans l'espace restant.
Lors de l'utilisation des petites images individuelles ce n'est plus possible et le texte suit les règles et viens se placer en dessous.

Actuellement, tes tableaux sont faits comme ça :
<table>
  <tr>
    <td>
      <table>
        <tr>    <!-- ajouté -->
          <td>
          • menu haut •
          • image gauche •
          • texte droite •
          • pied de page •
          </td>
        </tr>
      </table>
    </td>
  <td>
  </td>
  </tr>
</table>
Tu remarqueras qu'il manque un <tr>.

Tu peux essayer de faire quelque chose comme :
<table>
  <tr>
    <td>
      • menu haut •
      <table>
        <tr>
        <td>
        • images gauches •
        </td>
        <td>
        • texte droite •
        </td>
        </tr>
      </table>
      • pied de page •
    </td>
    <td>
    </td>
  </tr>
</table>
qui a ajouté un <td></td> pour une colonne à droite et réparti le contenu différemment.
Ça pourrait ressembler à cet exemple.
Il y reste quelques défauts. On pourrait encore l'améliorer.


Si tu souhaites te lancer et venir à quelque chose de plus actuel, tu peux refaire la page sans tableaux, avec des <div> mises en forme par des CSS.
Ça pourrait ressembler à cet exemple.


++
Tu utilises le BMP pour tes images.
C'est un format assez lourd qui n'est pas forcément géré par tous les navigateurs.
Convertis-les en JPEG, par exemple. Tu y gagneras en compatibilité, en poids et donc en temps de chargement.

--
0
Bonjour,
Désolé de te deranger mai jai un beug ceci un que des que j'arrive sur serveur Counter Strike Source la page acueil du serveur se bloque donc je suis obliger de faire ctrl+alt+supr pour enlever css ceci me gene est ce que je doi changer de carte graphique et prendre une plus puissante comme nvidia 86000 gt jai un ordinateur héberger par viste donc je ne sai pa quoi faire aider moi plz
Merci d'avance
Au ca ou mon adrese msn c'est luc-slipknothotmail.fr
Au revoir
0
C'est super! merci pour l'aide gihef.
par contre je vais rester sur la premiere solution, vu que j'y comprends rien au css (pour l'instant ^^)
, je vais attendre de savoir l'utiliser, avant de m'en servir. merki beaucoup !!!
0
salut! va sur http://chtite-bulle-rose.blog4ever.com tu trouvera des images sympa !
0