Avis : Très bon
|
"Vous vous souvenez par exemple de la balise <mark> qui permet de mettre en valeur certains mots ?"
Non, je crois bien que tu t'es trompé car je ne l'ai pas trouvé avec CTRL+F dans la partie 2, et je n'ai pas souvenir de l'avoir vu dans la partie 1.
Edit : Ah non je crois je me rappelle en fait, c'est pas ce qui surligne en jaune normalement ?
|
|
|
Bonjour!
voilà mon problème:
mon fichier CSS ne fonctionne pas,
je tape correctement comme cela est indiqué mais rien ne change,
j'ai essayé le copier-coller mais rien ne marche
Merci pour toute réponse.
|
|
Bonjour tout le öonde,
Au sujet des couleurs de texte, voici un lien aui pourrait en intéresser plus d'un. Rappelez-vous d'utiliser le code hexa 
http://fr.wikipedia.org/wiki/Liste_des_couleurs
|
|
|
trop cool
|
|
Bonjour, je suis nouveau dans le site 
J'ai lu tous les tutoriaux est ils sont tous parfaits
Je me suis retrouver dans une situation assez embarrassante! J'ai fait toutes mes images sur une résolution de 1920x1080 et quand je l'ai testé pour montré au gens mon site web, tout les écritures, audio ainsi que la vidéo son décalés! Vu que la résolution de l'autre écran étant du 1400x900 je ne sais pas quoi faire pour que les choses ce m'est automatiquement!
Merci! De votre aide!
Cordialement, R5GAMER.
|
|
Citation : Biaise Hey ho M@teo21 !
pour les utilisateurs de Ubuntu l'équivalent de la boite à couleur est gcolor2 : il est dans les dépôts !
Salux,
il y a aussi KColorChooser pour Kubuntu.
Qui est très bien et fait la même chose que gcolor2.
|
|
|
J'ai un gros problème , help me les 0 svp .
Alors je vous explique lorsque je met les balises pour mettre une image en fond de page , cet a dire celle-ci
body
{
background-image: url("neige.png");
}
Quand je rentre la valeur "le nom de l'image"
sa m'affiche sa / body { background-image: Images/423970.jpg }
Qu'est ce que je fait mes chers amis !?
J'attends vos réponses aux plus vites !!
|
|
|
Je viens en aide à ceux qui ont du mal avec l'image de fond.
En fait si ça ne marche pas, c'est parce que Mateo n'a pas donné le code HTML qui allait avec le CSS.
Code : HTML 1
2
3
4
5
6
7
8
9
10
11
12
13
14 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Image de fond</title>
</head>
<body>
<h1>Bienvenue à la montagne !</h1>
<p>Ici, il a beaucoup neigé ces derniers temps. Ca se voit non ?</p>
</body>
</html>
|
Et normalement ça devrait marcher si vous suivez bien le tuto.
|
|
|
excellent tutoriel.
Cependant juste une petite rectification a apporter
pour la section RGBa:
Citation : le tuto
Code : CSS | p
{
background-color: rgba(255, 0, 0, 0.5); /* Fond rouge à moitié transparent */
}
|
C'est aussi simple que cela. Vous pouvez obtenir exactement le même effet qu'avec opacity juste en jouant avec la notation RGBa, essayez !
Il y a une petite subtile différence qui m'avait rebuté a l’époque.
Dans cet exemple, seul le fond du paragraphe sera rouge + semi transparent.
Par contre, si la propriété opacity avait été utilisée sur la balise p, même le texte
du paragraphe serait semi transparent. différence très subtile je l'avoue mais bon cela me semble être une précision importante.
|
Avis : Bon
|
Excusez moi, j'ai pas compris, on l’enregistre sous *.css ? parce que ça le montre pas comme html c'est-à-dire sur google chrome, merci d'avance.
|
Patientez s'il vous plaît.
Avis : Très bon
|
Ce tutoriel est parfait !!! Mais malheureusement ce ne sont que les bases. Ce serait bien qu'un jour, un petit groupe de spécialistes du HTML et CSS viennent compléter le cours de M@théo, c'est à dire nous montrer et nous expliquer toutes les autres balises et Propriétés du HTML/CSS !
[signature modérée]
|
Avis : Très bon
|
Très bon tuto !!
Cependant une question m'empêche d'être totalement comblé : pourquoi quand on utilise <mark>, dans l'exemple avec la couleur de fond le texte est écrit en noir alors qu'il hérite du color: white de <body> ?
Sinon c'est un super tuto de M@teo 4/4
"La culture c'est comme la confiture, moins on en a plus on l'étale."
|
|
Très très bon tutoriel !
J'ai moi aussi une question :
Je voudrais rendre semi-transparente l'image de fond de toute la page.
Or elle est en png, alors pourquoi ajouter opacity dans la ligne ci-dessous la fait disparaître ?  Code : CSS | body
{ background: url("images/satyameva_jayate.png") fixed top right no-repeat opacity: 0.5;
color: #83345f;
}
|
Et surtout, comment arriver à mes fins ? 
Merci de votre aide 
|
|
|
bonjour, quand j'ajoute background-position: top right dans body ça ne "positionne " pas mon image dans la page, ça tourne l'image elle-même en fait, c'est à dire qu'elle se tourne comme l'effet d'un mirroir, kk1 sait pk ?
et autre question kk1 sait comment réduire les fonds de textes (que j'ai mis en couleurs), soit "manuellement" sur la gauche et la droite, soit les réduire à la taille des textes, les ajuster à la taille des textes, merci
|
Avis : Très bon
|
Bonjour,
j'ai pas trop compris au niveau de l'insertion d'image on trouve ou le chemin du fichier si par exemple j'ai déjà insérée l'image dans un dossier
|
|
|
salu fabin, on peut la trouvé même si elle est dans un dossier, mais moi jme prend pas la tête jla met directe dans le dossier css, comme ça je rentre que le nom de l'image en .png ou gif etc...Mais bon si ta plein plein d'images à ajouter, c clair vau mieux faire un dossier
|
Avis : Très bon
|
<h1>Un grand MERCI...</h1>
<p>excellent cour pour le html+css j'ai presque tout compris...<br/>
je ne suis rendue qu'au niveau 3 du css... mais j'ai bien avancer en 3jour...<br/>
Donc un grand merci a vous qui nourrissait notre soif de connaissance</p>
|
Avis : Très bon
|
merci pour ce bons tuto
mais je crois qu'il y'a une erreur dans la réponse a la question 4 il y'a deux réponses juste :
Quelles propriétés dois-je appliquer à mon titre h1 pour qu'il soit en gras et italique ?
font-style:oblique; et font-weight:bold;
font-weight:bold; et text-style:italic;
c'est deux réponses sont tous les deux juste . puisque la fonction font-style peut prendre oblique et italic pour mettre en italic.
yeahha!!!
|
Avis : Très bon
|
bonjour à toutes et à tous les zéros S.V.P je n'arrive pas à mettre le code css qui permet d'appliquer une image de fonds. aidez moi je suis bloqué.
Merci!!!
|
|
Bonjour,
Je me prends de temps en temps la tête avec la création de mon site.
Mais grâce à vous je trouve les solutions et souvent j'améliore mon site avec vos astuces.
Merci beaucoup, c'est vraiment chouette!!
|
Avis : Très bon
|
merci pour ce tuto ;p
j'ai un code html qui va vous résoudre tous les problèmes avec Internet explorer même pour les IE moins 7 qui va leur demander de télécharger d'autre navigateur et pour IE moins que 9 ou pour Mozilla ou n'emporte quelle autre navigateur ancien il va lire votre code html normalement .
sans être long voici le code html 5 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href=".css"/>
<meta content="width=device-width, user-scalable=yes initial-scale=1.0" name="viewport" />
<!--[if lt IE 7]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; margin-bottom: 20px;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>
Vous utilisez un navigateur ancien.</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>
Pour un bon usage de ce site, nous vous conseillons d'installer l'un des navigateurs récents suivants :
</div> </div> <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div> <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'>
<img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div> <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div> </div> </div> <![endif]-->™
<style>
abbr,article,aside,audio,canvas,datalist,details,figure,dialog,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}
</style>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Titre de la page</title>
</head>
<body>
</body>
</html>
yeahha!!!
|
Avis : Très bon
|
besoin d'aide mes amis les débutants j'aimerais savoir le code exacte pour mettre une image de fonds car je suis bloqué à ce niveau depuis un certain temps. s'il vous plait.
|
|
|
Bonjour a tous
Voila, j'ai un probleme et j'ai beau eu faire des recherches sur le net, je n'ai rien trouve ^^;
Je voudrais ecrire en transparent sur un fond opaque (ou semi-transparent).
Attention, je ne veux pas que ce que j'ecrive soit invisible.
En fait imaginons que j'ai une image de fond. Prenons l'image du pont de ce tuto.
Par dessus lui est applique une bande noir semi-transparente.
Et bien, a lieu d'ecrire en blanc (ou n'importe quelle couleur en fait ^^), je cherche a faire en sorte que le texte soit rempli par l'image de fond, comme si la bande noire avait ete "decoupee" pour laisser passer l'image de fond a travers les caracteres.
Je ne sais pas si je me fais bien comprendre ^^;
En tout merci de l'attention que vous m'aurez apportee, et si en plus certains ont des idees ou mieux une solution, alors ca sera la cerise sur le gateau (^o^)/
Merci d'avance
|
|
Citation : wanchan Bonjour a tous
Voila, j'ai un probleme et j'ai beau eu faire des recherches sur le net, je n'ai rien trouve ^^;
Je voudrais ecrire en transparent sur un fond opaque (ou semi-transparent).
Attention, je ne veux pas que ce que j'ecrive soit invisible.
En fait imaginons que j'ai une image de fond. Prenons l'image du pont de ce tuto.
Par dessus lui est applique une bande noir semi-transparente.
Et bien, a lieu d'ecrire en blanc (ou n'importe quelle couleur en fait ^^), je cherche a faire en sorte que le texte soit rempli par l'image de fond, comme si la bande noire avait ete "decoupee" pour laisser passer l'image de fond a travers les caracteres.
Je ne sais pas si je me fais bien comprendre ^^;
En tout merci de l'attention que vous m'aurez apportee, et si en plus certains ont des idees ou mieux une solution, alors ca sera la cerise sur le gateau (^o^)/
Merci d'avance
Si j'ai bien compris le tuto, si tu veux faire une image de fond très transparente par rapport au texte, tu dois appliquer dans ta phrase en CSS comme
body{background-image: url("tonImage.jpg");background-size: 100%; opacity:0.2 ; }
Par contre, si tu veux que ton texte soit très transparent par rapport à l'image de fond, alors dans ta phrase CSS, tu choisiras
body{font-family:"french script mt";color: blue; font-size:400%; text-align: center; opacity:0.3 ;}
Normalement, ça devrait fonctionner.
Amuse toi...
|
|
|
Merci a Millebulle pour son commentaire.
En fait, ce que je souhaite realisee est bien illustre sur cette page
http://www.creationtekken.com/voiratraversdutexte.php
(tout en bas de la page : on voit le mot "vague" dont les caracteres au lieu d'etre colores sont remlis par une image)
Il y a un fond opaque et le texte est "texture" avec une image
Mais plus je cherche et plus j'ai l'impression que meme le css3 ne gere pas encore ca ^^;
Entre tout cas, merci encore Millebulle m(_._)m
|
|
Citation : wanchan
En fait, ce que je souhaite realisee est bien illustre sur cette page
http://www.creationtekken.com/voiratraversdutexte.php
(tout en bas de la page : on voit le mot "vague" dont les caracteres au lieu d'etre colores sont remlis par une image)
Il y a un fond opaque et le texte est "texture" avec une image
Mais plus je cherche et plus j'ai l'impression que meme le css3 ne gere pas encore ca ^^;
Bonjour,
En effet, il faut que tu crées dans photoshop(par ex.), un "masque" avec le mot que tu veux, puis que tu l'enregistres comme une image que tu pourras ensuite utiliser dans tes appli html.
J'avais pas trop compris la première fois!
|
|
|
Salut et merci beaucoup pour ce super tuto
Sinon j'ai la même question que Val3109 postée le 06/02/2012 à 19:17:41
Citation : Val3109Très bon tuto !!
Cependant une question m'empêche d'être totalement comblé : pourquoi quand on utilise <mark>, dans l'exemple avec la couleur de fond le texte est écrit en noir alors qu'il hérite du color: white de <body> ?
Sinon c'est un super tuto de M@teo 4/4
Merci !
|
Raphael-1427
Trouvez une formation
Suggestions
Twitter
Facebook
Google+