HTML CONSEILS Pour un âne

Salut,
dans les deux cas ce n'est pas du HTML!!!
HTML ne sert pas à ça.
Pour le survol c'(est du CSS et pour un comportement(interactivité) c'est de la programmation en javascript.

Ignares on l'est tous avant d'(apprendre.

Il faut connaître HTML(principe et fonctionnement= 5 minutes de lecture n'importe quel cours gratuit que vous trouverez sur internet) avant d'utiliser CSS qui est indispensable pour la mise en page.
Pour javascript c'est autre chose mais là) aussi les cours et exemples pratiques abondent et sont facilement assimilable une fois HTML et CSS maîtrisé.

quelques liens:
https://www.google.fr/search?q=debuter+css
https://www.google.fr/search?q=appprendre+javascript

voilà avec ça vous avez de quoi faire.

Des exemples pratiques qui serons très faciles à adapter avec un minimum des bases:

Un siomple comportement de survol(hover) avec CSS:
http://www.w3schools.com/cssref/sel_hover.asp

Ajouter un élément HTML lors d'un clic avec javascript:
http://www.w3schools.com/jsref/met_document_createelement.asp

ou toujours avec javascript changer le contenu d'une balise de texte:
http://www.w3schools.com/jsref/prop_html_innerhtml.asp

Pour les explications détaillées référez vous à un cours, la pratique étant aussi importante que la théorie qui n'est pas compliquée:

Pour CSS c'est l'établissement de règles de styles pour donner une présentation à la page(comme la taille, les dimensions, les couleurs de fond, l'image de fond, la couleur du texte, les états des boutons/liens...).

Javascript c'est un langage de programmation de type script. Donc on donne des séquences d'instructions(appelées avec le 'gros mot 'algorithme') et utilise une logique ultra simpliste(binaire: oui/non 0 ou 1 ça vous dit quelque chose) pour faire telle ou telle chose. Comme changer/modifier/rajouter/supprimer du HTML ou du CSS.

Voilà donc c'est à la portée de tous le monde, même les ignares, cela s'appele simplement apprendre ;)

t comme tout outil technique de la pratique et se référer au manuel(s) est indispensable pour ça.

Merci pour la longue réponse. C'est vrai que je voulais me simplifier la vie en mettant tt dans un même fichier. Pas vu pas pris, rien à déclarer et hop là. Je vais t(â)cher de refaire ce que j'ai déjà fait mais avec le .css.
Sinon je me traite d'ignare mais t'inquiète je n'y croyais pas une seconde.
Amicalement.
Sy.

Salut,

avec js et css c'est possible de mettre tout dans le même fichier. C'est par contre pas recommandé car moins clair et facile à lire et modifier et surtout en utilisant des fichiers externes on peut réutiliser le code sans avoir à le réécrire.
Sinon pour le fonctionnement ça marche pareil.

ignare? c'est plutôt humble et lucide quand on débute on a tout à apprendre, surtout dans ce domaine où il faut constamment se mettre à jour des évolutions on est tout le temps un peu débutant.

Un exemple simple de survol avec hover (pseudo classe) qui va changer l'image de fond avec la propriétés background-image

#changebackground{
background-image:url("imagerepos.jpg");
}
<!--survol-->
#changebackground:hover{
background-image:url("imagesurvol.jpg");
}

<!--le bouton souris est enfoncé-->
#changebackground:active{
background-image:url("imageclic.jpg");
}

Je pensais l'être (clair) mais ok désolé.
Je suis le créateur du petit bot qui parle Jeanneton c'est ici http://jeanneton.com/ Juste un chatterbot pour le fun et faire passer de bon moment en navigant en ligne.
Je voulais faire quelques modifications visuelles (effacer le background au passage de la souris) que j'ai réussi en partie grace à vous et un grand merci. Avez vous déjà le problème d'un "hover" qui clignotte ?


.botimage {
bottom:0px;
left:0px;
position:absolute;
max-height:80%;
height:80%; /* TAILLE DE L IMAGE A RAPETISSEE */
width:auto;
z-index:100;}
.botimage:hover {
bottom:0px;
left:0px;
position:absolute;
max-height:8%;
height:8%; /* TAILLE DE L IMAGE RAPETISSEE */
width:auto;
z-index:100;
}



Ce Code clignotte; C'est à dire que la souris remove bien l'image mais 1 seconde ou deux... Puis elle (L'image) réapparait je rebouge la souris elle redisparait et ainsi de suite. Le code est le suivant

Et mettre un bouton qui ferai la même chose ?
Amicalement.
Sy.
Répondre