La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  aide css et amélioration
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: aide css et amélioration  (Lu 954 fois)
aide css et amélioration
« sur: le 02-01-2005 a 10:08:14 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

Bonjour à tous,

Novice en création de site, j'ai essayé le css sur une nouvelle version de mon site http://www.deglingue.com
Voici mes problèmes:
- Les boutons qui au passage de la souris change d'état : j'aimerai savoir comment faire pour les incorporer à ma feuille css pour ne pas qu'elle allourdissent le chargement de chacune de mes pages.
- La lourdeur de mes pages (j'ai l'impression) : est il possible d'améliorer cela encore ? (la 1ère question sera déjà une réponse je suppose)

Voilà j'ai essayé d'être clair (peut etre pas assez )
Si vous avez d'autres idées d'améliorations je vous écoute et svp restez assez clair dans vos réponses car je ne suis pas expert en webmastering
Merci d'avance

Rapporter au modérateur  

Re:aide css et amélioration
« Répondre #1 sur: le 02-01-2005 a 11:48:13 »
bigornot
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 579



Je suis un fantôme!

Voir le Profil
Répondre avec citation

Alors ...

je ne te donnes pas le code, mais l'idée :


tu fais un div.
le background-image de ce div est l'image de départ.

Puis, tu fais, dans ta feuille : div:hover {

et là, tu mets en background-image l'image que tu veux afficher au passage de la souris ....


et voilà!

Rapporter au modérateur  

Des bijoux et des gros!
Re:aide css et amélioration
« Répondre #2 sur: le 02-01-2005 a 15:20:07 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

Ca y'est ca marche.. j'ai cherché juste un moment (pas long) car pour que l'image survolée change il a fallu en faite que j'utilise le nom de la balise <a> et non pas celle de <div>
c'est à dire : exemple pour un bouton

a.bouton1 {
width:110px;
height: 35px;
background-image:    url('../bouton/accueil_1.png');
border: 0px;
margin-top:5px;
}

a.bouton1:hover {
width:110px;
height: 35px;
background-image:    url('../bouton/accueil_2.png');
border: 0px;
margin-top:5px;
}

Et là ca marche.. Il me reste à tout mettre à jour et voir si ca allège mon site ou pas sinon je reviendrai vous voir 
Je commence à réellement apprécier le css je trouve ca très pratique.. Et encore merci Bigornot .

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #3 sur: le 02-01-2005 a 16:34:14 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

Encore remoi,

J'ai mis le résultat en ligne.. il est clair que c'est beaucoup plus net beaucoup plus facil aussi de mettre à jour une seule page qu'une cinquantaine.. Maintenant (est ce que je post au bon endroit ?) je me pose cette question:
Pourquoi à chaque fois que je change de page html sur mon site il me recharge toutes les images comme sur la page index.. ca ralenti vachement la navigation je trouve.. Y'a t il moyen d'arranger cela ?

Merci
le lien est en haut 

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #4 sur: le 02-01-2005 a 17:48:39 »
bigornot
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 579



Je suis un fantôme!

Voir le Profil
Répondre avec citation

par contre, les png sont mal pris en compte par ie, et le menu est invisible sous firefox

Rapporter au modérateur  

Des bijoux et des gros!
Re:aide css et amélioration
« Répondre #5 sur: le 02-01-2005 a 18:42:25 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

A mon avis ca doit venir des temps de chargement sous ie par contre sous mozilla je pige pas là.. je viens d'essayer de les passer en gif (plus volumineux) c'est pas mieux voir pire, ie ou mozilla..

une idée ?
Merci

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #6 sur: le 03-01-2005 a 19:39:44 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

j'ai changé le lien en attendant de trouver une réponse à mon problème.. de mon coté je cherche et je vois pas pourquoi quand les boutons sont chargés depuis le css ils disparaissent, mettent du temps à se charger aussi sous ie et pourquoi sont carrément invisible sous mozilla..

Alors voilà le lien il y'a juste l'index
http://www.deglingue.com/essai/index.html

Merci

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #7 sur: le 03-01-2005 a 20:04:22 »
bigornot
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 579



Je suis un fantôme!

Voir le Profil
Répondre avec citation

Le chargement est suuupeeeer long, et pendant un moment, la page était blanche ...


le menu n'apparait pas sous firefox ...

Rapporter au modérateur  

Des bijoux et des gros!
Re:aide css et amélioration
« Répondre #8 sur: le 03-01-2005 a 20:29:03 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

c'est pour ca que je pose la question je sais bien qu'il est invisible sous firefox et qu'il est super long sous ie (c'est d'ailleurs pour ca que ca disparait)..

revoilà le lien et merci d'avance
http://www.deglingue.com/essai/index.html

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #9 sur: le 04-01-2005 a 11:37:51 »
PsyKoTiK
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 13



PsyKoTiK : Ca va faire mal !

Voir le Profil    WWW
Répondre avec citation

Il faut savoir que seul les pseudo-format sont acceptés pour IE ;, voila la source de ton bug

pour ton bug de rechargement je pense que c'est ton navigateur qui est mal configuré ... ou encore ta feuille de style qui n'est pas externe et qui le devrait ...

++

Rapporter au modérateur  

Ma meilleure création , Normes W3C ...
Re:aide css et amélioration
« Répondre #10 sur: le 04-01-2005 a 14:28:41 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

salut,

ma feuille de style est bien externe.. cela n'explique pas l'absence du menu sous firefox et apperement c'est la trop grande taille de mes fichiers images qui nuit pour ie..

j'aimerai quand même bien trouvé la réponse pour firefox


Merci

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #11 sur: le 05-01-2005 a 12:54:19 »
bigornot
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 579



Je suis un fantôme!

Voir le Profil
Répondre avec citation

C'est bizarre ...
essaye ça:


essaye de transformer ton a en img (en gros, tu fais ton lien comme ça :

<a href=""><img class="" border="0"></a>

Rapporter au modérateur  

Des bijoux et des gros!
Re:aide css et amélioration
« Répondre #12 sur: le 05-01-2005 a 14:29:14 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

Mais là ca devrait marcher en faite (c'est à peu prêt ce que j'avais au début) mais je perd l'interêt de gérer mes boutons depuis la feuille css.. car imaginons je modifie une chose il faut que je le fasse sur toutes les pages enfin je pense que je vais devoir m'y résigner.. soit le css a des limites aussi ou alors (et c'est plus probable) je suis trop limiter encore moi même  et dans ce cas j'y reviendrai plus tard..
Si desfois quelqu'un à la réponse à cet énigme j'écouterai..
Merci à ton aide bigornot j'aurai quand même appris quelques trucs.

Rapporter au modérateur  
Re:aide css et amélioration
« Répondre #13 sur: le 05-01-2005 a 15:26:32 »
bigornot
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 579



Je suis un fantôme!

Voir le Profil
Répondre avec citation

dans ce cas là, tu fais un include en php, ou en html ... 

Rapporter au modérateur  

Des bijoux et des gros!
Re:aide css et amélioration
« Répondre #14 sur: le 05-01-2005 a 18:21:16 »
deglingue
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil
Répondre avec citation

Remoi,

http://www.deglingue.com/essai/index.html

ca y'est ca marche sous ie et firefox.. j'ai fini par trouver coup de chance parce que j'allais laisser tomber.. en fait dans ma css au chargement d'image il fallait rajouter pour chaque bouton le
display: block;

maintenant que ca marche (et dites moi si chez vous aussi ca marche => ie et firefox) vous remarquerez que ca bug légèrement par moment quand on passe la souris rapidement desfois sur les boutons.. J'ai déjà réduit la taille de mes boutons et des mes fichiers images pour en arrivé à 55ko au total.. Mais peut être que j'ai mal écris un code ou qu'il y a des choses qui pourrait faire que ca marche encore mieux.

Je suis déjà très content d'avoir résolu ce premier problème 
Merci

ps : background-repeat : no-repeat; pourrait il servir à quelque chose ?

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg