18078 sujets

Questions générales et questions de débutants

Plusieurs questions

Bonjour tous

J'ai débuté le XHTML+CSS et donc mon futur site le 07.02.06 (avec des bases d'html)
Pas question de clé-en-main,donc c'est avec NotePad++ que je le réalise.

Vieux pilier du forum PC Astuces,j'ai fouillé pour savoir les liens indispensables et tout naturellement,le sous-forum webmasters donne Alsacreations et Openweb comme obligatoire.
Depuis un mois,si j'avais donné un euro à chaque visite ici,Alsacréation serait riche Smiley lol

Le site est pratiquement fini de coder et seule la page d'accueil me pose probleme........surtout avec IE Smiley decu .
J'ai passé les tests et n'ai aucun probleme,validation pour tous.

J'ai essayé avec les recherches,mais surement que je donne pas les bon mots Smiley cligne

Un peu d'explication:
D'abord désolé de cacher le header,mais j'ai pas encore déposé le nom
Cette page est dans un conteneur et restera fixe,et pour cause,c'est pour le choix.
J'ai juste rajouté un diaporama,pas pu résister a faire de la pub pour mon pays.

Mais d'abord les images:

Avec Firefox:

http://griggione.free.fr/site/site4.png

Avec Internet Explorer:

http://griggione.free.fr/site/site5.png

1/ comment resoudre ce probleme de marge qui n'est pas pareil
2/ comment avoir le border dans le conteneur
3/ comment cacher les balises et texte

http://griggione.free.fr/site/site3.png

La je pense que cela doit etre relativement facile meme si en ce moment j'ai tellement ingurgité de code que je trouve pas de solution.
Par contre pour le suivant,c'est certainement plus pointu,à savoir si c'est d'ailleurs possible.

4/ le diaporama marche trés bien dans les deux navigateurs si je laisse IE sans la transparence des png.
Dés que je l'applique dans xhtml+css,ça ne marche plus mais sous FF.
Plus d'infobulle et encore moins l'affichage de l'image choisie.
Alors qu'avec IE c'est toujours bon (pour une fois)

Certe je peux corriger le probleme en mettant une extension en .jpg.
Mais j'aimerais,comme indiqué au début,etre le plus prés pôssible du strict et garder les png.

Et enfin les fichiers index.html et text.css:
http://griggione.free.fr/site/

C'est un peu long et ce topic sera déplacé dans le bon forum Smiley confused
Si je dois donner les codes sources,ben pas de probleme,j'édite.
Modifié par griggione (19 Mar 2006 - 11:05)
Administrateur
griggione a écrit :
Depuis un mois,si j'avais donné un euro à chaque visite ici,Alsacréation serait riche Smiley lol

Et moi, si tous les gens qui oublient le "s" final à Alsacréations me donnaient un euro, je serai bien riche aussi Smiley biggrin
Bonsoir à toi et bonne chance pour la résolution de ton problème Smiley cligne

EDIT : pour tes problèmes de marges, as-tu pensé à suivre la méthodologie donnée dans la FAQ ?
Si oui, as-tu déterminé l'élément ou les éléments qui posent problème ?
Modifié par Raphael (12 Mar 2006 - 21:49)
Bonsoir Raphael

Raphael a écrit :

Et moi, si tous les gens qui oublient le "s" final à Alsacréations me donnaient un euro, je serai bien riche aussi Smiley biggrin

C'est vrai la aussi..... Smiley lol Smiley lol

Bon je vais me replonger dans le tuto que j'ai déja lu pourtant.
Ce qui est bizzare,c'est que si je met les jpg,ne reste que le probleme du border.De meme puce et texte n'apparaissent plus.

EDIT/ Oupsssss........pas moyen de voir les images dans le topic?
Pourtant j'en vois dans d'autre. Smiley decu
Modifié par griggione (12 Mar 2006 - 22:06)
Raphaël a écrit :
Et moi, si tous les gens qui oublient le "s" final à Alsacréations me donnaient un euro, je serai bien riche aussi
Smiley biggrin

En plus, tu économiserais le nom de domaine correspondant Smiley cligne



a écrit :

Certe je peux corriger le probleme en mettant une extension en .jpg.
Mais j'aimerais,comme indiqué au début,etre le plus prés pôssible du strict et garder les png.

Là je suis obligé de t'arrêter : le PNG n'est pas plus "strict" qu'un autre format (JPG ou GIF). Ce sont deux choses qui n'ont strictement rien à voir, c'est comme si tu parles de pommes et que moi j'arrive en te parlant d'oranges.
Bonjour QuentinC

