28172 sujets

CSS et mise en forme, CSS3

bonjour à tous

j'ai un petit soucis, j'ai réalisé pour mon club moto un petit site sur un kit graphique Free
personnellement j'avoue ne pas mis connaitre trop, mais j'essai d'apprendre

voil amon soucis, a ce kit graphique et joint une feuille de style CSS
mes liens de memu, me vont à ravir
le seul soucis, c'est que lorsque je fais un lien dans un text (exemple la page contact avec les adresse email)
je n'arrive pas a mettre la couleur que je veux
automatiquement la couleur du lien devient bleu, et violet aprés visite
alors que je voudrais que cela fasse comme mon menu a gauche
teste en gris, lien visité en orange

j'ai mis en ligne cette feuille http://auesder.com/feuille_css.html

si vous pouviez m'aider, mercie d'avance
Bonjour Geronimo,

Dans ta feuille de styles, rien ne concerne en effet d'autres liens éventuels que ceux de ton menu...et encore ces déclarations risquent fort de ne pas fonctionner, notamment en ce qui concerne l'effet survolé (hover) qu'IE6 ne met en application que sur la balise a.

Je te laisse comprendre le mécanisme de contruction pour un menu en suivant ce tutoriel :
http://css.alsacreations.com/Construction-de-menus-en-CSS/Creer-des-menus-simples-en-CSS

Pour d'autres liens dans ta page, tu peux suivre le mécanisme démontrer pour les liens de navigation :
Par exemple, définir ces liens pour ta page entière :

a:link { définition;} /* lien non-visité */
a:visited { définition;}  /* lien visité */
a:hover { définition;}  /* lien survolé */
a:active { définition;}  /* lien activé */


Et/Ou en ciblant une partie de ta page :
Ex sur une "sidebar" :

#sidebar a:link { définition;} /* lien non-visité */
#sidebar a:visited { définition;}  /* lien visité */
#sidebar a:hover { définition;}  /* lien survolé */
#sidebar a:active { définition;}  /* lien activé */


Ces lien étant prioritaires par rapport aux "déclarations globales".

Une petite "formation" s'impose isn't it ? Smiley cligne
http://forum.alsacreations.com/topic.php?pid=46486&tid=5341&fid=9&p=1
La FAQ
Les Tutoriels

Liste non exhaustive of course Smiley cligne

Cdt,
Sylvain
Merci 6l20

en décortiquant quelques kit graphiques j'avais bien compris le systéme de lien comme ceux ci

a:link { définition;} /* lien non-visité */
a:visited { définition;} /* lien visité */
a:hover { définition;} /* lien survolé */
a:active { définition;} /* lien activé */

dans cete page j'e vois bien ou modifer la couleur des liens et des survols (kit qui vient d'un site anglais)

donc a la lecture on vois bien que les liens sont de couleur gris et gris fonce avec un survol en blanc et en orange
c'est liens ce sont des menu

mais je n'arrive plus a saisir pourquoi mes liens que j'ecris en page, tel un lien MAIL ou un liens vers un autre site
sont en bleu

la j'ai fait plusieurs test, mais je séche totalement

bon désolé de mon ignorance mais j'ai juste commencé en janvier
Ne t'excuse pas de ton "ignorance", il n'y a que les sots qui ne savent pas qu'ils ne savent pas... Smiley cligne

Peut-on voir ta page en ligne ? Le code css/html au moins ? En l'état, comme je te l'ai signalé, rien dans tes déclarations n'agira sur d'autres liens que ceux du menu, ces liens auront donc le comportement par défaut des navigateurs (celui que tu décris : bleus puis voilets...)

Cdt,
Sylvain
Geromino,

Bon a priori nous ne sommes pas très éloignés l'un de l'autre, je crois que nous allons gagner du temps en nous rencontrant... Smiley lol

