HTML in een afbeelding!

[samoerie]

Hallo, ik ben Samer.

Ik voor een vriend een layout gecodeerd. Alleen nu wilt hij in een afbeelding HTML schrijven. Vroeger kon ik dat alleen ik ben die script nu helemaal vergeten. Weet iemand welke script?

 

[Woutertjuh88]

in een afbeelding html schrijven??? Hoe wil je dat gaan doen??

 

[maarten2001]

ja, een afbeelding is een afbeelding en geen tekst

 

[samoerie]

Kijk: Ik heb een content gepaint. En in die content die ik heb gepaint wil ik natuurlijk html anders is het geen content xD.

 

[Basiboy]

of je kan met divs werken als je er nog tekst in wilt,of je doet dit:

<img src="link van plaatje">

Suc6

 

[alain1988]

zal het geen javascript wezen ?

 

[Basiboy]

Hoezo javascript?

 

[Naarling]

ja, een afbeelding is een afbeelding en geen tekst

In dit geval waarschijnlijk inderdaad niet maar het kan wel. Met SVG en <canvas> kun je d.m.v. code plaatjes en zelfs animaties maken (dat laatste alleen met <canvas> geloof ik)

 

[csshunter]

Hoi Samer,
Als ik even naar je beginvraag kijk, denk ik dat je bedoelt dat ergens in de html een afbeelding staat, waar je in een "laagje erboven" tekst op wilt zetten. Klopt dat?

Het hangt er een beetje van af hoe de pagina in elkaar zit, maar in het algemeen kan je dat doen door (met css) de afbeelding te monteren als achtergrond-afbeelding in een deel van de pagina. Bij een plaatje van 400*300px werkt dat als volgt:

CSS-code

#box-met-plaatje {
    width:  400px;
    height: 300px;
    background: url(images/mijnplaatje.png);
    }

HTML-code

<div id="box-met-plaatje">
    <p>De tekst die boven het plaatje komt</p>
</div>

Met vriendelijke groet,
CSShunter

 

[samoerie]

Kijk: Ik heb een wit vak, en in dat witte vak moet HTML komen. Dat witte vak is een afbeelding.

 

[samoerie]

En als ik dat plaatje als achtergrond doe dan kan ik vast niet nog een achtergrond instellen

 

[maarten2001]

CSS-code

#box-met-plaatje {
    width:  400px;
    height: 300px;
    background: url(images/mijnplaatje.png);
    }

HTML-code

<div id="box-met-plaatje">
    <p>De tekst die boven het plaatje komt</p>
</div>

Met vriendelijke groet,
CSShunter

kijk, dat is dan de juiste code.

 

[maarten2001]

En als ik dat plaatje als achtergrond doe dan kan ik vast niet nog een achtergrond instellen

wel, met deze code in css:

body {
background: url(linknaarjeplaatje.png);
}

 

[samoerie]

Ik ga de code van CSS hunter proberen.

 

[maarten2001]

oke