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
- 12 Jaar
Hoe, li afbeelding verplaatsen
-
In de schijnwerper
Muziek Lyrics Merk met 480.000 Volgers op YouTube + TikTokSocial mediaErvaren tekstschrijvers tegen een scherp tarief! | +200 Positieve ReviewsFreelance / WerkHulp bij SEO/GoogleAds (NL/BE/DE). Economy.nl Google Premier Partner.Freelance / WerkNu 50% korting op duizenden linkopties | DR60+ DA50+ | Blogs & Links in alle nichesLinkpartners -
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
- 12 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
- 12 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
- 12 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