titre de paragraphe (liste?) - HTML/CSS - Programmation
Marsh Posté le 30-07-2004 à 10:35:37
pour l'instant jai fais ça: 
<ul style="list-style-image: url('img/arrow.gif.gif')"><li>TITRE</ul> 
 
mais il ne me prends pas l'image, il met une puce. 
Ca vous semble juste ce code pour ce que je veux faire?
Marsh Posté le 30-07-2004 à 10:46:25
bon bah ça marche presque sauf que je n'arrive pas à aligner horizontalement la puce(arrow.gif) et le titre. 
 
| .list1 {  | 
 
 
Que puis je rajouter pour aligner tout ça?
Marsh Posté le 30-07-2004 à 11:01:13
même un
| vertical-align: middle; | 
n'aligne pas comme il faut
Marsh Posté le 30-07-2004 à 11:10:48
<style> 
hx { 
  background:url(../arrow.gif) no-repeat left center; 
  padding-left: yypx; 
  margin-left: -yypx; 
} 
</style> 
<hx>Mon titre</hx> 
 
pas testé mais ce devrait pas être trop loin de al solution (x et yy à remplacer bien sur)
Marsh Posté le 30-07-2004 à 11:18:09
euh j'ai fait ça: 
dans mon css: 
| .hx {  | 
 
 
et dans ma page: 
| <hx>TITRE</hx> | 
 
 
morche pas 
tu me dis de remplacer x mais je vois pas par quoi...
Marsh Posté le 30-07-2004 à 11:25:31
...ah si par un nombre c'est pas mal. je connaissais pas cet balise hx. 
ça marche trop bien 
merci 
Marsh Posté le 30-07-2004 à 14:58:10
je veux pas faire le casse couille mais y'aurai pas moyen de controler exactement par le biais de valeur le positionnement (haut bas) du titre par rapport à ma puce (arrow.gif)? 
Le retour à la ligne après ce titre est imparable? 
Puis je controler la hauteur de ce saut de ligne? 
merci
Marsh Posté le 30-07-2004 à 15:19:47
- il suffit de modifier les valeurs mises dans background 
- c'est un titre, donc logiquement, il y a une retour à la ligne par après. Y a moyen de modifier le conmportementa vec display. 
- joue avec les margin/padding pour la hauteur du saut de ligne
Marsh Posté le 30-07-2004 à 15:42:34
merci gizmo 
 
autre chose: 
A chaque fois que je fais un tablo (genre 1ligne 1colone) et que je veux écrire du texte en dessous, il me met une marge trop grande. 
j'ai donc fait ça: 
.tablo_tt-int { 
 width: 100%; 
 margin-bottom: 3px; 
} 
 
mais le margin bottom marche pas vraiment. 
C'est customisable cet espace ou pas?
Marsh Posté le 30-07-2004 à 15:44:13
autant pour moi c'était à cause d'une balise <p> qui se trouvait après mon tableau...sorry
Marsh Posté le 30-07-2004 à 15:55:23
mais si j'enleve la balise <p> , y a plus de justify...AHHHAAHHHHH!!!ça saoul. 
Cette balise me creer un espace après mes tablo
Marsh Posté le 30-07-2004 à 16:09:10
h1 h2 etc. c'est les titres... tu mettais comment tes titres sinon ? 
 
<p class="title"> ? c'est pas bien pour la sémantique ça  
 
 
| kameha a écrit :   | 
 
 
Par défaut les <h...> ont des marges encore plus grosses que les <p> il me semble ; ça peut se modifier via les padding & margin en CSS
Marsh Posté le 30-07-2004 à 10:20:16
Salut,
j'ai un paragraphe comme cela:
titre
contenucontenucontenucontenucontenucontenucontenucontenucontenu
Je souheterais une image(arrow.gif) devant titre.
Dois je utiliser les listes et les css?
Par contre je ne veux pas que mon contenu soit en retrait, plutot bien aligné à gauche.
Et détail, je veux que l'image(arrow.gif) soit aligné horizontalement avec titre.
Si vous avez un bon lien,merci à tous