Bonjour,
hier j'ai eut l'idée un peu farfelu d'un nouveau design que j'aurais aimé utilisé pour mon site web perso, ce serait quelques chose se basant sur des trucs comme ca:
J'ai essayé de le codé, en passant par 36000 manières ... mais j'ai pas réussi a ce que le dessin passe aussi bien sous IE que sous Firefox ...
Quand IE fonctionne *bien* (ironique ?), sous Firefox ca fait un picasso, et quand inversement.
Alors vu que j'ai pas envie d'imprimer ce que génére l'un de ces 2 logiciels quand ils déconnent pour le revendre au Louvre, serait-il possible que je trouve un peu d'aide ici ?
Donc au final j'ai essayé plusieurs manières:
- Tableau : le tout est dans un tableau avec border collapse, les cases de la diagonale 'occupé' ont un border de 1px noire et dans la case de gauche ont retrouve une div avec un border de 1px blanche et un background-color de la couleur désiré ( orange, vert, etc... ), idem pour celle de droite, et pour le milieu, ben background-color: white, et stou ( pour l'instant ).
Bien entendu ca marche pas, et sur les 2
- Tableau SE : là même chose mais on remplace les div dans les cases par des images ( avec un background-image )
Ca marche bien sur l'un ( firefox je crois ) mais pas sur l'autre ...
Sinon les tableaux ca puxx tout ca tout ca donc:
- Vive les CSS : 3 div dans une grosse div, toutes les 3 avec border 1px black, la première et la troisieme ont un background-image et la seconde ( celle du milieu ) un background-color white. Pour la position, j'utilise de l'absolute ...
Si vous m'avez suivi jusqu'ici ( ouah ), vous avec peut être une idée du pourquoi du comment que ca marche pas ?
PS: je vais poster le code correspondant à chaque méthode, ce sera ptet plus explicite ...