Limiter la taille du texte (centré)
Fermé
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
-
7 avril 2010 à 22:06
Guit85 Messages postés 40 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 21 juillet 2011 - 13 avril 2010 à 07:36
Guit85 Messages postés 40 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 21 juillet 2011 - 13 avril 2010 à 07:36
A voir également:
- Limiter la taille du texte (centré)
- Comment réduire la taille d'un fichier - Guide
- Comment reduire la taille d'une photo - Guide
- Centre de messagerie - Guide
- Excel cellule couleur si condition texte - Guide
- Texte argumentatif sur les avantages et les inconvénients du téléphone portable ✓ - Forum Mobile
14 réponses
ben85350
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
27
7 avril 2010 à 22:10
7 avril 2010 à 22:10
Salut !
J'ai du mal à comprendre ce que tu veux... Tu veux qu'il soit centré dans ton tableau ? en css : text-align ?
J'ai du mal à comprendre ce que tu veux... Tu veux qu'il soit centré dans ton tableau ? en css : text-align ?
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
7 avril 2010 à 22:35
7 avril 2010 à 22:35
Non je n'ai pas fait de tableau, juste des balise <p>, div class,...
Et mon skin fait que j'ai une largeur maximale de 750 px pour écrire mon texte, il est centré.
Hors losrque j'écris dans les différentes balises ce texte s'écrit en dehors des 750 Px , du coup ça n'est pas terrible. je souhaiterai donc limiter la zone de texte à 750 px.
Note: le retour à la ligne et le centrage pas de soucis, le seul est se "débordement". je sais pas si je suis plus clair....
Et mon skin fait que j'ai une largeur maximale de 750 px pour écrire mon texte, il est centré.
Hors losrque j'écris dans les différentes balises ce texte s'écrit en dehors des 750 Px , du coup ça n'est pas terrible. je souhaiterai donc limiter la zone de texte à 750 px.
Note: le retour à la ligne et le centrage pas de soucis, le seul est se "débordement". je sais pas si je suis plus clair....
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
10 avril 2010 à 14:47
10 avril 2010 à 14:47
Up,
Voila j'ai mis le site en ligne :
http://atoutpc85.free.fr/nouveau%20site/index.html
voila regarder le texte déborde sur le "vert et le noir", j'aimerais tout centrer sur le "blanc", mais je ne connais pas la fonction.
Merci d'avance !
Voila j'ai mis le site en ligne :
http://atoutpc85.free.fr/nouveau%20site/index.html
voila regarder le texte déborde sur le "vert et le noir", j'aimerais tout centrer sur le "blanc", mais je ne connais pas la fonction.
Merci d'avance !
ben85350
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
27
10 avril 2010 à 15:05
10 avril 2010 à 15:05
Est-ce que tu t'y connais en CSS ? car en ajoutant un padding-left et un padding-right de 40px, peut être, ca irais...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
11 avril 2010 à 09:10
11 avril 2010 à 09:10
Oui je débute un peu mais je connais, padding? a ok merci je test et je te dis tout ça !
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
Modifié par Guit85 le 11/04/2010 à 10:21
Modifié par Guit85 le 11/04/2010 à 10:21
OK ça marche qua,d je suis dans une balise h1, mais pas quand je mets une autre balise, mon css :
body { text-align : center;
color : #9900FF;
font-size :25px;
font-family: "comic sans ms", Arial, Verdana, serif;
background: #000000 url(image/fond.jpg) center top repeat-y;
}
#top {
background: url(image/head1.jpg) repeat-x;
}
#header {
position: center;
width: 800px;
margin: auto;
background: url(image/head.jpg) no-repeat;
}
p { text-align : center;
color : #9900FF;
padding-left : 45px;
padding-right : 45px;
font-size :25px;
font-family: "comic sans ms", Arial, Verdana, serif;
}
1er problème :
-Quand je mets une phrase dans une balise <p> (ou autre); elle n'est pas reconnu le texte prend la mise en forme de <body> et ne se met pas à la suite logique du texte...
2éme problème:
- Quand je mets un texte sans borne dans la balise <body>, le texte prend les caractéristique de la balise <body>? Mais évidemment si je mets un padding dans la balise body ça décale ma bannière mais pas le texte.
Est-ce que dans le cas ou l'on met une caractéristique dans la balise body elle s'applique à tout ce qui est mis dedans et annule les autres balises?
avec ça tu comprendras mieux :
http://atoutpc85.free.fr/nouveau%20site/index.html
Merci encore
body { text-align : center;
color : #9900FF;
font-size :25px;
font-family: "comic sans ms", Arial, Verdana, serif;
background: #000000 url(image/fond.jpg) center top repeat-y;
}
#top {
background: url(image/head1.jpg) repeat-x;
}
#header {
position: center;
width: 800px;
margin: auto;
background: url(image/head.jpg) no-repeat;
}
p { text-align : center;
color : #9900FF;
padding-left : 45px;
padding-right : 45px;
font-size :25px;
font-family: "comic sans ms", Arial, Verdana, serif;
}
1er problème :
-Quand je mets une phrase dans une balise <p> (ou autre); elle n'est pas reconnu le texte prend la mise en forme de <body> et ne se met pas à la suite logique du texte...
2éme problème:
- Quand je mets un texte sans borne dans la balise <body>, le texte prend les caractéristique de la balise <body>? Mais évidemment si je mets un padding dans la balise body ça décale ma bannière mais pas le texte.
Est-ce que dans le cas ou l'on met une caractéristique dans la balise body elle s'applique à tout ce qui est mis dedans et annule les autres balises?
avec ça tu comprendras mieux :
http://atoutpc85.free.fr/nouveau%20site/index.html
Merci encore
ben85350
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
27
11 avril 2010 à 12:51
11 avril 2010 à 12:51
Je viens de regarder ton code source. Il y a un truc qui ne va pas. Il faut que tu créer une div pour ton header, où tu vas mettre seulement ton bandeau. Et une seconde div en dessous, dans laquelle tu mettras ton contenu (texte). Et ainsi, tu mettras le padding pour cette div et tout s'affichera correctement !
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
12 avril 2010 à 11:35
12 avril 2010 à 11:35
Ok je vais refaire j'ai du "merdé" quelque part, je débute donc je rame un peu ;)
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
12 avril 2010 à 13:39
12 avril 2010 à 13:39
Bon ça marche pas ! :)
retourne sur le lien stp , ce que je veux faire :
- J'ai une image que je veux répéter sur y mais elle ne s'affiche pas.(c'est en fait une image qui se répète à l'infini à la hauteur de mon logo.)
- ensuite quand je mets un padding sur le balise "p" ça ne fonctionne pas...
Je pense que je me débrouille mal mais je ne vois pas sur quoi.
Peux tu m'en dire plus?
Mon objectif étant de faire un site "léger" avec une répétition sur y d'une image et sur x d'une autre, et sur x le texte doit respecter une taille (le fond gris clair)
dur dur ;)
retourne sur le lien stp , ce que je veux faire :
- J'ai une image que je veux répéter sur y mais elle ne s'affiche pas.(c'est en fait une image qui se répète à l'infini à la hauteur de mon logo.)
- ensuite quand je mets un padding sur le balise "p" ça ne fonctionne pas...
Je pense que je me débrouille mal mais je ne vois pas sur quoi.
Peux tu m'en dire plus?
Mon objectif étant de faire un site "léger" avec une répétition sur y d'une image et sur x d'une autre, et sur x le texte doit respecter une taille (le fond gris clair)
dur dur ;)
ben85350
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
27
12 avril 2010 à 19:24
12 avril 2010 à 19:24
Met ton code source de la page je vais regarder ça, ça sera plus simple pour moi
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
12 avril 2010 à 19:29
12 avril 2010 à 19:29
<html>
<head>
<title>atoutpc85, atout pc 85; atoutpc85.free.fr,
réparation ordinateur, dépannage informatique</title>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="rating" content="General">
<meta name="author" content="Guillaume">
<meta name="language" content="Fr">
<link type="text/css" rel="stylesheet" href="design1.css">
</head>
<body>
<div id="top">
<div id="ban">
<h2 style="font-size: 50px; text-align: center; font-family: Magneto; text-decoration: blink; color: rgb(150, 220, 29); margin-top: 0px; height: 127px;">Atout
PC 85</h2>
<h1 style="font-size: 25px; text-align: center; font-family: comic sans ms; text-decoration: underline; color: rgb(21, 62, 0);">Réparation
Pc, ordinateur</h1>
<h1 style="font-size: 25px; text-align: center; font-family: comic sans ms; text-decoration: underline; color: rgb(21, 62, 0);">Dépannage
informatique. Formation sur logiciel.</h1>
<div id="p">ici tu vois je mets le tout dans la balise p
lm,vm ,m ma ma ml mla ml al aml am alma mal ma lma ma
f$le;ùmf; *:e
g:
zg :
ezg zù:g z:e g
*:eg </div>
</div>
</div>
</body>
</html>
voilou :)
<head>
<title>atoutpc85, atout pc 85; atoutpc85.free.fr,
réparation ordinateur, dépannage informatique</title>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="rating" content="General">
<meta name="author" content="Guillaume">
<meta name="language" content="Fr">
<link type="text/css" rel="stylesheet" href="design1.css">
</head>
<body>
<div id="top">
<div id="ban">
<h2 style="font-size: 50px; text-align: center; font-family: Magneto; text-decoration: blink; color: rgb(150, 220, 29); margin-top: 0px; height: 127px;">Atout
PC 85</h2>
<h1 style="font-size: 25px; text-align: center; font-family: comic sans ms; text-decoration: underline; color: rgb(21, 62, 0);">Réparation
Pc, ordinateur</h1>
<h1 style="font-size: 25px; text-align: center; font-family: comic sans ms; text-decoration: underline; color: rgb(21, 62, 0);">Dépannage
informatique. Formation sur logiciel.</h1>
<div id="p">ici tu vois je mets le tout dans la balise p
lm,vm ,m ma ma ml mla ml al aml am alma mal ma lma ma
f$le;ùmf; *:e
g:
zg :
ezg zù:g z:e g
*:eg </div>
</div>
</div>
</body>
</html>
voilou :)
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
12 avril 2010 à 20:28
12 avril 2010 à 20:28
voila le css
body {
background: #000000 url(image/fond.jpg) center top repeat-y;
}
#top {
background: url(image/head1.jpg) repeat-x center top;
}
#ban {
background : url(image/head.jpg) no-repeat center top;
}
#p {
text-align : center;
color : #9900FF;
font-size :20px;
font-family: "comic sans ms", Arial, Verdana, serif;
padding-left : 500 px
padding-right: 500 px
}
body {
background: #000000 url(image/fond.jpg) center top repeat-y;
}
#top {
background: url(image/head1.jpg) repeat-x center top;
}
#ban {
background : url(image/head.jpg) no-repeat center top;
}
#p {
text-align : center;
color : #9900FF;
font-size :20px;
font-family: "comic sans ms", Arial, Verdana, serif;
padding-left : 500 px
padding-right: 500 px
}
ben85350
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
27
12 avril 2010 à 21:20
12 avril 2010 à 21:20
Première chose, l'image head1.jpg pour le top n'existe pas...
Tiens moi au courant, je regarde le reste
Tiens moi au courant, je regarde le reste
ben85350
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
27
12 avril 2010 à 21:50
12 avril 2010 à 21:50
Le fichier HTML :
Le fichier CSS :
Je pense que c'est plus ce que tu veux.
<html> <head> <title>atoutpc85, atout pc 85; atoutpc85.free.fr, réparation ordinateur, dépannage informatique</title> <meta http-equiv="Content-Language" content="fr"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="rating" content="General"> <meta name="author" content="Guillaume"> <meta name="language" content="Fr"> <link type="text/css" rel="stylesheet" href="design1.css"> </head> <body> <div id="top"> </div> <div id="ban"> </div> <div id="contenu"> <h2>Atout PC 85</h2> <h1>Réparation Pc, ordinateur</h1> <h1>Dépannage informatique. Formation sur logiciel.</h1> <p>ici tu vois je mets le tout dans la balise plm,vm ,m ma ma ml mla ml al aml am alma mal ma lma maf$le;ùmf; *:eg: zg :ezg zù:g z:e g*:eg </p> </div> </body> </html>
Le fichier CSS :
body
{
background: #000000 url(image/fond.jpg) center top repeat-y;
}
#top
{
background: url(image/head1.jpg) repeat-x center top; /* Impossible de trouver cette image. Normal ??? */
}
#ban
{
background : url(image/head.jpg) no-repeat center top;
height:150px; /* Taille de ta div correspondant a la taille de ton image */
}
#contenu
{
width:600px; /* taille de ta div pour ton texte */
margin-left: auto; /* margin-left et marginright pour centrer la div au milieu de la page */
margin-right: auto;
}
p
{
text-align : center;
color : #9900FF;
font-size :20px;
font-family: "comic sans ms", Arial, Verdana, serif;
}
/*utilise le fichier css pour mettre le style de tes titres */
h1
{
font-size: 25px;
text-align: center;
font-family: comic sans ms;
text-decoration: underline;
color: rgb(21, 62, 0);
}
h2
{
font-size: 50px;
text-align: center;
font-family: Magneto;
text-decoration: blink;
color: rgb(150, 220, 29);
margin-top: 0px;
height: 127px;
}
Je pense que c'est plus ce que tu veux.
Guit85
Messages postés
40
Date d'inscription
dimanche 14 mars 2010
Statut
Membre
Dernière intervention
21 juillet 2011
13 avril 2010 à 07:36
13 avril 2010 à 07:36
ah d'accord lol effectivement pas compris comme ça :)
Merci !
oui l'image head1 n'est pas trouvé et je ne sais pas pourquoi !
Merci bcp à toi je comprends mieux le principe css....
Merci !
oui l'image head1 n'est pas trouvé et je ne sais pas pourquoi !
Merci bcp à toi je comprends mieux le principe css....
