Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1532 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  titre de paragraphe (liste?)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

titre de paragraphe (liste?)

n°810799
kameha
Posté le 30-07-2004 à 10:20:16  profilanswer
 

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

mood
Publicité
Posté le 30-07-2004 à 10:20:16  profilanswer
 

n°810822
kameha
Posté le 30-07-2004 à 10:35:37  profilanswer
 

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?

n°810846
kameha
Posté le 30-07-2004 à 10:46:25  profilanswer
 

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?

n°810865
kameha
Posté le 30-07-2004 à 11:01:13  profilanswer
 

même un

vertical-align: middle;

n'aligne pas comme il faut


Message édité par kameha le 30-07-2004 à 11:01:55
n°810875
gizmo
Posté le 30-07-2004 à 11:10:48  profilanswer
 

<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)

n°810881
kameha
Posté le 30-07-2004 à 11:12:54  profilanswer
 

que reprensente le hx, le x plus precisement?

n°810883
gizmo
Posté le 30-07-2004 à 11:13:34  profilanswer
 

bah un titre...

n°810891
kameha
Posté le 30-07-2004 à 11:18:09  profilanswer
 

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...

n°810907
kameha
Posté le 30-07-2004 à 11:25:31  profilanswer
 

...ah si par un nombre c'est pas mal. je connaissais pas cet balise hx.
ça marche trop bien
merci

n°811221
kameha
Posté le 30-07-2004 à 14:58:10  profilanswer
 

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

mood
Publicité
Posté le 30-07-2004 à 14:58:10  profilanswer
 

n°811251
gizmo
Posté le 30-07-2004 à 15:19:47  profilanswer
 

- 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

n°811292
kameha
Posté le 30-07-2004 à 15:42:34  profilanswer
 

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?

n°811296
kameha
Posté le 30-07-2004 à 15:44:13  profilanswer
 

autant pour moi c'était à cause d'une balise <p> qui se trouvait après mon tableau...sorry

n°811314
kameha
Posté le 30-07-2004 à 15:55:23  profilanswer
 

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
n°811334
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-07-2004 à 16:09:10  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  titre de paragraphe (liste?)

 

Sujets relatifs
Création d'une liste déroulante pour un fichier Excel en VBA[php] Script de liste de diffusion style Yahoo groups ?
Liste déroulante à choix multipleKSH : comment parcourir une liste comme cat le fait avec un fichier ?
[MFC]Titre de la fenetre principale de l'applicationCréation de liste à partir de XML
Liste des imprimantesAfficher le titre lu dans Winamp sur une page web.
Remplir une listeACCESS LISTE ET VBA
Plus de sujets relatifs à : titre de paragraphe (liste?)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR