S'il s'agit réellement d'apprendre...
... Alors la question n'est pas avec ou sans images (background s'entend) mais avec ou sans css. Donc avec ou sans maintient de la qualité et de l'intégrité du code html initial (pour autant qu'il existe, évidemment, ce qui semble bien complètement échapper à bon nombre).
Bon déjà le petit jeu que tu as choisi de suivre sur les coins arrondis sans images est un bel exemple de massacre complet.
Il y a une chose qu'il faut comprendre c'est que les css servent avant tout à permettre de parler présentation sans que le document html ne s'en trouve aucunement affecté en terme de balisage structurant et rien d'autre.
Cela a des contraintes nombreuses, cela a des limites nombreuses, par bonheur cela offre des possibilités nombreuses aussi...
Tu veux une solution sans images ??? Très simple :
Et la question est réglée.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <table style="width:100%"> <tr> <td style="width:130px;"> <p> Ici ta pub qui tue. </p> </td> <td> <!-- Ici un très vague contenu dont tout le monde se contrefiche du moment que la pub tue --> </td> </tr> </table>
Tu veux une solution en javascript ??? Très simple aussi :
Et basta on nage dans le bonheur...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 function ma_machine_a_gaz() { var referent=document.getElementById('contenue').offsetHeight; var calcul_hauteur_pub=document.getElementById('autre').offsetHeight; var calcul_hauteur_texte=document.getElementById('texte').offsetHeight; if (calcul_hauteur_pub < referent) { document.getElementById('autre').style.height=referent+'px'; } if (calcul_hauteur_texte < referent) { document.getElementById('texte').style.height=referent+'px'; } } window.onload=ma_machine_a_gaz;
Et tout ça pour quoi ?
Encore une fois, s'il s'agit bien d'apprendre :
1. Revoir les bases du html structurant (version strict donc, et sans détournement de la balise <table>)
2. S'exercer aux possibilités et limites des css
3. Utiliser des images quand c'est la meilleure solution de ce point de vue.
Partager