Archief - CSS: inspringing list
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
horse_99
Legacy Member
Wat je ook kunt doen:
ul {
margin:0px;
padding:0px;
}
ul li {
margin:0px;
padding:0px;
list-style:none;
}
De list-style dus op none zetten, dit zorgt ervoor dat de bulletin images die de browsers er automatisch bijzetten niet worden weer gegeven. Nu kun je de margin-left van ul li instellen, en zo de lijst doen inspringen.
Als je nu nog bulletin images wilt, kan je voor ul li een background-image instellen voor die je top left positioneert en niet herhaalt. Zo los ik het altijd op om mijn lijsten crossbrowser compatibel te maken.
Hopelijk heb je er wat aan en versta je het een beetje
.
Groeten, Kristof.
ul {
margin:0px;
padding:0px;
}
ul li {
margin:0px;
padding:0px;
list-style:none;
}
De list-style dus op none zetten, dit zorgt ervoor dat de bulletin images die de browsers er automatisch bijzetten niet worden weer gegeven. Nu kun je de margin-left van ul li instellen, en zo de lijst doen inspringen.
Als je nu nog bulletin images wilt, kan je voor ul li een background-image instellen voor die je top left positioneert en niet herhaalt. Zo los ik het altijd op om mijn lijsten crossbrowser compatibel te maken.
Hopelijk heb je er wat aan en versta je het een beetje
.Groeten, Kristof.
orez
Legacy Member
Xcessive- zei:
... Het goed maken in andere browsers ?
Stel FF geeft de list anders weer als IE, in IE staat de list bv 5px verder van de rand als in FF, met volgende css
ul {
margin: 10px;
}
dan maak je in je css
ul {
margin: 10px;
_margin: 5px;
}
Waarvan de 2de waarde dus 5px minder is als bovenstaande. Wat gebeurt er nu, iedere browsers zal die 2de regel NEGEREN, IE niet! Wat als gevolg heeft, dat de waarden in IE nu hetzelfde gerangschikt staan als in FF.
Want als hij in FF 10px nam, en in IE 10px + 5px (waar IE toch wel goed in is
) Dan geeft hij nu in FF 10 px weer, en in IE 5px + 5px wat ook 10px maakt ..En als ge het nu nog ni verstaat
S3cT0r
Legacy Member
Als ik mij niet vergis gebruikt Firefox margin voor de "inspringing" en IE padding, of wast andersom, tmaakt in ieder geval ni uit:
Nu kan je zelf kiezen welk van de twee je wilt veranderen, het zal er in beide browsers ongeveer hetzelfde uitkomen.
Code:
ul {
margin: 0;
padding: 0;
}Nu kan je zelf kiezen welk van de twee je wilt veranderen, het zal er in beide browsers ongeveer hetzelfde uitkomen.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.