Hallo Tbforummers,
Ik zit met een probleem (waarschijnlijk in de CSS) met lijsten in WordPress. In de nieuwere Safari en Firefox (en volgens mij ook in IE, maar dat weet ik niet zeker), worden de bullets netjes aan de linkerkant weergeven. Echter bij een iet wat oudere Safari en op smartphones springen de lijsten (bullets) 1 a 2 cm naar rechts.
Het rare is dat het in de HTML versie wel klopte, maar zodra het in WordPress werd geprogrammeerd ze gingen verspringen.
Ik heb al het e.e.a. Gegoogled, maar ik kon geen oplossing vinden. Is er een TB-er die mijn mysterie op kan lossen?
Mijn HTML:
<div class="blogs"><ul>
<li><a title="#" href="#">Link</a></li>
<li><a title="#" href="#">Link</a></li>
<li><a title="#" href="#">Link</a></li>
</ul>
</div>
|
|
CSS:
.blogs li{line-height: 20px; width:150px;float:left;padding:0px; text-indent: 0em; font-weight:normal; list-style-position:inside; }
.blogs li a{ line-height: 20px;text-indent: 0em; font-weight:normal;}
.blogs ul { margin-left: 0;margin-bottom:10px; list-style-image: url( images/bulletpaars.png); font-weight:normal;}
.blogs ul a{ margin-left: 0; padding:0px; list-style-image: url( images/bulletpaars.png); font-weight:normal;} |
|