Hallo,
op http://www.ronniekoestering.nl/new/ ziet u een preview hoe mijn layout eruit ziet in photoshop en nu ben ik hem aan het basen en loop tegen een aantal probleempjes op, namelijk bovenaan in het tekstvak wil ik een keer niet met <br /> werken maar met <p></p> maar ik weet niet goed hoe ik dan de juiste regelgroote voor een witregel krijg.
Ook weet ik niet hoe ik het kleine preview en tekstvak meerdere keren kan kopieren en dan telkens een ander plaatje erin kan zetten.
dit is gecodeerde versie, http://195.242.187.34/~ronnie/new/
Alvast bedankt!
Ronnie Koestering
- Plaatje en tekstvak meerdere keren tonen
-
05-07-2009, 22:40 #1Particulier
- Berichten
- 410
- Lid sinds
- 18 Jaar
Plaatje en tekstvak meerdere keren tonen
-
In de schijnwerper
Online Cursus Zelfvertrouwen (.nl) is te koop | Met SEO waardeDomein te koopKwalitatieve backlinkpakketten? Bij Preasiest.com ben je aan het juiste adres!LinkpartnersTe Koop: Website over Zelfvertrouwen met €382/pm omzetWebsite te koopErvaren freelance PHP/Javascript ontwikkelaar beschikbaarFreelance / Werk -
05-07-2009, 23:26 #2RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 16 Jaar
Je kunt de afstand tussen de <p> aangeven met padding in css.
-
05-07-2009, 23:29 #3Particulier
- Berichten
- 410
- Lid sinds
- 18 Jaar
Ja dat snap ik, maar de vraag is hoe.
-
05-07-2009, 23:36 #4
- Berichten
- 192
- Lid sinds
- 15 Jaar
Wat bedoel je precies?
Je kunt in css gewoon
P{
}
doen hoor.
-
05-07-2009, 23:36 #5RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 16 Jaar
-
05-07-2009, 23:37 #6
- Berichten
- 883
- Lid sinds
- 15 Jaar
Ik maak altijd een h1 en h2 element, je zet in het CSS bestand:
Code:h2 { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: normal; margin: 0px auto; padding: 20px 0px 0px 5px; }
Dan zet je in het HTMl bestand in de idv van het vakje waar de tekst moet komen:
Code:<div id="tekst-vak"><h2>TEKST TEKST</h2></div>
Code:<h2><br>TEKST TEKST</br></h2>
Is dt wat je zocht?
Aanvullend bericht:
Dit kun je trouwens ook met
p
{
padding: 0px 0px 0px 0px;
}
doenLaatst aangepast door Freek G : 05-07-2009 om 23:39 Reden: Automatisch samengevoegd.
-
05-07-2009, 23:42 #7Particulier
- Berichten
- 410
- Lid sinds
- 18 Jaar
Code:<div class="tekstvak"> <strong>Buddyme.nl</strong> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. <a href="#">Bekijk op ware grote!</a> </div>
-
05-07-2009, 23:46 #8
- Berichten
- 883
- Lid sinds
- 15 Jaar
Maar dit is toch nu precies goed?
Wat moet er nu nog anders
-
05-07-2009, 23:53 #9Particulier
- Berichten
- 410
- Lid sinds
- 18 Jaar
Ik heb nu:
Code:<div class="content"> <div class="buddyme"><img src="images/buddymeklein.jpg" /></div> <div class="tekstvak"> <p><strong>Buddyme.nl</strong><br /> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.</p> <p> </p> <p><a href="#">Bekijk op ware grote!</a></p> </div>
http://195.242.187.34/~ronnie/new/
-
05-07-2009, 23:57 #10RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 16 Jaar
<p> </p> weghalen?
-
05-07-2009, 23:58 #11Particulier
- Berichten
- 410
- Lid sinds
- 18 Jaar
Ja maar dan klopt ie dus weer niet want dan is het te weinig
-
06-07-2009, 00:01 #12RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 16 Jaar
En dan geef je dus een padding mee aan de <p>!!
-
06-07-2009, 00:02 #13
- Berichten
- 883
- Lid sinds
- 15 Jaar
Als je dat weghaalt dat weg en dan zeg jij dat de link te hoog staat?
-
06-07-2009, 00:03 #14RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 16 Jaar
Vind ik ook niet Freek, maar volgens het voorbeeld staat hij dan 5px te hoog.
-
06-07-2009, 00:04 #15Particulier
- Berichten
- 410
- Lid sinds
- 18 Jaar
p {
margin-top: 0px;
padding-bottom: 10px;
}
heb het nu zo gedaan, en is gelukt!
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