titre de paragraphe (liste?)

titre de paragraphe (liste?) - HTML/CSS - Programmation

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

Reply

Marsh Posté le 30-07-2004 à 10:20:16   

Reply

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?

Reply

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 {
 list-style-position: outside;
 list-style-image: url(../img/arrow.gif);
}


 
Que puis je rajouter pour aligner tout ça?

Reply

Marsh Posté le 30-07-2004 à 11:01:13    

même un

vertical-align: middle;

n'aligne pas comme il faut


Message édité par kameha le 30-07-2004 à 11:01:55
Reply

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)

Reply

Marsh Posté le 30-07-2004 à 11:12:54    

que reprensente le hx, le x plus precisement?

Reply

Marsh Posté le 30-07-2004 à 11:13:34    

bah un titre...

Reply

Marsh Posté le 30-07-2004 à 11:18:09    

euh j'ai fait ça:
dans mon css:

.hx {
 background:url(../img/arrow.gif) no-repeat left center;  
  padding-left: 10px;  
  margin-left: -10px;  
}


 
et dans ma page:

<hx>TITRE</hx>


 
morche pas
tu me dis de remplacer x mais je vois pas par quoi...

Reply

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

Reply

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

Reply

Marsh Posté le 30-07-2004 à 14:58:10   

Reply

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

Reply

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?

Reply

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

Reply

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


Message édité par kameha le 30-07-2004 à 15:56:01
Reply

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 :D
 

kameha a écrit :


Cette balise me creer un espace après mes tablo


 
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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed