image als border

Status
Niet open voor verdere reacties.
djeric

djeric

Gebruiker
Lid geworden
22 nov 2006
Berichten
955
hallo.

Ik wil van een plaatje deze als border rand gaan gebruiken voor de gehele webpagina.

ik heb nu staan direct na de <body> tag.

HTML: 
<div class="kader">

en heb deze class met:


HTML: 
</div>

afgesloten net voor de </body> tag.

en in de css de volgende code:

Code: 
.kader
{
border-image: url("rand.jpg");
 }

maar 't wordt niet getoond in me webpagina.
 
ik ben toch weer even bezig geweest en kom nu zelf er achter dat:

body {
background-image: url(index/achtergrond.jpg);
background-attachment: fixed
}

.kader
{
background-image: url("border.gif");
background-repeat: no-repeat;
background-size: 100%;
}
Klik om te vergroten...

wel deels werkt.

maar nu staat de background dwars in de inhoud van mijn pagina.
de inhoud van de pagina moet er er weer in komen.

is het volgens de css regel dit de juiste oplossing om de border als afbeelding te krijgen?

zo ja, moet ik dan voor de overige html code de plaats van de inhoud erop aanpassen m.b.v. de margin code ?
 
Laatst bewerkt:
Probeer het eens door deze stijl toe te voegen:

background-position:right top;

Daarmee bepaal je de locatie van de achtergrond. Moet je alleen nog ff spelen met waar nu right top staat. Je kunt hier ook met percentages werken.
 
rolfohtar zei:
Probeer het eens door deze stijl toe te voegen:

background-position:right top;
Klik om te vergroten...

nee ook niet.

de inhoud van mijn pagina valt er niet in, maar juist erop. wat niet mag. ik neem aan dat ik daar met met position van de rest van de pagina's dit aan moet pakken?

wat ik me wel bedenk is dat de:

background-repeat: no-repeat;]
Klik om te vergroten...

mogelijke oorzaker is hiervan. hij ziet natuurlijk alleen mijn plaatje als de pixels die mijn plaatje heeft.
moet ik deze code wel of niet gebruiken.

het gaat er natuurlijk om dat ik iedere keer een andere border kan maken van een border afbeelding.

dus zo:

op google zoeken naar afbeeldingen.
zoeken naar border afbeeldingen.
deze transparant maken en dan verwerken in de css/html.

ik neem aan dat ik het zo juist doe, en ik dan alle mogelijkheden hebt om dit al border te gaan gebruiken?
 
Als je bedoelt dat de inhoud over je border heen valt dan kun je met padding gaan werken om te zorgen dat je ruimte creëert voor je tekst.

Probeer eens padding: 50px;

Als dat niet is wat je bedoelt kun je dan je hele code even plaatsen?

Ik hoop dat dit is wat je bedoelt, het is vrij lastig zo zonder voorbeeld iig.
 
rolfohtar zei:
Als je bedoelt dat de inhoud over je border heen valt dan kun je met padding gaan werken om te zorgen dat je ruimte creëert voor je tekst.

Probeer eens padding: 50px;
Klik om te vergroten...

hey dit is precies wat ik zocht.

nu valt heel me html tekst in deze border.

super!

ik ga nu het een en ander testen om te kijken welke border erbij past.
tot nu toe vind ik het niet mooi eruit komen te zien op mijn website.

maar in ieder geval is de vraag voor mij opgelost.
enorm bedankt Rolf! :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan