Problème sur un hover + avis

Problème sur un hover + avis - Web design - Graphisme

Marsh Posté le 10-10-2005 à 22:04:01    

Re.......
 
Violà, je suis en train de me faire un cv en ligne (quelle originalité!!).
Je suis en recherche de présentation, même si le gros est défini.
J'ai un petit soucis lorsque je survole un lien de mon menu. En effet, j'ai essayé plusieurs moyens de mettre en surbrillance le lien, mais celle ci me cause un soucis!!
 
http://darklights.free.fr/CV
Lorsque l'on survole le deuxième élément, il se "déplace" légèrement. Y a t'il une solution??
 
D'autre part, que pensez vous de l'aspet du site (couleurs, ...) même si il n'y a pas encore grand chose??
 
EDIT : Pour la charte :
 
Site fait avec les CSS (valides!!) et (X)HTML
C'est un I-CV (c'est joli non???)
Et c'est au stade pré alpha!!!
 
 
Merci


Message édité par julienalkaza le 10-10-2005 à 22:16:14
Reply

Marsh Posté le 10-10-2005 à 22:04:01   

Reply

Marsh Posté le 10-10-2005 à 23:11:34    

salut
 
à mon avis c'est le fait qu'il y ait un cadre qui apparait autour du mot qui fait qu'il se déplace (faut laisser de la place pour la bordure du cadre, du coup ça se décale).
Essaie de mettre simplement un souligné.

Reply

Marsh Posté le 10-10-2005 à 23:36:20    

Par contre je rencontre un problème avec ton site autre que le hover
 
http://img437.imageshack.us/img437/9774/image44wc.th.png
 
Que ce soit Safari 2.0.1 ou la version CVS d'hier.


---------------
Linux registered user #352556
Reply

Marsh Posté le 11-10-2005 à 08:08:37    

Ah..........
J'ai pas eu ce problème!!!!
Je vais voir d'où ca peut venir...
 
Merci encore
 
EDIT : sous IE y a pas de problème (Maxthon), sous firefox, le menu part en sucette aussi!!


Message édité par julienalkaza le 11-10-2005 à 08:11:00
Reply

Marsh Posté le 11-10-2005 à 08:54:07    

Et hop, je pense que c'est corrigé!!!!!!
Plus de chevauchement ni sous IE, ni sous firefox!!
 
Pour le menu, je pense que je vais le remplacer par une "barre" graphique. Ca sera plus joli!!!!!
 
Merci encore

Reply

Marsh Posté le 11-10-2005 à 09:34:32    

si tu veux que ton contour ne déplace pas le reste quand il apparait, il suffit de spécifier un contour "invisible" dans le style de la balise "a"
 
exemple :

Code :
  1. a{
  2. border:1px dotted #CCCCCC; //même couleur que la barre grise de fond
  3. }
  4. a:hover{
  5. border: 1px dotted #FF0000; //rouge
  6. }


Message édité par remizz le 11-10-2005 à 09:34:44
Reply

Marsh Posté le 11-10-2005 à 09:50:20    

Ah.....
Ben oui, c'est vrai que maintenant que tu me le dis...Ca parait évident!!
J'étais à 100 milles de faire ca!!!!!!!
 
Merci!!!!

Reply

Marsh Posté le 11-10-2005 à 10:04:51    

Quelques erreurs dans le code : l'id footer est présente 2 fois par exemple. Sinon, c'est propre.
 
Pour le graphisme, ben y a rien. J'aime pas la typo. Pour les écrans il est préférable d'utiliser verdana ou arial à mon avis. J'aime pas trop l'effet sur le hover des liens en haut de la page avec la bordure rouge. En plus de décaler les liens vers la droite, l'effet n'est pas très joli. Etant donné que c'est un cv je peux comprendre que le graphisme soit particulièrement épuré. A mon avis tu auras plutôt intérêt à faire des efforts sur la présentation de ton texte. C'est ce qui va faire la différence pour ce genre de site. C'est donc difficile de juger ton site puisqu'il n'y a pas encore de contenu.

Reply

Marsh Posté le 11-10-2005 à 10:27:18    

Ouais...pour l'instant il n'y a rien!!!!!!!
Pour le menu, je vais mettre un peu plus de graphique (c'est vrai que ca fait pas top!!!)
 
J'ai lu un article sur alsacreations sur ID/CLASS.
Je vais faire en sorte d'y remédier!!!!
 
Merci de vos coms...
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed