super_newbie_pro

24 Octobre 2008

Mouarrff... :smartass: Bien pris pour les critiques, je vais rectifier ça lundi.

Merci :thumbsup:

23 Octobre 2008

Bonjour

J'ai un problème avec la multiplication du nombre d'images à mettre en cache. Pour changer une image par une autre quand la souris passe dessus, pour l'instant j'utilise ça :

1°) Entre les balises Head, je mets ça :

<script LANGUAGE="JavaScript">
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */

if(document.images)

{

i630951 = new Image;

i630951 = "images_communes/fr_survol.jpg";

}

</SCRIPT>

=====================================

2°) Et là où se trouve mon image à changer, je mets ça :

<A HREF="paysage.html"

onMouseOver="i630951.src='images_communes/fr_survol.jpg'"

onMouseOut="i630951.src='images_communes/fr_origine.jpg'"><IMG

SRC="images_communes/fr_origine.jpg" BORDER=0 NAME="i630951" ALT="Français"

HSPACE=0 VSPACE=0></A>

Problème, pour mon site que je suis en train de faire ( http://www.sengueingaro.fr/ ) j'ai plusieurs boutons de langues... FR, IT, AL, US, etc... et je voudrais une image au survol, différente pour chacun de ces boutons.

Ainsi, au passage de la souris sur le drapeau FR, celui-ci s'éclaicit (image du drapeau éclairée à +20%). Je voudrais que le drapeau US soit aussi éclairé au passage de la souris dessus, de même pour les autres, mais ça impliquerait d'avoir plusieurs images préchargées... Comment faire ? Mon script ci-dessus ne marcherait pas.

D'avance merci pour votre aide.

EDIT ; pareil si je le fais en CSS, ça coince quand j'ai besoin de plusieurs images différentes pour plusieurs passages sur différentes images :

entre les balises <head></head>

<style>
#image

{

width: 00px; (taille de l'image en pixels)

height: 00px; (taille de l'image en pixels)

background: url; (images/image1.jpg)

}

#image:hover

{

width: 00px; (taille de l'image qui s'affiche, en pixels, quand on passe dessus)

height: 00px; (taille de l'image qui s'affiche, en pixels, quand on passe dessus)

background: url; (images/image1_quand_on_passe_dessus.jpg)

}

</style>

entre les balises <body></body>

<div id="image"></div>

(images = lien vers votre image d'origine)

Même problème qu'en java ; si j'ai 5 boutons, où chaque bouton doit avoir sa propre image quand la souris passe dessus, on fait comment ?

Merci

23 Octobre 2008

Oubli d'une question très très importante mais je ne peux plus éditer :

Jusqu'à maintenant, je pensais que ça ne pouvait être fait qu'en flash. Mais peut être que non qui sait. Sur le site que je suis en train de faire -http://www.************.fr à deux reprises je voulais faire un effet de zoom sur un paysage avant qu'apparaisse les menus. C'est notamment le cas quand vous cliquez sur l'index, sur le drapeau FR, puis, quand le menu aura apparu, quand vous cliquerez sur association. Comme je ne maitrise pas le flash et que je ne savais pas comment faire cet effet de zoom, j'ai simplement agrandi la photo à coup de 20% et enregistré chaque image, mise chacune dans une page, qui se redirige automatiquement vers la suivante aprés 2 secondes... C'est vraiment du bricolage. Auriez-vous une solution plus simple, compatible firefox et IE, qui permettrait de se passer de la redirection automatique 6 fois de suites pour simuler un zoom, quitte à faire un vrai zoom ? Est-ce faisable en HTML/Javascript/css ?

Merci

23 Octobre 2008

Pour le redimensionnement des images de fond en fonction de la résolution de l'écran, j'ai décidé de mettre un tableau dont la dimension est limitée à 980 de côté. Ainsi, en 1024 ou plus, les images dans le tableau de 980 ne seront plus bougées décalant ainsi les textes par rapport aux images... Exemple du tableau comme ici ==> http://www.************.fr/essai.html

On vient de me filer cette astuce aussi pour que le changement de couleur soit compatible avec tous les navigateurs :

<STYLE type=text/css>
A:hover {

COLOR:#FFFF00;

border: 1px solid #FFFF00;

}

</STYLE>

De même pour les marges, pour que ça soit compatible firefox/IE, on m'a donné ça :

<STYLE type=text/css>
* {margin:0;}

</STYLE>

Par contre j'ai besoin de mettre du texte en demi arrondi sur mes images. J'utilise Frontpage et Dreamweaver d'une manière alternative en fonction de ce que je veux faire. Comment diable mettre un texte en demi arrondi, ou en biais, ou à l'envers, comme on peut le faire dans Publisher ? Et pour que ça soit compatible firefox/IE ?

Merci

22 Octobre 2008

La possibilité de personnaliser les scrollbars n'est possible que sous IE, donc normal que tu n'es pas le même résultat sous IE et Firefox.

Quand à l'effet de survol sur l'image, l'ordre de déclaration des effets n'est pas le bon : l'ordre est Link - Visited - Hover - Active (LoVe HAte)

Quand a ton problème de marge utilises plutôt les styles, ce sera plus propre

Tout ça est parfaitement normal, IE et les navigateurs basés sur Mozilla n'interprètent pas certaines choses de la même manière (c'est évidemment IE le fautif...).
1) les scrollbars (ou barres de défilement) : c'est un code propriétaire Microsoft, les autres navigateurs ne peuvent donc l'utiliser.

2) le rollover sur les images : je ne sais pas s'il existe une solution, mais s'il y en a une, tu la trouveras sur les sites de références comme alsacreations.com ou openweb.eu.org

Solution alternative : créer une image réactive (l'image change d'aspect au rollover). Ca, ça fonctionne sur tous les navigateurs récents.

3) Pour les marges, explications ici.

4) Le son... Avis perso : ça ralentit le temps de chargement de la page, ça risque fortement d'ennuyer le visiteur qui surfe en écoutant sa propre musique et c'est inutile pour les visiteurs qui n'ont pas le son sur leur bécane (ou dont les baffles sont éteintes). Conclusion : le pourcentage de personnes qui trouveront ça intéressant est très réduit. A mon sens, aucun intérêt (et en plus, je n'ai pas étudié la question et ne peux donc proposer de solution^^).

Merci à vous deux. J'ai modifié les pages du site. Sous IE c'est pas super joli mais j'ai changé les couleurs pour que les scrollbars ne fassent pas horrible. Sous Firefox, tout beigne.

Finalement, j'ai mis le logo "site web optimisé pour firefox" comme ça, les gens sont prévenus. Pour l'ordre de l'effet de survol, je l'ai refait et ça ne change rien ; sous firefox ça marche, sous IE ça ne marche pas.

Je vais donc suivre le conseil donné par PotatoesJunky et mettre des images réactives. Merci à vous

22 Octobre 2008

Bonjour tout le monde

J'avais votre site dans mes favoris depuis déjà quelques mois (années ?) et je viens seulement de me dire ; tiens si j'allais les voir ?

Je me suis donc inscrit et vous remercie pour l'existence de ce forum très très instructif.

Je suis webmaster en herbe (comparé à vous) et ne fait des sites que pour m'occuper de temps en temps, pour mes amis. Je bosse en sécurité (rien à voir donc) et suis dans le centre de la france, à Vichy (ahah pas de blagues sur le passé douteux de la ville :hypocrite: )

_AT_bientot sur Hub. :smartass:

22 Octobre 2008

Bonjour

Je suis en train de créer un site en HTML et j'ai un problème. Les pages en ligne, je n'arrive pas à obtenir le même résultat que ce soit sous IE ou Firefox.

Voici le code utilisé qui pose problème :

<head>
 (..... blabla .....)
<STYLE type=text/css>
BODY {
	SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; 
	SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #666666; 
	SCROLLBAR-ARROW-COLOR: #666666; SCROLLBAR-TRACK-COLOR: #000000; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000
}
A:link {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:active {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:hover {
	COLOR:#FFFF00; TEXT-DECORATION: underline
}
</STYLE>
 (..... blabla .....)
</head>

Voila le résultat :

Sous IE 7.0.5730.11 la barre de menu prend le bon aspect :

{img}http://www.************.fr/webmaster/ie_navig_oui.jpg{/img}

Sous Firefox 3.0.3 la barre de menu ne prend pas le bon aspect :

{img}http://www.************.fr/webmaster/firefox_navig_non.jpg{/img}

===============

Changement couleur du cadre de l'image au survol de souris

Sous IE 7.0.5730.11 le passage de la souris sur l'image ne fait pas réagir son cadre :

{img}http://www.************.fr/webmaster/ie_image_non.jpg{/img}

Sous Firefox 3.0.3 le passage de la souris sur l'image fait réagir son cadre :

{img}http://www.************.fr/webmaster/firefox_image_oui2.jpg{/img} {img}http://www.************.fr/webmaster/firefox_image_oui1.jpg{/img}

================

Les marges dont voici le code : <body background="menu02_droite_c.jpg" style="background-attachment: fixed" topmargin="20" leftmargin="10" rightmargin="90" bottommargin="5">

Sous IE 7.0.5730.11 la marge n'est pas pris en compte :

{img}http://www.************.fr/webmaster/ie_marge_non.jpg{/img}

Sous Firefox 3.0.3 la marge est bien pris en compte :

{img}http://www.************.fr/webmaster/firefox_marge_oui.jpg{/img}

================

Le son en arrière plan dont voici le code :

<head>
(..... blabla .....)

<bgsound src="fond_entree.mp3" loop="1">

(..... blabla .....)

</head>

Sous IE 7.0.5730.11 le son est bien lu

Sous Firefox 3.0.3 le son n'est pas lu :

Voici l'adresse du site en travaux si besoin est : -http://www.************.fr

Que faire pour régler ces problèmes ? D'avance merci pour vos renseignements, infos, suggestions... (je ne fais pas de PHP).

:hello:

Connexion

super_newbie_pro

Compteur de contenus

Inscrit(e) le

Dernière visite

Type de contenu

Profils

Forums

Messages postés par super_newbie_pro

Code HTML / CSS : demande aide car différences sous IE et Firefox

Changement d'une image par une autre au survol ; problème quantitatif

Code HTML / CSS : demande aide car différences sous IE et Firefox

Code HTML / CSS : demande aide car différences sous IE et Firefox

Code HTML / CSS : demande aide car différences sous IE et Firefox

super_newbie_pro

Code HTML / CSS : demande aide car différences sous IE et Firefox

Parcourir

Activité