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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  <ul><li> + css + (IE/firefox) = %+@&£¢$

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

<ul><li> + css + (IE/firefox) = %+@&£¢$

n°1336938
kalios
Prout !
Posté le 01-04-2006 à 13:05:23  profilanswer
 

Bonjour,

 

Voici un problème qui à eu raison de tous mes cheveux, rendez-moi grace en me filant un petit coup de pouce !

 

Le problème concerne les listes à puces sous IE et MOZILLA avec CSS. Voici le code source

 
Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.     <head>
  5.         <title>Arrachage de cheveux !</title>
  6.     </head>
  7.     <body >   
  8.         <style type="text/css">
  9.             body { margin: 0px; padding: 0px; }
  10.             ul   { padding-left: 0px; } /* C'est cette ligne qui me détruit ! */
  11.         </style>
  12.         <ul>
  13.             <li>Ligne 1</li>
  14.             <li>Ligne 2</li>
  15.         </ul>
  16.     </body>
  17. </html>   


Ce que je souhaite obtenir c'est un alignement identique à 2px du bord de l'écran quelque soit le navigateur employé.

 

Pourvez-vous m'aider ?


---------------
.:coin:.
mood
Publicité
Posté le 01-04-2006 à 13:05:23  profilanswer
 

n°1336940
kalios
Prout !
Posté le 01-04-2006 à 13:07:20  profilanswer
 

J'ai bien une pseudo réponse mais elle ne me plait pas...
 

Code :
  1. ul {
  2.    margin-left: 7px;
  3.    padding-left: 7px;
  4. }


 
C'est tout pourri !

Message cité 1 fois

---------------
.:coin:.
n°1336945
Pitsy
Posté le 01-04-2006 à 13:19:32  profilanswer
 

kalios a écrit :

J'ai bien une pseudo réponse mais elle ne me plait pas...
C'est tout pourri !


 
En quoi ne te plaît-elle pas exactement ?
 
Peut-être une solution du genre te convient mieux ?:
 


<style type="text/css">
 *   { padding:0; margin:0;}
 ul   { list-style:inside; margin-left:2px;}
</style>

n°1337044
kalios
Prout !
Posté le 01-04-2006 à 17:01:47  profilanswer
 

Disons que l'inversion padding et margin entre l'un et l'autre des navigateurs n'est pas des plus idéales !


---------------
.:coin:.
n°1337399
gatsu35
Blablaté par Harko
Posté le 02-04-2006 à 18:53:34  profilanswer
 

sait tu que tu as aussi un margin et un padding sur le LI ?
 
donc la solution est simple :  

Code :
  1. * {margin:0; padding:0} //on vire tout
  2. ul {margin-left:7px} et basta


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

  <ul><li> + css + (IE/firefox) = %+@&£¢$

 

Sujets relatifs
[résolu] !! interprétation IE / Firefox !!Menu css : Firefox Ok - IE Ko [Résolu]
Firefox et centrage horizontal.Float sous Firefox
soucis avec firefox[resolu]pb affichage input avec IE et firefox
pb de redimensionnement anim flash sous firefox[Bug Firefox]renvoyer un mess d'erreur
css marche sous IE, pas sous firefox, que faire?Icone dans la barre des taches pour IE ou dans l'onglet pour firefox
Plus de sujets relatifs à : <ul><li> + css + (IE/firefox) = %+@&£¢$

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.053 secondes

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