Aller au menu - Aller au contenu

Mettre en place le CSS

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page Précédente  1  2  3  ...  6  7  8  9 
Pseudo Commentaire
Page Précédente  1  2  3  ...  6  7  8  9 
Hors ligne minda-_-5 # Posté le 06/02/2012 à 14:04:08

bonjour
aidez-moi pour continuer ce tutoriel
J'ai fait tous ce que vous avez signalé dans le tuto mais j'arrive pas à changer la couleur de texte.
Hors ligne mimamake # Posté le 07/02/2012 à 15:21:48

salut minda

j'ai passé plus de cinq heures pour trouver une solution, j'avais le même problème et je suis sur mac et donc smultron
si c'est ton cas, pour le css il faut faire les accolades avec alt + ( ={
C'est très important et ensuite je ne sais pas pourquoi mais ça ne marche pas avec safari, j'ai donc ouvert avec google chrome, j'ai cru comprendre dans des forums que je ne suis pas un cas isolé.
J'espère t'avoir aidé.
Hors ligne minda-_-5 # Posté le 08/02/2012 à 13:51:29

hi memamake,
enfin quelqu'un qui s’intéresse :p
merci infiniment de tes efforts c'est très gentil de ta part.
oui j'ai mets les accolades comme c'était déclarer dans le cours mais il m'a rien donné, et j'ai essayé même avec les autres éditeur de texte : Jedit - Pspad - contexte avec les navigateurs Chrome et IE et Firefox et toujours résulta inattendue.
je pense que lien entre le html et le css ça marche pas !!!!
pffff je suis désespéré j'ai arrêté le tuto ici :(
Hors ligne bigiesmallzzz # Posté le 16/02/2012 à 12:26:42

Bjr, pareill que certains, le liens .css n'agit pas sur le html, pourtant dans le même dossier, et sur mon notepad, je ne vois pas de menu "langage, C, CSS.." si kk1 à une soluce merci d'avance
Hors ligne steven34 # Posté le 20/02/2012 à 16:11:17

salut mimamake
je bloque au niveau de l application du css sur le fichier html egalement etant sur mac et utilisant smultron comme toi , je veux bien que cela fonctionne sur chrome et pas sur safari mais sa veux donc dire que les sites que l on créera plus tard ne pourront pas etre correctement visible et prendre en compte le css sur safari ?
Hors ligne steven34 # Posté le 20/02/2012 à 19:41:39

pb résolu pour le css sur mac avec smultron ! il suffit de nommer le fichier style.css !
mais un nouveau pb se pose je n arrive pas a faire appliquer les autres fonctions sur css...

le changement de couleur du titre ect je suis a nouveau bloqué et rien ne semble fonctionner !
Essayez de changer le nom de la balise affectée par le code CSS et donc impossible ! peut etre une erreur ? HELP

h1
{
color: blue;
}
Hors ligne jouli # Posté le 06/03/2012 à 11:41:22
Avatar

bonjour tout le monde;
J'ai trouvé ce cours très magnifique. Merci infiniment pour vous Mathieu :D
Connecté Wizix # Posté le 13/03/2012 à 19:13:45
Avatar

Avis : Très bon

Ma page html ne veux pas s'associer avec mon style.css, j'ai pourtant bien copier le :<link rel="stylesheet" href="style.css" /> dans mon ficher html dans head....

Merci de votre réponse...
Hors ligne Jiim514 # Posté le 16/03/2012 à 02:26:24

Avis : Très bon

Bonjour,

moi j'ai un problème concernant les ID et les CLASS, le fichier .css ne reconnais pas les "#" et les "."

Fichier html
<div id="bloc_header">
...
Fichier .css
#bloc_header
{
background: red;
color: black;
}

J'utilise wordpad++ et, exemple, lorsque j'entre "h1" il devient bleu mais lorsque j'entre "#bloc_header" le "bloc_header" devient d'un bleu plus pâle mais le # reste noir et cette commande ne fonctionne pas, même chose pour les CLASS, le point reste noir et le reste du texte rouge. Notez que tous mes autres fonctionnent (body, h1, h2, etc).

Merci et en passant excellent site
Hors ligne baloov12 # Posté le 23/03/2012 à 11:30:44

Bonjour, même problème que steven34, les modifications de textes ne marche pas sur safari alors qu'elles s'appliquent sur google chrome, est-ce normal? je ne pense pas mais comment puis-je y remédier?
Merci a tous pour ce site, il est vraiment super!!!
Ah oui je travail sur mac avec jedit.
Hors ligne baloov12 # Posté le 23/03/2012 à 12:01:58

Rebonjour, j'ai aussi un problème avec les class et id il ne marche pas dans safari mais bien dans google chrome.
J'ai réussi a faire marcher les autres fonctions après une mise a jour de safari.
Hors ligne brliron # Posté le 29/03/2012 à 20:53:03

Avis : Très bon

J'ai vu un site n'utilisant pas CSS, et c'était juste horrible. La place des trucs était gérée par des dizaines voire une centaine de balises <tr> et <td>, chaque ligne était précédée d'une mention pour la taille de police et d'une autre pour la police utilisée... C'était illisible.
Je vous en prie: faites tout ce que vous pouvez pour que les pages web sans CSS disparaissent d'internet!
Hors ligne LeZéroUltime # Posté le 06/04/2012 à 15:18:47
Atention, Tux dangereux!
Avatar

Avis : Très bon

@Wizix:
Vérifie que ton fichier s'appelle bien style.css

Les Tux,(famille des Tuxidae),sont des animaux de l'ordre des OSimorphes, du sous-ordre des Unixiformes et de la superfamille des Tuxoidés. L'espèce type en est le Tux commun(Tux vulgaris).
 
Hors ligne Appollyon # Posté le 17/04/2012 à 05:30:13
Avatar

Avis : Très bon

super votre site ! merci :)
Hors ligne kap89 # Posté le 21/04/2012 à 01:19:21

verifier que le dossier css et dans le meme dossier que l'html les image ou photos sont dans un sous
dossier pour pas fair interferer avec le dossier html et css + le <link rel="stylesheet" href="style.css"> ai le meme nom que le ficher css par exemple le ficher css et nomé page.css
vous metez <link rel="stylesheet" href="page.css"> et dans l editeur faite attention a bien enrgistrer sur fichier css exp: sur notepad ++ dossier enrgistrer sous nom du fichier = le nom de votre fichier css et sur type vous metez cascade sheet file (*.css) et verifier a bien metre a joure
votre navigateur j utilise safari et j ai aucun problement
Hors ligne azizha # Posté le 27/04/2012 à 13:00:10
Avatar

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!!!
 
Hors ligne GUIGUI59_ # Posté le 17/05/2012 à 16:31:09

Bonjours j'aime votre cour mais j'ai un problème avec la fontion CLASS quand je veut mettre quelque chose en bleu sa ne marche pas, je suis débutant et je ne sais pas si c'est la qu'il faut poster ma réponse . merci


Voici mon code html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>TON MULTI.COM</title>
</head>

<body>
<h1 class="1" >Bienvenue sur la page 2 !</h1>
<h1> Bievenue sur TON MULTI . COM </h1>
<p>Bienvenue sur le site consacré au quadricoptere.</p>
<p> Vous allez tout savoir sur les montages, vous allez découvrir différent pilotage ( calme ou plutot agressif )<br/>
<p class="introduction"> Je vous apprendrez comment voler sans <em>danger </em> et les <strong>précautions </strong> a prendre <p> mais surtout il faut être <mark> patient </mark>
<!--<em> sa veut dire italique , <strong> sa veut dire important et <mark> veut dire surligné -->
Demain rendez vous a leers pres du complexe pour un petit vol </p>
<h3> Liste des courses pour la construcion d'un multiwiicoptere </h3>
<!--<h3> sa veut dire un titre de rubrique moyen gros et pour faire une liste on commence par <ul> a l'intérieure on <li> on met le truc a listé et on referme </li> </ul>-->
<ul> <li> arduino pro min </li>
<li> shield multiwii </li>
<li> wii motion plus </li>
<li> régulateur 3.3V </li>
<li> 4 moteur keda 20-50s </li>
<li> 4 esc turnigy 8A </li>
<li> chassis avec bras 25 cm </li>
<li> 4 hélice 8 x 4.5 </li>
<li> 1 lipo 1800mah </li>
</ul>
<h3> Etape a suivre pour la construction </h3>
<ol> <li> On soude l'arduino , le régulateur et le wii motion plus sur la shield multiwii </li>
<li> On monte le chasis </li>
<li> On fixe dessus les moteurs et les esc </li>
<li> On soude les moteurs au esc et les esc on les aux bornes du chassis </li>
<li> Liste a finir </li>
</ol>
</body>
</html>
Voici: mon code css

1
{
color:blue ;
}
Hors ligne Lalo Réuniina # Posté le 17/05/2012 à 17:52:22

Je pense enfin si j'ai bien compris par rapport au tutoriel, que pour les titre se serai :
h1
{
color : blue;
}
si tu veux que ts tes titre de niveau 1 s'affiche en bleu,

ensuitre si tu veux faire avec class (a ce moment la se sera juste le titre que tu as choisis qui sera en bleu) tu a oublié de mettre "." avant le 1

.1
{
color :blue;
}

J'espère t'avoir aidé GUIGUI59_
Hors ligne chrisdesign # Posté aujourd'hui à 10:03:16

Avis : Mitigé

Bonjour à tous !
Je suis nouveau je viens de m'inscrire et j aurais une question de DEBUTANT !!

Quelle différence il y a entre <p class="introduction">Bonjour et bienvenue sur mon site !</p> et <p>Bonjour et <span class="salutations">bienvenue</span> sur mon site !</p> ?

J 'espere être assé clair merci d'avance !!
Pour accéder à cette section
Connectez-vous !
connexion_rpx