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