placement de texte[résolu]
placement de texte[résolu] - HTML/CSS - Programmation
Marsh Posté le 05-04-2009 à 21:19:50
Dans l'etat actuel des choses tu peux essayer avec du padding dans chaque classe monstyle(n) dans la CSS.
Sinon regarde du coté des liste HTML ca devrait mieux s'appliqué a ta page genre:
| Citation : <ul> |
Message édité par krifur le 05-04-2009 à 21:21:07
Marsh Posté le 05-04-2009 à 22:04:04
Merci de ta réponse.
De mon côté j'avais essayé d'utiliser le CSS avec une marge pour le texte, seulement, ca va bien pour ma résolution d'écran si je fixe une valeur en px, mais avec un écran d'une résolution autre ça n'ira pas. Me faudrait quelque chose avec du pourcentage non?
Je vais me renseigner d'après tes références en tout cas.
edit: j'ai finalement résolu mon problème avec un tableau 
merci
Message édité par RB26DETT le 05-04-2009 à 23:09:47
Sujets relatifs:
- [Résolu] Edit mono-ligne avec retour à la ligne ?
- [Résolu] Comparatif IBM Rational Application Developer / Eclipse
- [Résolu]Syntaxe dans un script php
- recherche dans un recordset [Résolu]
- importer des tables à partir d'un fichier texte
- Texte fixe, arrière plan défile
- Javascript : pb avec des Frames (résolu)
- recopie texte d'un champ dans un tableau
- [Résolu] Cacher, afficher une ligne de tableau <TR> en Javascript
- Image et texte dans une cellule: placement impossible... [resolu]
Marsh Posté le 05-04-2009 à 20:57:49
bonsoir à tous, j'ai un problème que je ne sais pas régler seul, c'est pourquoi je vous sollicite. Sur mon site http://luc-fontaine.site.voila.fr, je ne parviens pas à placé mon texte le long de ma bordure blanche, et qu'il conserve son placement lorsque la page se réduit. Savez vous comment je pourrais procéder, je suis un super débutant, c'est la première fois que je réalise un page.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lucfontaine</title>
<link href="monstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div Align="center">
<p>
<img src="header.gif" width="850" height="75" hspace="0" vspace="0">
</p>
<p>
<img src="accueil.gif" width="143" height="51"><img src="photoshop.gif" width="193" height="51"><img src="indesign.gif" width="180" height="51"><img src="illustrator.gif" width="166" height="51"><img src="handwork.gif" width="181" height="51">
</p>
</div>
<p class="monstyle2">>>Software:</p>
<p class="monstyle">Photoshop</p>
<p class="monstyle">Indesign</p>
<p class="monstyle">Illustrator</p>
<p class="monstyle"> Dreamweaver</p>
<p class="monstyle2"> >>Langage</p>
<p class="monstyle">Notions en HTML/CSS</p>
<p class="monstyle2">>>2009</p>
<p class="monstyle">Année préparatoire en art appliqué</p>
<p class="monstyle3">Ecole Autograf, Paris 20ème</p>
<p class="monstyle2">>>2008</p>
<p class="monstyle">Obtention du baccalauréat scientifique, sciences de l'ingénieur</p>
<p class="monstyle3">LEGT LaFayette, Clermont-Ferrand, 63</p>
<p class="monstyle">Passionné de graphisme, j'aime passer le temps en réalisant</p>
<p class="monstyle"> des petits travaux de retouches photos, de vectorisations etc.</p>
<p class="monstyle">J'apprécie également la musique, l'informatique, et le cinéma, </p>
<p class="monstyle">qui sont une source d'inspiration pour mes travaux.</p>
</body>
</html>
</html>
@charset "utf-8";
.monstyle {
font-family: "SF New Republic", "SF New Republic SC";
font-size: 20px;
line-height: 0px;
}
.monstyle2 {
font-family: "SF New Republic", "SF New Republic SC";
font-size: 24px;
font-weight: bold;
line-height: 5px;
font-style: normal;
font-variant: small-caps;
color: #666;
}
a img
{
border: none;
}
.monstyle3 {
font-family: "SF New Republic", "SF New Republic SC";
font-size: 19px;
font-style: italic;
line-height: 5px;
font-weight: normal;
color: #BBB;
}
body
{
background:url(background.gif) no-repeat top center #CCC;
}
merci à vous et bonne soirée
Message édité par RB26DETT le 05-04-2009 à 23:10:14