achtergrond foto aanpassen aan tekst

  • Onderwerp starter Onderwerp starter p3t3r
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

p3t3r

Gebruiker
Lid geworden
25 feb 2012
Berichten
48
Ik heb ergens op een site, lunagang, bij bepaalde berichten zo'n perkament als achtergrond gezien.
Ik heb dus dat fotobestand gedownload maar het lukt me niet om de foto te vergroten als ik de tekst erop zet.
Als het kan zou ik ook graag hebben dat de foto herhaald wordt dan vergroot.
Op lunagang werd dit gedaan met een css bestand maar ik heb dit nodig voor op een ander forum dus doe ik het met een "p style" tags.
Ik zal het deel van dat css bestand erop zetten en dan wat ik al heb ook
en dan hoop ik of jullie me kunnen verder helpen met dat middenstuk te vergroten dat de tekst erin past.

HTML:
.papier-boven,.papier-onder{background:url([url]http://www.lunagang.nl/plaatjes/papier.png[/url]) 100% 0;height:49px;width:635px;margin:0 auto}
.papier-onder{background-position:100% 100%}
.papier{background:url([url]http://www.lunagang.nl/plaatjes/papier.png[/url]) 0 0;padding:0 20px;width:595px;margin:0 auto;color:#2C2817}
.papier a,.papier a:hover{color:#554433;text-decoration:underline}

HTML:
<p STYLE="background:url([url]http://www.lunagang.nl/plaatjes/papier.png[/url]) 100% 0%;height:49px;width:635px;margin:0 auto></p>

<p STYLE="background:url([url]http://www.lunagang.nl/plaatjes/papier.png[/url]) 100% 100%;height:49px;width:635px;margin:0 auto></p>
 
Laatst bewerkt:
Tis me toch gelukt, tkan soms heel simpel zijn (kdacht dak het al eens geprobeerd had ...)

Ik heb gewoon de css van ieder deel gekopierd en dan in <div style=" css" > geplakt.

Dus als iemand dit nodig heeft:
HTML:
<div style="background:url(http://www.lunagang.nl/plaatjes/papier.png) 100% 0;height:49px;width:635px;margin:0 auto"></div><div style="background:url(http://www.lunagang.nl/plaatjes/papier.png) 0 0;padding:0 20px;width:595px;margin:0 auto;color:#2C2817">
</div><div style="background:url(http://www.lunagang.nl/plaatjes/papier.png) 100% 100%;height:49px;width:635px;margin:0 auto"></div>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan