Mahtaakohan -tagin bulletteja saada mitenkään kokonaan pois. Tiedän sen list-style: none -jutun, mutta kun ie:llä siihen eteen jää typerä tyhjä tila, mozillalla kylläkään ei. Voiko sitä tyhjää tilalla saada mitenkään pois ie:lläkin. Kyse on siis wordpressista, kun blogin arkistolinkkien eteen jää pallukka, enkä ole sitä määrittänyt erikseen tyylitiedostossa.
Toivottavasti tästä joku ymmärtää jotain.
Toivottavasti tästä joku ymmärtää jotain.
Vastaukset 9
Vanhimmat
Kokeiles tuollaista:
li {
list-style: none;
margin-left: -10px;
}
Niin, IE:lla kyllä toimii, mutta Mozilla Firefoxilla menee marginaali vasemmalta sen 10 pikseliä pienemmäksi kuin IE:lla.
li {
list-style: none;
margin: 0;
padding: 0;
}
tuotakin on jo kokeiltu, mutta tämä toimii:
li {list-style: none;
list-style-position: outside;
margin-top: 0.5em;
}
mut eiks tämmöne toimi paremmin?
ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}
li, ul {
list-style: none;
}
Tuo toiminee
ja lue:
"Tiedän sen list-style: none -jutun, mutta kun ie:llä siihen eteen jää typerä tyhjä tila"
Mitä sanoja et ymmärrä yo tekstissä?
Kokeileppas huviksesi
li, ul {
list-style: none;
margin: 0;
padding:0;
}
toimii, tosin kannattaa tehdä niin kuin Töppö neuvoi
Aloittaa css-tiedoston seuraavalla:
* { margin: 0; padding: 0; }
Tämä nollaa kaikki marginaalit ja täytteet jokaisesta sivun elementistä, näin on helppo aloittaa puhtaalta pöydältä.
Sen jälkeen asettelee tarvittaessa sopivat marginit, paddingit ja kaikki muutkin haluamilleen elementeille.