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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] UL & LI

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] UL & LI

n°876731
Lorr Hyde
L'univers est trop grand Zut !
Posté le 19-10-2004 à 09:15:14  profilanswer
 

Hello.
Un petit soucis mineur avec IE biensur.
HTML:

Code :
  1. <h1>Liens externes</h1>
  2. <div class="colonne">
  3. <p class="texte">Nos sponsors</p>
  4. <ul>
  5.  <li><a href="http://www.credit-suisse.com/fr/home.html">Crédit Suisse</a></li>
  6. </ul>
  7. <p class="texte">HEC</p>
  8. <ul>
  9.  <li><a href="http://www.jehec.ch">Junior Entreprise HEC</a></li>
  10.  <li><a href="http://www.comite.ch">Comité HEC</a></li>
  11.  <li><a href="http://www.jehec.ch">Junior Entreprise HEC</a></li>
  12. </ul>
  13. </div>


CSS:

Code :
  1. .colonne
  2. {
  3. padding:0px 10px 0px 30px;
  4. }
  5. p.texte
  6. {
  7. text-align: justify;
  8. text-indent: 15px;
  9. }
  10. p.texte:first-letter
  11. {
  12. font-weight: bold;
  13. }


 
URL:
http://www.hec.unil.ch/storm/index.php?page=lien.html
 
Voilà ... bizarrement sous IE, la 2 ème liste ne tient pas compte du padding du DIV de 30px.
 
Quelqun a déjà vu cela ?
Ou encore mieux ... corrgier cela ?


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
mood
Publicité
Posté le 19-10-2004 à 09:15:14  profilanswer
 

n°876748
Xav_
The only one...
Posté le 19-10-2004 à 09:40:13  profilanswer
 

et mettant 2 div, un par liste comme ça:

Code :
  1. <h1>Liens externes</h1>
  2. <div class="colonne">
  3.     <p class="texte">Nos sponsors</p>
  4.     <ul>
  5.         <li><a href="http://www.credit-suisse.com/fr/home.html">Crédit Suisse</a></li>
  6.     </ul>
  7. </div>
  8. <div class="colonne">
  9.     <p class="texte">HEC</p>
  10.     <ul>
  11.         <li><a href="http://www.jehec.ch">Junior Entreprise HEC</a></li>
  12.         <li><a href="http://www.comite.ch">Comité HEC</a></li>
  13.         <li><a href="http://www.jehec.ch">Junior Entreprise HEC</a></li>
  14.     </ul>
  15. </div>


 
ça fait pareil ?


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
n°876759
Leris
Posté le 19-10-2004 à 10:00:38  profilanswer
 

salut,
 
je pense que c'est le <p> qui "coupe" , ça fonctionne avec des <span> ...
 
L.

n°876786
Lorr Hyde
L'univers est trop grand Zut !
Posté le 19-10-2004 à 10:24:44  profilanswer
 

Leris a écrit :


je pense que c'est le <p> qui "coupe" , ça fonctionne avec des <span> ...


Exact
Changer les <p> par de <Span> et ça marche ...
... IE ... [:lorr hyde]  
 
Merci Leris


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
n°876824
sibelius
Vous êtes sûr ?
Posté le 19-10-2004 à 11:02:20  profilanswer
 

Et en supprimant les marges de p ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

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

  [HTML] UL & LI

 

Sujets relatifs
Mise en forme d'un texte saisie avec HTMLExplication HTML
[HTML] Tableau : un truc m'échappe[Resolu] [ASP] PRB avec espace dans une variable et affichage en html
Comment creer une liste ordonnee en HTML avec XSL[HTML] align de tableau
comment envoyer un mail au format html en java?[html/javascript] Accéder au lecteur de cd-rom
[ W3C ] Docs Xhtml, Css, HTML, ....fonction html : listbox optimisation?
Plus de sujets relatifs à : [HTML] UL & LI


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