28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai eu beau fouiller je n'ai pas trouvé la solution à mon problème que je vais détailler ci-dessous.

J'ai une page qui contient un cadre découpé en images (jusque là tout va bien).
Mais il existe plusieurs versions/thèmes pour ce même cadre. (jusque ici tout va toujours bien)
Le soucis est que la ligne du haut par exemple comporte non moins de 6 images plus une zone de texte variable.
En fait c'est ça qui me cause du soucis.
Sur les 6 images 5 sont de taille définie.
Donc j'ai créé dans ma feuille de style des class correspondants sans problème.
Là où ça coince c'est pour les 2 cellules de taille variable (celle du texte et celle ou l'image doit compléter).
Voici plus précisement ce que cela donne.

        <table align="center" border="0" cellpadding="0" cellspacing="0" width="700" height="24">
            <tr>
              <td width="8" height="24" class="nahg"></td>
              <td width="20" height="24"class="nh"></td>
              <td width="24" height="24" class="nzhg"></td>
              <td height="24"> Nouvelle rubrique! </td>
              <td width="24" height="24" class="nzh"></td>
              <td [#red]width="626"[/#] class="nh"></td>
              <td width="8" height="24" class="nahd"></td>
            </tr>
          </table>

Dans la version initiale (avec images <img src="">) j'avais fixé la taille de la cellule variable au max et ça s'adaptait parfaitement.
Lorsque j'ai mis en place les class je me suis retrouvée avec un truc tout déformé.
J'ai testé avec un width="%" mais le problème reste le même, la taille de la cellule texte ne pouvant pas être fixée non plus j'ai un cadre déformé.

Quelqu'un aurait-il une solution pour règler cela ?
Ou une façon différente d'aborder ce cas de figure.
(J'espère avoir été assez claire Smiley smile )
Modifié par LaTartiflette (21 Jan 2008 - 19:09)