Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

1ère page avec des erreurs !

35 réponses
Avatar
grenault
Bonjour,

Il faut bien innover, non ? Dès que l'on veut faire une présentation un
peu chiadée, paf, le W3C, y ne veut pas. Et bien tant pis pour lui. La
page marche parfaitement bien avec FF, IE8 (oui même lui) et Chrome. Pas
encore vérifié avec les autres.

L'objet du déli :

http://www.grenault.net/vin.htm

3 erreurs, je n'arrive pas à corriger, pourtant simple !

Je veux simplement mettre une image à droite de trois <Li>. J'y suis
arrivé !

Merci.

A la votre !

--
Photo, Home-cinéma, Polars, vin, cartes virtuelles...
http://www.grenault.net/cartes_postales.htm
http://www.grenault.net
http://guides-pratiques.info/annuaire.html

10 réponses

1 2 3 4
Avatar
Williamhoustra
"grenault" a écrit dans le message de groupe de
discussion : 4c8e516b$0$10208$
Bonjour,

Il faut bien innover, non ? Dès que l'on veut faire une présentation un
peu chiadée, paf, le W3C, y ne veut pas. Et bien tant pis pour lui. La
page marche parfaitement bien avec FF, IE8 (oui même lui) et Chrome. Pas
encore vérifié avec les autres.

L'objet du déli :

http://www.grenault.net/vin.htm

3 erreurs, je n'arrive pas à corriger, pourtant simple !

Je veux simplement mettre une image à droite de trois <Li>. J'y suis
arrivé !

Merci.

A la votre !



Tout est correct avec la trilogie des navigateurs usuels IE8, Opera, FF.
Même en jouant à l'accordéon avec la page rien ne se déforme anormalement.
Avatar
grenault
Le 13/09/2010 20:23, Denis Beauregard a écrit :
Le Mon, 13 Sep 2010 20:11:11 +0200, grenault
écrivait dans fr.comp.infosystemes.www.auteurs:

Avec Seamonkey 1.1.7, le Bourgueil est au centre avec une colonne
étroite, idem pour COULÉE-DE-SERRANT et SAVENNIÈRES.
Le reste de la page semble bon.



Avec SeaMonkey 2.0.6 tout est OK





Il doit tout de même y avoir une anomalie dans le code pour que
l'erreur ne survienne que 3 fois...


Denis




Je n'ai utilisé ce système que trois fois. Je ne dis pas qu'il n'y a pas
d'erreur mais je ne sais pas la corriger... J'ai mis un commentaire sur
le code, pour prévenir les puristes.

--
Photo, Home-cinéma, Polars, vin, cartes virtuelles...
http://www.grenault.net/cartes_postales.htm
http://www.grenault.net
http://guides-pratiques.info/annuaire.html
Avatar
grenault
Le 13/09/2010 20:35, Williamhoustra a écrit :


"grenault" a écrit dans le message de groupe
de discussion : 4c8e516b$0$10208$
Bonjour,

Il faut bien innover, non ? Dès que l'on veut faire une présentation
un peu chiadée, paf, le W3C, y ne veut pas. Et bien tant pis pour lui.
La page marche parfaitement bien avec FF, IE8 (oui même lui) et
Chrome. Pas encore vérifié avec les autres.

L'objet du déli :

http://www.grenault.net/vin.htm

3 erreurs, je n'arrive pas à corriger, pourtant simple !

Je veux simplement mettre une image à droite de trois <Li>. J'y suis
arrivé !

Merci.

A la votre !



Tout est correct avec la trilogie des navigateurs usuels IE8, Opera, FF.
Même en jouant à l'accordéon avec la page rien ne se déforme anormalement.



Merci !

--
Photo, Home-cinéma, Polars, vin, cartes virtuelles...
http://www.grenault.net/cartes_postales.htm
http://www.grenault.net
http://guides-pratiques.info/annuaire.html
Avatar
Olivier Miakinen
Le 13/09/2010 20:50, grenault à Denis Beauregard :

Avec Seamonkey 1.1.7, le Bourgueil est au centre avec une colonne
étroite, idem pour COULÉE-DE-SERRANT et SAVENNIÈRES.
Le reste de la page semble bon.



Avec SeaMonkey 2.0.6 tout est OK









Je confirme l'un et l'autre : OK avec SeaMonkey 2.0.6 sur Windows,
illisible avec SeaMonkey 1.1.7 sur Linux.

Je n'ai utilisé ce système que trois fois. Je ne dis pas qu'il n'y a pas
d'erreur mais je ne sais pas la corriger...



Tu n'as pas lu la réponse de SAM ? Pourtant si, puisque tu lui as
répondu : il te suffit de mettre l'image en float:right au lieu de
rajouter un div en float:left, c'est lui qui est inutile et rend ton
code invalide.

--
Olivier Miakinen
Avatar
grenault
Le 13/09/2010 21:21, Olivier Miakinen a écrit :
Le 13/09/2010 20:50, grenault à Denis Beauregard :

Avec Seamonkey 1.1.7, le Bourgueil est au centre avec une colonne
étroite, idem pour COULÉE-DE-SERRANT et SAVENNIÈRES.
Le reste de la page semble bon.



Avec SeaMonkey 2.0.6 tout est OK









Je confirme l'un et l'autre : OK avec SeaMonkey 2.0.6 sur Windows,
illisible avec SeaMonkey 1.1.7 sur Linux.

Je n'ai utilisé ce système que trois fois. Je ne dis pas qu'il n'y a pas
d'erreur mais je ne sais pas la corriger...



Tu n'as pas lu la réponse de SAM ? Pourtant si, puisque tu lui as
répondu : il te suffit de mettre l'image en float:right au lieu de
rajouter un div en float:left, c'est lui qui est inutile et rend ton
code invalide.




