création d'un site web

[svernoux]

Ca faisait longtemps, hein ?

Toujours pour le dernier site dont je vous avais parlé : je suis après faire leur press-book. Donc, je scanne de vieux articles de journaux et je veux les metre dans le site. C'est assez moche (qualité très mauvaise), mais bon, j'ai pas trop d'autre alternative. Donc, j'ai mis déjà scans en ligne, mais sur deux images, ça me fait un truc très bizarre !
Si vous voulez bien regarder ici :
http://www.voskressenie.com/pressbook.html

J'ai pas encore fait toutes les années, hein ! Si vous allez sur 2006 et sur 1999, aucun problème.
Sur 2000 en revanche, les deux dernières photos s'affichent correctement, mais la première s'affiche :
-floutée par endroits sous FF
-pas du tout sous IE !
-floutée d'abord sous Opera, puis elle se recharge immédiatement (pourquoi ?) et ne s'affiche plus (enfin, juste une petite bande en haut)

Et tout ceci alors que tout s'affiche parfaitement lorsque je visualise les pages en local, quel que soit le navigateur !

L'image de 1995 fait pareil.

Quelqu'un sait où est la cause de ce mystère ?

[Syew]

Quand tu dis "flouté", tu entends quoi par là ?
Car j'ai essayé tes pages, enfin plutôt celle de "Hiver 2000", et effectivement, les deux dernières images se sont correctement affichées, mais la première était en partie "déchiffrable", il y a avait des petits carrés comme des "pixels" agrandis sur l'écran. C'est ça "flouté" ?

[svernoux]

Oui, c'est ça, avec des pixels agrandis là où ils ne devraient pas l'être.

[Syew]

Effectivement, mais tu vas rire, moi, sur la première image, c'est toute la partie inférieure de l'image qui est floutée (j'utilise Firefox).
Ca fait comme si l'image n'avait pas fini de charger, or, il m'indique "terminé".
C'est peut-être un bug quand tu as "uppé" tes images, peut-être que la totalité du fichier n'a pas été envoyé sur le serveur.

[svernoux]

Ben, c'est bizarre, il ne m'a pas indiqué d'erreur lors de l'upload.

[ANTHOS]

Peut-être quelque chose dans le CSS ? Pour la première image c'est comme s'il y a une très large bande au bord inférieur (de meme couleur que le fond).

(Quand je télécharge l'image sur le disque local, je la vois en entière dans un autre logiciel)

Bravo pour le site - première fois que je le vois!

[svernoux]

Ah bon ben si , ça devait être ça alors. J'ai ré-uploadé et ça marche ! Désolée pour le dérangement

[Syew]

C'est pas grave ^-^
*se sent utile, pour une fois qu'elle a pas dit une connerie*

[svernoux]

Hello hello,

Nouveau défi de formattage html
Ou css plutôt.

Dans un site web, j'ai une chouette bordure dashed. C'est chouette sous IE, sous Opera ça va encore, mais ô, horreur ! en ouvrant sous FF, c'est très moche. FF et IE n'espacent pas les tirets de la même façon et le résultat est aux antipodes...
J'ai essayé de remplacer par une bordure dotted : là, c'est très beau sous FF et moche sous IE.

==> Y'a-t-il un moyen de faire des instructions css différentes selon les browsers ?
Oui bon je sais je rêve un peu, mais ça fait pas de mal, non ?

[iubito]

Si y'a moyen, mais avec l'apparition de IE7 je ne sais pas trop si ça marche pareil...

En css normal :

Code: Select all

div.encadre { border:... }

Pour FF (et Opera aussi il me semble) :

Code: Select all

html>body div.encadre { border:... }

Sur internet, cherche les "hack css" ou trucs du genre

[svernoux]

Euh... J'ai pas trop compris ce que je dois mettre où...?

(je vais essayer sur IE7, ça coûte rien !)

Moi j'ai par exemple :

Code: Select all

div.content {
background-color:#FCF2E6;
border:dashed 3px #8D9719;
margin:0 227px 30px 14em;
padding:0px 20px 10px;
}

(en fait je l'ai pas sur le body, je l'ai sur plueisuers boîtes)

[iubito]

Euh... J'ai pas trop compris ce que je dois mettre où...?

(je vais essayer sur IE7, ça coûte rien !)

Moi j'ai par exemple :

Code: Select all

div.content {
background-color:#FCF2E6;
border:dashed 3px #8D9719;
margin:0 227px 30px 14em;
padding:0px 20px 10px;
}

(en fait je l'ai pas sur le body, je l'ai sur plueisuers boîtes)

Dans ton css, tu mets ça et tu ajoutes :

Code: Select all

html>body div.content {
border:dotted 3px #8D9719;
}

"html>body" c'est un hack pour Firefox, un truc que IE ne voit pas.

Traduction :
1) applique le fond, la border dashed, le padding/margin à l'élément

Code: Select all

<div>

2) pour FF (et peut-être Opera), applique par dessus (remplace) la border dotted sur

Code: Select all

<div>

[svernoux]

Bouh. Ca marche pas, ça me met du dotted partout, y compris sur IE.

[svernoux]

la solution est d'écrire la page en UTF8 dans un éditeur qui l'accepte, mais si tu fais du php avec include ça pose problème.
et de dire dans les meta charset=UTF8 (je n'ai pas la syntaxe exacte sous les yeux)

Je déterre complètement ce thème (c'était à propos du cyrillique). J'aurais dû te questionner à l'époque, iubi. Ca m'avait paru compliqué ce que tu disais, mais en fait c'est hyper simple. Qn me l'a redit et j'ai essayé, en fait il suffit de sélectionner "encoder en UTF-8" dans l'éditeur (dans Notepad++ en tout cas je l'ai) et zou, on peut écrire en cyrillique. Du coup, il faut bien remplacer les caractères spéciaux par du code, mais de toute façon je le faisais déjà alors...
Bon enfin voilà,n c'est dit, si jamais ça peut servir à qn...

[Dada]

JE remonte ce topic pour poser une question.
Je cherche des possibilites d'hebergement de site web pour une association, et en comparant des offres je me rend compte que souvent les prix "linux" sont moins chers que les "window". Et je me demande quelle est la difference entre les deux?
Parce que autant que je sache je peux me connecter avec mon PC tourant sur winmachin par FTP et envoyer mes fichiers html vers une machine linux, non?

Merci d'avance pour vos lumieres.
Dada