Vraagje, hoe kan ik er voor zorgen dat mijn li custom image (het vinkje) aan de rechter kant meer wit ruimte heeft en dat het vinkte ten alle tijden in het midden van de paragraaf staat. Dus bij 1 regel dat hij in het midden staat maar ook als een paragraaf 5 regels heeft.
De HTML:
<ul class="kwalificatie">
<li>
<h3>{$_language.cat1}</h3>
<p style="text-align: justify;">{$_language.cat1_uitleg}</p>
</li>
</ul>
De CSS:
ul.kwalificatie {
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul.kwalificatie li {
background-image: url(/img/icon_geverifieerd.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}
Hoe het er nu uit ziet:
http://i59.tinypic.com/2qa4x8w.jpg
- Hoe, li afbeelding verplaatsen
-
19-06-2014, 13:07 #1Coremeta Holding B.V.
- Berichten
- 255
- Lid sinds
- 13 Jaar
Hoe, li afbeelding verplaatsen
-
In de schijnwerper
Linkbuilding(internationaal)uitbesteden(ook whitelabel)?Wij regelen alle plaatsingen.Freelance / WerkKoopzondagutrecht.nl | 163 organische bezoekers per maandWebsite te koopGezondr.nl te koop: Health & Lifestyle blog met 30k traffic p/mWebsite te koop!!!!! Uniek portfolio met 544 .nl domeinnamen !!!!!Domein te koop -
19-06-2014, 13:15 #2
- Berichten
- 446
- Lid sinds
- 11 Jaar
Re: Hoe, li afbeelding verplaatsen
PHP Code:background-position: left center;
Daniel Warnaar
-
19-06-2014, 13:16 #3Particulier
- Berichten
- 1.412
- Lid sinds
- 15 Jaar
Re: Hoe, li afbeelding verplaatsen
Ik snap niet helemaal wat je bedoeld maar als je het verticaal wilt centreren is het:
ul.kwalificatie li {
background-image: url(/img/icon_geverifieerd.png);
background-repeat: no-repeat;
background-position: 5px center;
}
edit
you win Daniel :P
-
19-06-2014, 13:42 #4Coremeta Holding B.V.
- Berichten
- 255
- Lid sinds
- 13 Jaar
Re: Hoe, li afbeelding verplaatsen
Dank je wel en weet je toevallig ook hoe ik het vinkte wat meer naar link kan zetten zodat er meer wit ruimte is tussen het vinkte en de tekst
-
19-06-2014, 13:45 #5
- Berichten
- 446
- Lid sinds
- 11 Jaar
Re: Hoe, li afbeelding verplaatsen
Ja kan je li wat padding geven.
ul.kwalificatie li {
padding: 0 0 0 30px;
}
-
19-06-2014, 13:49 #6Coremeta Holding B.V.
- Berichten
- 255
- Lid sinds
- 13 Jaar
Re: Hoe, li afbeelding verplaatsen
Hellaas werkt het niet er gebeurt niets
-
19-06-2014, 13:51 #7
- Berichten
- 446
- Lid sinds
- 11 Jaar
Re: Hoe, li afbeelding verplaatsen
linkje naar je website?
-
19-06-2014, 13:57 #8Coremeta Holding B.V.
- Berichten
- 255
- Lid sinds
- 13 Jaar
Re: Hoe, li afbeelding verplaatsen
je hebt een PM
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic