Reprise du message précédent :
Ah mais ça su>< dans l'image de la bestiole il y aussi l'image du décor en arrière.
 
 
Bon je jeterai un ?il mais je promet rien, j'ai un Linux à réparer ce soir

Hé oui. D'où nécessité d'un positionnement précis (enfin bon, déjà, faudrait arriver à positionner la bête par dessus les autres... et déjà que les autres soient positionnés... fait chiiiiiiieeeeeeeeer)

pourquoi veux-tu séparer l'image du reste ? elle peut changer ? je pense que ce serait plus simple de mettre le titre, l'image, et un bout du background dans une seule image. il reste alors un bout de background à mettre dans un <div> à gauche (même taille que le background, avec la couleur de fond. à droite, un <div> pour le menu, un <div> pour le texte.

display: inline-box; ?
enfin le coup de la bete margin pour le a ça marche avec ie6 et mozilla quoi, c juste ie5.5 qui veut pas

 
Mmmmh mouais pkoi pas, mais bon c pas très élégant comme technique. Et ca me dit toujours pas comment je fais rentrer tout ça proprement dans les cadres (nested <div> = c bien beau mais c pas identique sous divers navs)

les résultats du sondage sont maintenant un peu différent de ce qu'on avait au début

Bon ben vais devoir passer par un tableau mwa

Bon, alors là je cale...
 
Déjà, j'ai abandonné mon ancienne présentation, qui était vraiment pète-couilles dans sa construction, pour une autre un peu plus cool. Et, miracle, je m'en sortais plutôt bien, jusqu'à maintenant...
 
Je m'explique:
 
Apparement NN6 (puisqu'avec NN4 c'est le bronx le plus complet, donc j'ai abandonné...) et IE ne gérent pas de la même manière la hauteur des <div>.
 
En effet, j'ai remarqué (et dites moi si je me trompe) que ni IE ni NN6 n'obligent à ce que la hauteur des <div> soit spécifiée, si bien que lorsque le contenu est plus important, ils agrandissent automatiquement les <div>.
 
Mais le problème est que j'ai des <div> imbriqués les uns dans les autres, et qu'il faut pour NN6 que la hauteur du <div> conteneur soir spécifiée, sinon il y a un bug graphique avec le <div> inclus, c'est à dire qu'apparemment NN6 ne peut pas agrandir les <div> quand un autre <div> inclus dans le premier est trop grand
 
Si je n'ai pas été très clair, allez voir à ces pages avec NN6, vous constaterez le problème:
 
http://oppc.free.Fr/index.php où là aucune hauteur n'est spécifiée pour le <div> qui prend le milieu horizontal de la  
page
 
http://oppc.free.Fr/index2.php où là elle est spécifiée, mais ça merde quand même quand le contenu du <div> violet est trop important...

idem dans Opera 6.0.5 que dans Mozilla 0.9.8 donc je suppose qu'en fait c'est IE qui fait pas comme les autres

antp a écrit a écrit : les résultats du sondage sont maintenant un peu différent de ce qu'on avait au début

 
Ben, au début tous les puristes ont répondu. Maintenant ce sont des visiteurs de base qui répondent, donc c'est pas étonnant. :-(

Bon ben j'ai réussi avec peine à faire un beau design à base de tableaux et de CSS et qui marche bien sous MSIE5.x & Moz1.x & Opera5.x mais j'ai pas testé NS4 (j'appréhende une monstruosité digne de ce nom)
 
Féchiééééééé moi qui aime tellement les <div>, impossible de faire un truc potable ET cross-browser

Bon, ben moi aussi je vais devoir passer par un tableau...

J'ai fait ça rapidement hier soir. Ca marche avec IE 6, Mozilla, Opera 6 et Konqueror. Avec NS4 c'est un gros paté, mais ça reste lisible.
 
On peut sans doute faire mieux (notamment quand la fenêtre n'est pas assez haute). J'essaierai de le refaire sans passer par le positionnement absolu.

antp a écrit a écrit : les résultats du sondage sont maintenant un peu différent de ce qu'on avait au début

Quelque part c'est rassurant

Ca parait logique ;)

Je vois pas où est le problème avec NN6, si je rajoute plein de texte au milieu tout se décale vers le bas sans problème (note: j'utilise Mozilla 1.1)

Ben ça c'est de ta faute. Si tu spécifies la hauteur c'est que tu  la connais à l'avance. Donc si tu mets trop de texte le navigateur il a pas trop le choix : ça déborde. On peut contourner ce problème : afficher des barres de défilement si il y a besoin (propriété overflow: auto;) ou utiliser min-height (mais ça foire encore pas mal cette propriété)

gm_superstar : j'apprécie ton effort, et je vais décortiquer ça pour voir comment tu t'en es sorti.
M'enfin bon je me fais plus trop d'illusions

 
Et bien non, ça le fait pas chez moi...  
 

gm_superstar a écrit a écrit :   Ben ça c'est de ta faute. Si tu spécifies la hauteur c'est que tu  la connais à l'avance. Donc si tu mets trop de texte le navigateur il a pas trop le choix : ça déborde. On peut contourner ce problème : afficher des barres de défilement si il y a besoin (propriété overflow: auto ou utiliser min-height (mais ça foire encore pas mal cette propriété)

 
J'ai résolu mon problème en passant par un simple tableau à 3 lignes. Et les <div> sont inclus dans chacune de ces trois lignes, et là, plus de problème, ni avec IE, ni avec NN6... Reste NN4, mais pour lui, je vais passer grâce à PHP à une page spéciale faite uniquement à base de tableaux, et ça ira comme ça...

haazheel a écrit a écrit : Et bien non, ça le fait pas chez moi...

Quelle version de NN6 ? De toute façon la version 6 est un peu toute pourrie Je te conseille de réessayer avec la 7 ou Mozilla.

Eureka... j'ai trouvé          
 
Yaisse, mon essai semble fonctionner aussi bien sur Moz1.0 que sur IE 5.5 et Opera 5.12  
 
Si vous avez d'autres browsers, allez jeter un oeil ici svp, et dites moi si c bon (et si y a un screenshot en prime, ca serait trop sympa)

manque le lien

si c'est http://pikas.net.free.fr/bourdel/temp.html ça marche ni dans IE 6 ni dans Opera 6

C'est pour ça que ça marche

Merdre sorry oublié le lieng =)
 
http://pikas.net.free.fr/Design/test.html
 
Et en plus, je pense que je pourrai spécifier des CSS spécial NS4 qui amélioreront un peu ce bordel

Opera 6.0.5 :
http://ibelgique.ifrance.com/antp/ [...] era605.png
 
IE 6.0 :
http://ibelgique.ifrance.com/antp/ [...] as_ie6.png
 
Mozilla 0.9.8 :
http://ibelgique.ifrance.com/antp/ [...] lla098.png

ca marche sous moz1.1 et IE5.0

Un grand bravo à ifrance qui sait parfaitement configurer ses serveurs et qui envoie un type MIME application/octet-stream pour les images PNG

ha ouais c'est chiant hein avec Mozilla
y a pire : si tu utilises ibelgique.com au lieu de ibelgique.ifrance.com comme url, IE propose de sauver en bmp au lieu de png quand tu fais un Save As

w3c: ça merde un peu dans IE6 quand la fenetre est trop petite:
http://membres.lycos.fr/gggrrrreee [...] _ie6_1.png
 
mais sinon ça à l'air ok:
http://membres.lycos.fr/gggrrrreee [...] _ie6_2.png

allez un autre serveur, pour ceux qui utilisent Mozilla :
 
Opera 6.0.5 :
http://membres.lycos.fr/antsims/_i [...] era605.png
 
IE 6.0 :
http://membres.lycos.fr/antsims/_images/pikas_ie6.png
 
Mozilla 0.9.8 :
http://membres.lycos.fr/antsims/_i [...] lla098.png

Merci pour les screenshots...
 
Tiens j'ai updaté là Qq trucs mineurs, normalement ca devrait pas bouger

tjs le meme bidule bizarre avec les petites fenetres

C'est mis à jour
 
Dites-moi ce que vous en pensez now (et signalez toute "bizarrerie" tant qu'à faire).
 
http://pikas.net.free.fr/Design/test.html

Y a encore qqques bugs :
 
Netscape 4.77 :
http://membres.lycos.fr/antsims/_i [...] _ns477.png  
 
Netscape 3.04 :
http://membres.lycos.fr/antsims/_i [...] _ns304.png  
 
 

 
     
 
Pour ce qui est de NS, je prépare une feuille de style alternative, certes moins chiadée, mais qui laisse le contenu lisible.

Problème du soir...
 
Pour un formulaire, je voudrais mettre les champs à compléter en face de leurs noms, de telle sorte que les titres soient alignés à gauche, et qu'en face soient alignés les champs.
 
Ex:
Titre              ChampTitre
Auteur           ChampAuteur
Editeur           ChampEditeur
 
Bien évidemment, je peux passer par un tableau, mais je voudrais éviter. Comment je peux faire?? J'ai tenté avec des <p>, mais à chaque fois ils se mettent les uns en dessous des autres
A moins de spécifier un margin-top:-???px pour le <p> des champs, mais quand je voudrai ajouter un champ de recherche, je vais devoir modifier cette valeur...
 
Vous me conseillez quoi??

Pourquoi pas un tableau ?

antp a écrit a écrit : Pourquoi pas un tableau ?

 
Ben en ce moment, c'est fait avec un tableau, mais grâce à quelques unes des personnes qui fréquentent ce topic et qui m'ont converti, j'aimerais limiter les tableaux à leur seul usage de tableaux et les éviter pour la présentation des pages...
 
Just for fun quoi!!  
 
Et puis ça pourra servir pour autre chose!

Ben oui, dans le cas présent, je vois aucune raison de ne pas utiliser un tableau. Ici, la présentation de données (et la relation entre chaque champ et son intitulé) est tout à fait cohérente pour l'usage d'un tableau.
 
Donc ce n'est pas de la présentation de page, mais de la présentation de données, ici...

 
Bon, vous avez gagné, je reste avec mon tableau...
 
Mais sinon, par simple curiosité, vous pourriez pas me dire comment faire??

Avec des <div> et des propriétés à la con genre float