ul li padding marging off

  • IE(7)s tuleb ULile margin-left igaljuhul, kui ul{display:inline} lisada:( Kuidas korda?

    test.css:
    .frame{
    position: relative;
    display: block;
    background-color: #123456;
    padding:0 0 0 0;
    padding-left: 0;
    }

    ul{
    display:inline;
    marging: 0 0 0 0;
    padding: 0 0 0 0;
    padding-left: 0;
    margin-left: 0;
    }

    li{
    list-style:none;
    marging: 0 0 0 0;
    padding: 0 0 0 0;
    padding-left:0;
    margin-left:0;
    }

    t est.html
    <html>
    <head> <link href="./test.css" rel="stylesheet" type="text/css" ></head>
    <body>
    <div class="frame">
    <ul>
    <li>tere</li>
    <li>tere& amp; amp; amp; amp; amp; lt;/li>
    </ul>
    </div>
    <b ody>
    </html>

    06. juuli 2007 - 23:53:17 · Otselink

  • killi float ära

    07. juuli 2007 - 01:39:03 · Otselink

  • paries 16 a

    Kahjuks ei mõista, millist efekti sa tekitada püüad, aga näiteks minul ei teki mingit lisa margin-lefti:

    .frame {
    background: #ccc
    }
    ul {
    margin: 0;
    padding: 0;
    }
    li {
    list-style: none;
    display: inline
    }

    <div class="frame">
    <ul>
    & lt;li>Tere</li>
    <li>Tere</li>
    </ul>
    </ div>

    Kui sa tahad teksti üksteise alla, võta display: inline ära.
    Muide, sa ei pea nii palju nulle kirjutama :p

    07. juuli 2007 - 10:55:37 · Otselink

  • Mis brauseriga vaatasid?

    Inline vajalik. Paistab, et hetkel see probleemi IEga põhjustabki. Mozilliga korras.

    07. juuli 2007 - 12:28:12 · Otselink

  • paries 16 a

    IE6, IE7, Firefox 2, Safari 3 Beta - ei mingit vasakut nihet

    07. juuli 2007 - 13:00:03 · Otselink

  • Kahe arvutiga testisin. IEga esineb mõlemil arvutil sama probleem.


    Paries, sa katsetasid enda või minu CSSiga? Minul on UL inline, sinul LI. Vaja oleks siiski, et UL on inline.

    07. juuli 2007 - 13:17:45 · Otselink

  • paries 16 a

    Äkki püüaksid paremini seletada, mida sa üldse saavutada püüad? Kui sa tahad, et mitu loendit oleksid horisontaalselt üksteise kõrval (mida ma hetkel eeldan), siis ei piisa sul ainult UL-ile inline panemisest. Nii UL kui ka LI omavad block elemendi omadusi. Näiteks pane mõlemale inline ja nad kõik on kenasti ühel joonel.

    07. juuli 2007 - 13:39:57 · Otselink

  • Pealink 2______Pealink 2
    Alamlink 1.1___Alamlink 2.1
    Alamlink 1.2___Alamlink 2.2

    07. juuli 2007 - 13:52:21 · Otselink

  • paries 16 a

    hetkel oskan välja pakkuda sellist lahendust:

    .frame {
    background: #ccc;
    height: 1%
    }
    ul {
    float: left;
    width: 100px;
    margin: 0;
    padding: 0
    }
    li {
    list-style: none
    }
    .piir {
    clear: both
    }

    <div class="frame">
    <ul>
    & lt; li>Tere</li>
    <li>Tere</li>
    </ul>
    < ul style="background:red">
    < li>Tere</li>
    <li>Tere</li>
    </ul>
    < br class="piir" />
    </div>

    võib-olla huvitab sind ka see.

    07. juuli 2007 - 14:31:22 · Otselink

  • Aitäh.

    07. juuli 2007 - 15:06:35 · Otselink