OK c'est noté Smiley cligne
Par contre l'autre probleme avec les .jpg,est que la transparence en fait apparait en blanc.
Certe c'est plus joli que le gris de IE,mais on ne voit plus le fond,comme dans les menus.
Regarde les images,j'ai rectifié les liens.
griggione a écrit :
Bonjour QuentinC

OK c'est noté Smiley cligne
Par contre l'autre probleme avec les .jpg,est que la transparence en fait apparait en blanc.
(...)


Il n'y a pas de transparence dans le format JPEG...
Bonjour Gilles

Je me suis mal expliqué,effectivement en .jpg il n'y a pas de transparence.
Par contre dans ce cas les miniatures sont fonctionnelles sous FF,pas dans le cas de png avec transparence activée pour IE.

Mais j'ai déposé le lien des codes dans le 1er topic.
Utilise des TIFF, comme ça tu es sûr que ça marche chez tout le monde ... Smiley exit

Plus sérieusement : le GIF permet une transparence, mais pas le JPG.
Bonjour QuentinC

Je viens de faire la modif et ma foi le résultat est le meme.
C'est un fond blanc qui apparait comme en jpg.

Je prefere donc garder mon image conteneur en png,reste le probleme de ces miniatures inactives dans FF.
Il me semble avoir lu quelque part,qu'il pouvait y avoir un probleme de 1er ou 2eme plan....je dis bien,il me semble Smiley ohwell
RE QuentinC

Autant pour moi. Smiley confused
En effet,le gif affiche bien la transparence,mais pour cela il ne faut oublier d'activer cette fonction avec PSP par exemple.
Sinon,ben c'est l'opacité qui est de mise.
Modifié par griggione (14 Mar 2006 - 19:02)
griggione a écrit :
RE QuentinC

Autant pour moi. Smiley confused
En effet,le gif affiche bien la transparence,mais pour cela il ne faut oublier d'activer cette fonction avec PSP par exemple.
Sinon,ben c'est l'opacité qui est de mise.


Le GIF peut gérer la transparence des pixels (un pixel est soit 100% transparent, soit 100% opaque).
Le PNG peut gérer la translucidité des pixels (chaque pixel a une couleur, mais peut également avoir un niveau de tranlucidité entre 0 et 255).

http://openweb.eu.org/articles/png_vs_gif/
Modifié par mpop (15 Mar 2006 - 14:23)
Bonsoir mpop

Merci pour cette précision. Smiley cligne
Malheureusement,je n'ai trouvé nulle part pourquoi avec les png mes miniatures sont désacticées et pas avec les gif...... Smiley eek
Bonjour tous

C'est bon,j'ai repéré l'adresse de l'asile le plus proche...... Smiley decu

Je ne trouve pas dans la FAQ le probleme suivant:

http://griggione.free.fr/site/site7.png
A savoir que les liens des drapeaux ne sont pas actifs sous IE,ni que les info-bulles apparaissent.

<div class="menu1">
        <ul><br /><br />
          <li><img src="img/bouton0.png" alt="bouton" /> Corsu      <a href="corsa/corsa1.html" title="Corsa"><img src="img/corse.png" alt="Corsa" /></a></li>
          <li><img src="img/bouton0.png" alt="bouton" /> English     <a href="ang/ang1.html" title="England"><img src="img/ang.png" alt="England" /></a></li>
          <li><img src="img/bouton0.png" alt="bouton" /> Français   <a href="fra/acc1.html" title="France"><img src="img/fra.png" alt="France" /></a></li>
        </ul>
      </div>


#bouton5
{
  background-image: url('img/bouton5.gif');
  background-repeat: no-repeat; 
  width: 180px;
  height: 300px;
  margin-left: 25px;
  margin-top: 15px;
}

li 
{
  list-style: none;
  font-family: "Comic Sans MS", verdana, arial, sans-serif;
  font-size: 110%;
  font-weight : bolder;
}

.menu1
{
  margin-left: 30px;
  margin-top: -320px;
}
Administrateur
griggione a écrit :
A savoir que les liens des drapeaux ne sont pas actifs sous IE,ni que les info-bulles apparaissent.

Hello,

Je ne suis pas sûr d'avoir compris ;
- Tu voudrais supprimer les bordures autour des images de lien ?
- Tu voudrais une infobulle ? Dans ce cas, il faut utiliser l'attribut qui affiche une infobulle, c'est à dire "title" Smiley cligne ("alt" n'étant que le texte alternatif)
Bonjour Raphael

Bon déja merci pour les bordures,enfin de me signaler que j'ai oublié de les enlever des drapeaux Smiley cligne

Non le probleme est que normalement le drapeau est aussi un lien bien sur.
Puisque cette page renvoie sur la langue désirée.
Sinon regarde le code en haut,j'ai bien mis title et ça marche sous FF par exemple.
Sujet clos
Aller à