Hoi,
Take a look:
CSS
HTMLCode:#wrapper #navigation { height: 38px; background-image: url(../images/navi.png); }
Nu wil ik Home (gewoon als text) erin zetten met een margin-top van 10px. Dat heb ik geprobeerd, maar dan neemt hij het navi.png plaatje ook als margin, en dat moet dus niet. Ik wil alleen dat de text een margin-top van 10px krijgt;Code:<div id="navigation"></div>
Héél simpel, hoe krijg ik dit voor elkaar?
- Text Margin zetten in een <div>
-
02-04-2011, 18:51 #1Particulier
- Berichten
- 49
- Lid sinds
- 14 Jaar
Text Margin zetten in een <div>
-
In de schijnwerper
-
02-04-2011, 18:53 #2Particulier
- Berichten
- 1.730
- Lid sinds
- 16 Jaar
Re: Text Margin zetten in een <div>
je moet met padding-top: 10px werken
Aanvullend bericht:
margin = buitenkant div
padding = binnenkant divLaatst aangepast door Stefan_B : 02-04-2011 om 18:54 Reden: Automatisch samengevoegd.
-
02-04-2011, 18:55 #3Particulier
- Berichten
- 49
- Lid sinds
- 14 Jaar
Re: Text Margin zetten in een <div>
Dit is wat ik doe en dat gaat dus fout:
HTML
<div class="style1" id="navigation">Home</div>.style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #E1DDC8;
padding: 5px;
}
Nu gebruik ik padding-top, en er komt opeens een balkje onder hieronder heb ik foto's;
www.beursgok.nl/huh/huh.png
Het ondeste plaatje is als ik totaal niks er in heb staat.
De bovenste met het pijltje, daar heb ik de padding; Het lijkt netalsof hij het plaatje verdubbelt? Ik weet het niet.
Als het niet duidelijk is, zal ik de site uploaden zodat je naar de code kan kijken? Of is het zo te begrijpen?Laatst aangepast door Lennart.V : 02-04-2011 om 19:02 Reden: Automatisch samengevoegd.
-
02-04-2011, 19:02 #4Particulier
- Berichten
- 296
- Lid sinds
- 15 Jaar
Re: Text Margin zetten in een <div>
Als u padding-top gebruikt dient u dit van de hoogte van de div af te trekken.
Dit is wat ik doe en dat gaat dus fout:
HTML
Aanvullend bericht:
Nu gebruik ik padding-top, en er komt opeens een balkje onder hieronder heb ik foto's;
www.beursgok.nl/huh/huh.png
Het ondeste plaatje is als ik totaal niks er in heb staat.
De bovenste met het pijltje, daar heb ik de padding; Het lijkt netalsof hij het plaatje verdubbelt? Ik weet het niet.
-
02-04-2011, 19:03 #5Particulier
- Berichten
- 49
- Lid sinds
- 14 Jaar
-
02-04-2011, 19:05 #6Particulier
- Berichten
- 296
- Lid sinds
- 15 Jaar
-
02-04-2011, 19:09 #7
- Berichten
- 351
- Lid sinds
- 13 Jaar
Re: Text Margin zetten in een <div>
en ik ook...
-
02-04-2011, 19:23 #8Particulier
- Berichten
- 49
- Lid sinds
- 14 Jaar
Re: Text Margin zetten in een <div>
----remove----
Laatst aangepast door Lennart.V : 02-04-2011 om 19:38
-
05-04-2011, 23:48 #9
- Berichten
- 33
- Lid sinds
- 18 Jaar
Re: Text Margin zetten in een <div>
Om geheel compleet te zijn de reactie van Jonathan Visser is uiteraard helemaal juist en deze term heet 'box-model' wanneer je op Google hier naar zoekt vind je meerdere heldere artikelen over dit 'fenomeen'. Internet Explorer versus de moderne browsers zoals Firefox en Google Chrome interperteren het box-model principe op een andere manier dus ben gewaarschuwd.
-
09-04-2011, 11:11 #10Particulier
- Berichten
- 51
- Lid sinds
- 14 Jaar
Re: Text Margin zetten in een <div>
Je zou de text natuurlijk ook nog in een inline element kunnen zetten, en deze een clas kunnen geven.
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