Il y a beaucoup à dire sur ce site (au demeurant très sympa) les scripts à la c** qui ne servent à rien, la mise en forme en tableau, le manque de balisage sémantique (les titres de niveau, les listes, etc...) la mise en forme en tableau (comment ça je l'ai déjà dit ? Smiley lol )...mais ce n'est ni le sujet de ta venue, ni d'actualité (pour le moment Smiley cligne )

Si tu souhaites faire un lien vers une adresse internet (un site web par exemple) :
http://www.moto-defense-organisation.com/index.html

s'écrira :

<a href="http://www.moto-defense-organisation.com/index.html">http://www.moto-defense-organisation.com/index.html</a>

Ou encore :
T'as core baclé eut'n'ouvrache.

s'écrira :
[[#blue]*[/#]url=http://www.moto-defense-organisation.com/index.html]T'as core baclé eut'n'ouvrache.[/url] 

*sans espace après le premier crochet Smiley cligne

Pour un lien vers une adresse mail :
<a href="mailto:Dieu@duciel.org">Dieu@duciel.org</a>


Je n'aime pas trop ce principe qui force l'ouverture du client de messagerie de ton visiteur, mais ça n'engage que moi...
Donc en ce qui me concerne, tes adresses mail sont bien comme elles sont...sauf pour les propriétaires de ces adresses qui risque de recevoir plus de mail que prévu (spams) ainsi que pour la partie administration/contact webmaster où un formulaire de contact ne serait pas inutile.

Bref, quoiqu'il advienne de tes décisions concernant ses liens divers et variés, c'est ensuite en css que tu indiqueras le style que tu souhaites allouer à ces liens (couleurs, taille, surlignement,etc...) sur les différents états que tu souhaites personnalisés (visités, survolés,etc...)

Bon courage,
A bientôt Smiley cligne
Sylvain
Bonjour Sylvain et merci de tes réponses

En effet si tu n’es pas loin, un visu et la meilleure solution. Etant de la vielle école (et oui 40 balais) j’apprends plus vite en visu que de voir 50 site WEB
Le souci que j’ai eu c’est que j’ai eu l’accord de faire le site au début du moi et qu’il fallait essayer de le mettre en ligne avant le 1er mai car nous faisons une méga fiesta de la moto, et donc rien de tel pour faire notre pub.

Je suis bien sur preneur de toutes améliorations, étant très novice en la matière. Et surtout que ce site reflète aussi l’image de notre moto-club
Bonjour Geronimo,

Je suis situé à Lens pour le moment, cela peut être envisageable Smiley cligne
40 balais ce n'est pas une tare... Smiley sweatdrop Smiley lol

Pour le 1er mai cela risque de faire court pour:
1-Rendre ton site "conforme aux valeurs chères à ce forum" (standards et accessibité)
2-Te "former"...


"Peut-être" aurait-il fallu faire appel à un professionnel Smiley cligne
"surtout que ce site reflète aussi l’image de ton moto-club", avec une identité, des valeurs, qu'il est difficile de retranscrire (et de faire connaitre) en utilisant un kit graphique déjà fait et pas forcément adapté à ton besoin...ou adaptable par manque de connaissance (et/ou de droits).

Il te faut, si tu souhaites, poursuivre correctement la mission que tu t'es fixée (webmaster) et être visible sur la toile par le plus grand nombre, maitriser, autant que faire se peut, les bases du langage html, connaitre les standards etc...

Regarder comment font les copains est un bon début, je passe personnellement beaucoup de temps à regarder comment font les autres, à faire des essais, à me planter et à recommencer, à étudier également les différents langage qui permettent de produire un site.
C'est un gros investissement personnel, mais c'est au prix de cet investissement que tu produiras quelque chose de "satisfaisant".

Maintenant, cela dépend également des "ambitions" de ton club, et il est évident que chaque "webmaster amateur" ne peut ou ne veut pas atteindre un niveau "semi professionnel" (et après tout c'est très bien, il y a des gens dont c'est la profession Smiley cligne ) on peut cependant se former tout à fait convenablement et dans la durée, faire les choses par étape, en ce sens, je te confirme que tu es au bon endroit (même s'il en existe d'autres) et que tu pourras acquérrir ici les bons réflexes, les bonnes méthodes au fur et à mesure de ton évolution et des soucis rencontrés Smiley smile

Désolé pour le laïus un peu longuet, le sujet me passionne... Smiley confused

Donc, procèdes par étape, poses sans restriction (après avoir appliquer les règles de bases: recherche dans la FAQ, les sujets déjà traités, le net...) les questions sans réponses, lis les tutoriels, les cours en ligne, décortiques les codes des sites qui t'interessent et tout devrait aller pour le mieux Smiley cligne

Prochaines étapes :
http://forum.alsacreations.com/topic.php?pid=46486&tid=5341&fid=9&p=1

puis dans la foulée :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Construire-un-site-sans-tableaux
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design-css

Bonne continuation,
Cdt,
Sylvain
Hello

a ben vi Lens c'est po loin
quand je disait pour le 1er mai (pour notre fête), c'était avant tout avoir l'hébergement, le nom de domaine, et y avoir mis un petit quelque chose afin de le promouvoir avec le nombre de visiteur que nous aurons lors de cette journée
au départ notre président, voulait faire un blog (de type gratuit)
me suis dit quand un club comme nous, arrivons a faire un défilé de 7000 motos (non non me suis pas trompé c'est bien 7000) faire un blog c'est pas terrible
j'ai donc voulu faire un peu mieux avec mon peu de connaissace (d'ailleurs je ne me prends pas pour un Webmaster, mais plus un administrateur du site)
et il va de soit que la route et encore longue pour faire un site de A à Z par moi même, mais sa viendra

pour te donner une idée d'un site qui me plait bien niveau moto c'est celui la http://www.balades-moto.com/

alors avant de devenir un jour un petit Webmaster Smiley biggol , je décortique
et bien sur je vais lire les tutaux Smiley langue