[HTML] UL & LI

UL & LI [HTML] - HTML/CSS - Programmation

Marsh Posté le 19-10-2004 à 09:15:14    

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

Marsh Posté le 19-10-2004 à 09:15:14   

Reply

Marsh Posté le 19-10-2004 à 09:40:13    

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
Reply

Marsh Posté le 19-10-2004 à 10:00:38    

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

Reply

Marsh Posté le 19-10-2004 à 10:24:44    

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

Marsh Posté le 19-10-2004 à 11:02:20    

Et en supprimant les marges de p ?


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

Sujets relatifs:

Leave a Replay

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