Prb !!!! HTML et CSS avec le Text-align !!!!
Fermé
domlebel
Messages postés
11
Date d'inscription
samedi 7 avril 2012
Statut
Membre
Dernière intervention
13 avril 2012
-
7 avril 2012 à 23:42
Utilisateur anonyme - 10 avril 2012 à 02:13
Utilisateur anonyme - 10 avril 2012 à 02:13
A voir également:
- Prb !!!! HTML et CSS avec le Text-align !!!!
- Editeur html - Télécharger - HTML
- Ai text classifier - Guide
- Espace en html - Astuces et Solutions
- Html download - Télécharger - HTML
- Retour à la ligne css - Forum CSS
3 réponses
Utilisateur anonyme
Modifié par lionhell454 le 8/04/2012 à 00:29
Modifié par lionhell454 le 8/04/2012 à 00:29
slt,
essaye plutôt en utilisant les class ou id:
p1 p2 ca existe pas tu pourra uttiliser que p
dans le CSS:
.p2
{
color: #ffffff;
background-color: #000000;
font-size: 14px;
text-align: left;
word-spacing: normal;
}
et dans le html
<div class="texte2">
ton texte de la class texte2
</div>
++
essaye plutôt en utilisant les class ou id:
p1 p2 ca existe pas tu pourra uttiliser que p
dans le CSS:
.p2
{
color: #ffffff;
background-color: #000000;
font-size: 14px;
text-align: left;
word-spacing: normal;
}
et dans le html
<div class="texte2">
ton texte de la class texte2
</div>
++
Utilisateur anonyme
Modifié par lionhell454 le 9/04/2012 à 00:28
Modifié par lionhell454 le 9/04/2012 à 00:28
re bonsoir:
tu as des balise prédéfinie:
<p></p> pour les paragraphe
<h1><</h1> pour les titre
<h2><</h2>
<h3><</h3>
etc....
c'est quoi une balise prédéfinie c'est a dire que par défaut elle a des propriété déjà établie propre au paragraphe titre lien etc....
c'est pas comme une div qui elle n'as rien de prédéfinie (cela ne t empêche pas de tout définir si tu le souhaite....)
Mais p1 p2 p3 ca existe pas bien que tu peut les déclarer en tant que class ou id.
en gros!
Une class tu peut l appelé plusieurs fois un id une seul fois
concretement
question 1
je marque <p class="style2"></p> et entre le >< jécris mon text tout sa dans le html et apres je marke le p.style2 dans le CSS ???
oui
question 2
autre question parce que mon problème était que le paragraphe ne ce déplacais pas a gauche avec : text-align: left; alors si je comprend bien cest seulement ma commande de mon paragraphe qui nest pas bonne mais la commande pour metre le text a gauche est bonne ???
oui exactement
donc ca donne:
index.html
<p class="p2">lion test</p>
index.css
p.p2{
color: #ffffff;
background-color: #000000;
font-size: 14px;
text-align: left;
word-spacing: normal;
}
avec ses deux réponse ca devrait aller
j espere etre clair bonne route a toi!
tu as des balise prédéfinie:
<p></p> pour les paragraphe
<h1><</h1> pour les titre
<h2><</h2>
<h3><</h3>
etc....
c'est quoi une balise prédéfinie c'est a dire que par défaut elle a des propriété déjà établie propre au paragraphe titre lien etc....
c'est pas comme une div qui elle n'as rien de prédéfinie (cela ne t empêche pas de tout définir si tu le souhaite....)
Mais p1 p2 p3 ca existe pas bien que tu peut les déclarer en tant que class ou id.
en gros!
Une class tu peut l appelé plusieurs fois un id une seul fois
concretement
question 1
je marque <p class="style2"></p> et entre le >< jécris mon text tout sa dans le html et apres je marke le p.style2 dans le CSS ???
oui
question 2
autre question parce que mon problème était que le paragraphe ne ce déplacais pas a gauche avec : text-align: left; alors si je comprend bien cest seulement ma commande de mon paragraphe qui nest pas bonne mais la commande pour metre le text a gauche est bonne ???
oui exactement
donc ca donne:
index.html
<p class="p2">lion test</p>
index.css
p.p2{
color: #ffffff;
background-color: #000000;
font-size: 14px;
text-align: left;
word-spacing: normal;
}
avec ses deux réponse ca devrait aller
j espere etre clair bonne route a toi!
domlebel
Messages postés
11
Date d'inscription
samedi 7 avril 2012
Statut
Membre
Dernière intervention
13 avril 2012
9 avril 2012 à 04:56
9 avril 2012 à 04:56
un gros merci a vous deux pour les expliquations javais été voir sur des blog pour comprende les class et id mais sa va encore mieu quand tu me l'explique en fonction de mes codes html css....
entre temps jai compris comment les utilisés mais jai un petit soucis car l'un deux ne saffiche pas corectement mon h1 ne donne pas les bons border ni background je te redonner mes codes html et css avec lajout de tes conseils merci de me répondre rapidement !!!!
html codes :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>ImmortalzQc</title>
<body>
<body background="diablo_3_wallpapers_29.jpg">
<h1> News Membres Articles Forum ClanWars Ranking B.Net </h1>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
<div class="presentation">
<p>
Bonjour, le site Immortalz Qc est un clan purement francais constitué de québecois ou de francais.</br>
Nous sommes un clan de Diablo III comme vous pouvez le constater et nous sommes à la recherche de joueurs.</br>
Car pour le moment le clan vient tout juste d'etre crée ainsi que le site... si vous voulez joindre le </br>
clan vous pouvez m'envoyer un message ou bien en parler avec les sous-chefs du clan merci et a bientôt ! </p>
</div>
<div id="test">
<p>
je ne veux pas que sa sois pareil que le prenmier paragraphe </p> </div>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
</body>
</html>
codes : css
body{
h1
{
color: #ffffff;
background-color: #000000;
padding: 15px;
border: 7px solid;
border-color: #a50000;
font-size: 25px;
text-align: center;
word-spacing:30px;
}
.presentation
{
color: #000000;
background-color: #aeb0ab;
border: 4px solid;
border-color: #a50000;
font-size: 18px;
text-align: center;
word-spacing: normal;
}
#text
{
color: #ffb51d;
background-color: #ffcbff;
border: 4px solid;
border-color: #a50000;
font-size: 18px;
text-align: center;
word-spacing: normal;
}
PS : mon codes css du h1 ne fonctionne pas et mon codes css de mon 2e paragraphe '' id=text '' nomplus bref tu vois mes codes sa serait tres appréciés si tu pouvais me corriger sa !! de mon bord je continue a chercher !!!
je sais que jaurais pas du utilisé le id pour le 2e paragraphe cétait un test bref je connaissais rien dans le html et css depuis 2-3 jours et je fais que regarder des forums video etc... et japprend comme sa sa commence a rentrer mais ton aide me ferais vraiment pas de tard. j'ai compris pomal comment sa marche la base mais jai encore des petit probleme comme tu vois.
ah et le '' .presentation '' saffiche nikel
entre temps jai compris comment les utilisés mais jai un petit soucis car l'un deux ne saffiche pas corectement mon h1 ne donne pas les bons border ni background je te redonner mes codes html et css avec lajout de tes conseils merci de me répondre rapidement !!!!
html codes :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>ImmortalzQc</title>
<body>
<body background="diablo_3_wallpapers_29.jpg">
<h1> News Membres Articles Forum ClanWars Ranking B.Net </h1>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
<div class="presentation">
<p>
Bonjour, le site Immortalz Qc est un clan purement francais constitué de québecois ou de francais.</br>
Nous sommes un clan de Diablo III comme vous pouvez le constater et nous sommes à la recherche de joueurs.</br>
Car pour le moment le clan vient tout juste d'etre crée ainsi que le site... si vous voulez joindre le </br>
clan vous pouvez m'envoyer un message ou bien en parler avec les sous-chefs du clan merci et a bientôt ! </p>
</div>
<div id="test">
<p>
je ne veux pas que sa sois pareil que le prenmier paragraphe </p> </div>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
</body>
</html>
codes : css
body{
h1
{
color: #ffffff;
background-color: #000000;
padding: 15px;
border: 7px solid;
border-color: #a50000;
font-size: 25px;
text-align: center;
word-spacing:30px;
}
.presentation
{
color: #000000;
background-color: #aeb0ab;
border: 4px solid;
border-color: #a50000;
font-size: 18px;
text-align: center;
word-spacing: normal;
}
#text
{
color: #ffb51d;
background-color: #ffcbff;
border: 4px solid;
border-color: #a50000;
font-size: 18px;
text-align: center;
word-spacing: normal;
}
PS : mon codes css du h1 ne fonctionne pas et mon codes css de mon 2e paragraphe '' id=text '' nomplus bref tu vois mes codes sa serait tres appréciés si tu pouvais me corriger sa !! de mon bord je continue a chercher !!!
je sais que jaurais pas du utilisé le id pour le 2e paragraphe cétait un test bref je connaissais rien dans le html et css depuis 2-3 jours et je fais que regarder des forums video etc... et japprend comme sa sa commence a rentrer mais ton aide me ferais vraiment pas de tard. j'ai compris pomal comment sa marche la base mais jai encore des petit probleme comme tu vois.
ah et le '' .presentation '' saffiche nikel
le body est ouvert et pas fermer c'est pas ca qui te fait bug la page?
codes : css
body{
h1
{
color: #ffffff;
background-color: #000000;
padding: 15px;
border: 7px solid;
border-color: #a50000;
font-size: 25px;
text-align: center;
word-spacing:30px;
}
leve deja le body. il est vide, pas fermer et donc il sert a rien
ca aussi ca va pas dans ton html
<body background="diablo_3_wallpapers_29.jpg">
L'image de fond détermine la dans ton css et la oui tu creer ouvre et ferme la balise body du code CSS. Comme les autres...
la je dois me coucher mais demain je regarde mieu ton code
codes : css
body{
h1
{
color: #ffffff;
background-color: #000000;
padding: 15px;
border: 7px solid;
border-color: #a50000;
font-size: 25px;
text-align: center;
word-spacing:30px;
}
leve deja le body. il est vide, pas fermer et donc il sert a rien
ca aussi ca va pas dans ton html
<body background="diablo_3_wallpapers_29.jpg">
L'image de fond détermine la dans ton css et la oui tu creer ouvre et ferme la balise body du code CSS. Comme les autres...
la je dois me coucher mais demain je regarde mieu ton code
domlebel
Messages postés
11
Date d'inscription
samedi 7 avril 2012
Statut
Membre
Dernière intervention
13 avril 2012
9 avril 2012 à 16:45
9 avril 2012 à 16:45
jai assayait tes conseil mais rien na changé du coté du css qui saffiache mal =/
tout fonctionne mais t as des erreur.....
regarde id test dans le html et t as mis text dans css
apres y d'autre erreur je te corrige tout sans l'image de fond bien que c'est pas un problème a faire commençons simple:
CSS
h1{
color: #ffffff;
background-color: #000000;
padding: 15px;
border: 7px solid;
border-color: #a50000;
font-size: 25px;
text-align: center;
word-spacing:30px;
}
.presentation
{
color: #000000;
background-color: #aeb0ab;
border: 4px solid;
border-color: #a50000;
font-size: 18px;
text-align: center;
word-spacing: normal;
}
#text
{
color: #ffb51d;
background-color: #ffcbff;
border: 4px solid;
border-color: #a50000;
font-size: 28px;
text-align: center;
word-spacing: normal;
}
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>ImmortalzQc</title>
<body>
<h1> News Membres Articles Forum ClanWars Ranking B.Net </h1>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
<div class="presentation">
<p>
Bonjour, le site Immortalz Qc est un clan purement francais constitué de québecois ou de francais.</br>
Nous sommes un clan de Diablo III comme vous pouvez le constater et nous sommes à la recherche de joueurs.</br>
Car pour le moment le clan vient tout juste d'etre crée ainsi que le site... si vous voulez joindre le </br>
clan vous pouvez m'envoyer un message ou bien en parler avec les sous-chefs du clan merci et a bientôt ! </p>
</div>
<div id="text"><p>je ne veux pas que sa sois pareil que le prenmier paragraphe</p> </div>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
</body>
</html>
j ai TESTER TOUT MARCHE!
mais t as pas mal de choses qui sont pas tres correcte essaye deja ce code apres on corrige...
+++
regarde id test dans le html et t as mis text dans css
apres y d'autre erreur je te corrige tout sans l'image de fond bien que c'est pas un problème a faire commençons simple:
CSS
h1{
color: #ffffff;
background-color: #000000;
padding: 15px;
border: 7px solid;
border-color: #a50000;
font-size: 25px;
text-align: center;
word-spacing:30px;
}
.presentation
{
color: #000000;
background-color: #aeb0ab;
border: 4px solid;
border-color: #a50000;
font-size: 18px;
text-align: center;
word-spacing: normal;
}
#text
{
color: #ffb51d;
background-color: #ffcbff;
border: 4px solid;
border-color: #a50000;
font-size: 28px;
text-align: center;
word-spacing: normal;
}
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>ImmortalzQc</title>
<body>
<h1> News Membres Articles Forum ClanWars Ranking B.Net </h1>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
<div class="presentation">
<p>
Bonjour, le site Immortalz Qc est un clan purement francais constitué de québecois ou de francais.</br>
Nous sommes un clan de Diablo III comme vous pouvez le constater et nous sommes à la recherche de joueurs.</br>
Car pour le moment le clan vient tout juste d'etre crée ainsi que le site... si vous voulez joindre le </br>
clan vous pouvez m'envoyer un message ou bien en parler avec les sous-chefs du clan merci et a bientôt ! </p>
</div>
<div id="text"><p>je ne veux pas que sa sois pareil que le prenmier paragraphe</p> </div>
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
</body>
</html>
j ai TESTER TOUT MARCHE!
mais t as pas mal de choses qui sont pas tres correcte essaye deja ce code apres on corrige...
+++
lokakilo
Messages postés
213
Date d'inscription
dimanche 13 juillet 2008
Statut
Membre
Dernière intervention
20 juin 2013
14
9 avril 2012 à 20:24
9 avril 2012 à 20:24
Prend le code de lionhell454 et rajoute ca au CSS :
body{
background-image: url('diablo_3_wallpapers_29.jpg');
}
domlebel
Messages postés
11
Date d'inscription
samedi 7 avril 2012
Statut
Membre
Dernière intervention
13 avril 2012
10 avril 2012 à 00:43
10 avril 2012 à 00:43
lionhell UN GROSSSSSSSSSSS MERCI et a toi aussi lokakilo !! tout marche nikel et je crois que javais fais une grave erreur car jai remarquer que en recommencant tout le travail nouvelle page etc... et copy coller tes codes sa duplique un autre document text avec le meme nom je crois qu"il ne faut pas que je le delete =/ ce que javais fais !? ou p-t que sa ne dérange pas mais bon je vais le laisser la cette fois si ;p merci les mecs !!!
si jai dautres question jpeut continuer a vous demandé ??
si jai dautres question jpeut continuer a vous demandé ??
Modifié par lionhell454 le 8/04/2012 à 00:35
<p class="style2"></p>
dans le css:
p .style2
{
color: #ffffff;
background-color: #000000;
font-size: 14px;
text-align: left;
word-spacing: normal;
}
comme expliqué ici:
https://forum.alsacreations.com/topic-2-44019-1-resolu-Probleme-balises-personnalisees-avec-IE.html
++
8 avril 2012 à 03:55
Modifié par JimBlank le 8/04/2012 à 19:40
Le CSS(feuille de style en cascade-cascadind style sheet) fonctionne par class ou id.
Une classe(ou id, peu de différence da,ns le fonctionnement, une class est réutilisable, une id est unique) est un nom arbitraire qui regroupe des propriétés CSS(les régles de mise en page à utiliser pour tel ou tel élément/balise HTML).
Un exemple un peu loufoque mais qui devrait aider à comprendre.
Je vait appeler 'arbitrairement ma class Robert et une autre Maurice:
.Robert{
text-align:left;
}
.Maurice{
text-align:justify;
}
Nos classes sont situées entre les balises head ou dans une feuille de style externe(encore mieux mais nécessite d'indiquer que le fichier est chargé avec la balise LINK):
Elles vont pouvoir être utilisées dans le html comme ceci:
<p class='Robert'>
Mon texte est aligné à gauche, merci Robert t'as la class!
</p>
<h2 class='Maurice'>
Le texte est justifié, c'est Maurice qui as la class^^
</h2>
Bien sûr ceci ne marcheras pas:
<p class='Roberto'>
Il n'existte pas de class Roberto
</p>
<h3 class='Boris'>
ni de class Boris donc pas d'utilisation de style
</h3>
Le nom de class indiqué pour l'attribut class d'une balise doit être exactement le même que celui utilisé pour nommé un regroupements de régles de style.
note: Il faut éviter d'utiliser les majuscules (robert et non Robert) et c'est mieux d'utiliser un nom qui évoques quelque chose, mes exemples de Robert et Maurice étant uniquement pour démontrer qu'on peut utiliser n'importe quoi en nom de style.
.Robert pourrait s'appeler: .justif_gauche et maurice .justif ce qui 'parleras' mieux quand on relit le code.
Modifié par lionhell454 le 9/04/2012 à 00:00
je vais aussi essayer de te donner un autre exemple clair dans un autre post en fonction de ton code.