J'essaierai demain.

--
Photo, Home-cinéma, Polars, vin, cartes virtuelles...
http://www.grenault.net/cartes_postales.htm
http://www.grenault.net
http://guides-pratiques.info/annuaire.html
Avatar
SAM
Le 13/09/10 19:31, Olivier Miakinen a écrit :
Le 13/09/2010 18:29, grenault a écrit :

L'objet du délit :

http://www.grenault.net/vin.htm

3 erreurs, je n'arrive pas à corriger, pourtant simple !

Je veux simplement mettre une image à droite de trois<Li>. J'y suis
arrivé !



Bonne question, je ne sais pas comment faire. Des idées, les autres ?



ben ... le code correctif que j'ai donné tantôt (11 mn) ne va pas ?

Le 13/09/10 19:33, Olivier Miakinen a écrit :
Le 13/09/2010 19:20, SAM a écrit :

css :
==== >> .photo-droite { float: right; margin: 10px }



Bon sang, mais c'est bien sûr ! C'est l'image qui doit être en
float:right et pas le texte en float:left !



Ha! Bon ! quand même !
On me lit encore ;-)


Pour mémoire, voici l'aspect visuel recherché (à voir avec une police de
caractères à chasse fixe) :
======================================================================== > LES ROSÉS
* CABERNET D'ANJOU
Vin rosé demi-sec. A boire jeune mais peut se garder quelques
années. Le vin de l'été avec un barbecue...
* CABERNET DE SAUMUR
Vin rosé sec étonnant de fraîcheur. Couleur très claire, presque
blanche. A boire jeune et frais. Un vin à découvrir.
* ROSÉ D'ANJOU +------------+
A boire frais dans sa jeunesse. | |
* ROSÉ DE LOIRE | Image |
A boire frais dans sa jeunesse. | |
* TOURAINE-NOBLE-JOUÉ +------------+
Ce vin a son appellation depuis 2001. C'est un vin gris ou rosé.
A consommer dans les 3 ans.
========================================================================



--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 13/09/10 20:50, grenault a écrit :

Je n'ai utilisé ce système que trois fois. Je ne dis pas qu'il n'y a pas
d'erreur mais je ne sais pas la corriger... J'ai mis un commentaire sur
le code, pour prévenir les puristes.



C'est quand même chiant que tu ne lises pas (ou ne comprennes pas) ce
que j'écris !

Je t'ai dit où était ton erreur

je t'ai donné le code html kivabien pour ta page

Je ne sais vraiment plus quoi, ni comment, faire pour que tu captes :-(

Bien sûr que tous les navigateurs vont se débrouiller pour afficher ce
que tu as voulu afficher
sauf ...
que ...
ce n'est pas comme ça qu'il faut faire (proprement)


Si tu ne comprends pas le correctif, demande.


Surtout, comme l'a relevé Olivier un peu sur le tard,
c'est d'une évidence première :
On veut le truc à droite, on met donc le truc à droite

... au lieu de s'évertuer avec tout le reste à gauche
et de ... se colter 3 erreurs pour le div t'à gauche mal placé
(et complètement inutile)

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 13/09/10 21:33, grenault a écrit :
Le 13/09/2010 21:21, Olivier Miakinen a écrit :
Le 13/09/2010 20:50, grenault à Denis Beauregard :

Je n'ai utilisé ce système que trois fois. Je ne dis pas qu'il n'y a pas
d'erreur mais je ne sais pas la corriger...







En fait tu n'as utilisé ce "système" qu'une fois :
un div (mal placé dans le code) pour englober 3 LI

Tu n'as pas lu la réponse de SAM ? Pourtant si, puisque tu lui as
répondu : il te suffit de mettre l'image en float:right au lieu de
rajouter un div en float:left, c'est lui qui est inutile et rend ton
code invalide.



J'essaierai demain.



C'est tout pré-mâché,
y a juste un copier-coller à faire
et vérifier la css de l'image (class je-sais-plus-quoi-droite)

Pendant que tu y es tu essaies de comprendre ce qu'il se passe
par exemple en révisant les notions de 'float' :
<http://www.yoyodesign.org/doc/w3c/css2/visuren.html#float-position>
et relire toute cette page "Le modèle de mise en forme visuel"
<<http://www.yoyodesign.org/doc/w3c/css2/visuren.html>

--
Stéphane Moriaux avec/with iMac-intel
Avatar
grenault
Le 13/09/2010 23:59, SAM a écrit :
... au lieu de s'évertuer avec tout le reste à gauche
et de ... se colter 3 erreurs pour le div t'à gauche mal placé
(et complètement inutile)



Pftt ! Ta méthode est trop simplette pour moi. Voyons, une seule ligne à
ajouter, c'est trop facile. Le pire c'est que ça marche en plus !!!!

Mon erreur était de penser "table", tu as raison, j'ai ce raisonnement
inculqué dans ma petite tête comme un instinct... Mais je m'y met au CSS
sans tables, je persiste (je les aimais bien quand même, snif !)

Merci SAM et tout le monde pour votre aide (je mettrais la page corrigée
en ligne dans la matinée car j'ai des petites améliorations à faire dessus)

--
Photo, Home-cinéma, Polars, vin, cartes virtuelles...
http://www.grenault.net/cartes_postales.htm
http://www.grenault.net
http://guides-pratiques.info/annuaire.html
Avatar
Olivier Miakinen
Le 13/09/2010 23:58, SAM a écrit :

ben ... le code correctif que j'ai donné tantôt (11 mn) ne va pas ?



Usenet est asynchrone ©.

Ha! Bon ! quand même !
On me lit encore ;-)



Oui.

--
Olivier Miakinen
1 2 3 4