[div ?] Plaatje over plaatje leggen.

[Verwijderd]

Ik wil een plaatje over een plaatje leggen, een .gifje zodat je het plaatje eronder nog kan zien, want dan kan ik die over al me thumbnails leggen en een mooie border maken, en die voor alles gebruiken en makkelijk,snel aanpassen.

Is dit mogelijk ?
en zo ja, iemand die mij een schop in de goede richting kan geven.

[Verwijderd]

Moet lukken met css

Kijk hier is:
http://www.juicystudio.com/tutorial/css/fixed.asp

[Verwijderd]

Volgens mij is fixed alleen voor achtergrond.

Ik wil het hebben voor thumbnails


Dus [img]''plaatje.jpg[/img] en over dit plaatje moet border.gif heen, zodat je overal een nette border
erbij krijgt.

[Fiets]

Dat kan inderdaad met een div. Een div kun je op de juiste plaats leggen met styles. Aangezien je een gifje er in wilt hebben hoe je niet te klooien met transparancy want dat zit al mooi in het gifje.

edit:
position:absolute;top:100px;left:100px;

met top en left kun je het precies plaatsen, door position op absolute te zetten blijft ie over dezelfde plek staan en neemt deze geen ruimte in waardoor andere onderdelen op de pagina niet verschuiven.

[ Voor 40% gewijzigd door Fiets op 11-01-2005 11:27 ]

[Verwijderd]

heb jiuj voor mij een linkje waar ik wat aan heb, want zoeken op google word ook niet echt vele beter bij mij.
vr. gr.

[Woudloper]

Dit moet je gewoon middels een DIV en absolute positionering doen.

offtopic:
Echter denk ik dat dit topic dezelfde kant op gaat als dit topic over hetzelfde onderwerp.

[1st_Ro]

Of je doet het wel met CSS:

code:

[img]"plaatje.jpg"[/img]

Tenzij je natuurlijk een specifiek plaatje als border gebruikt (bedenk ik me net)

In dat geval is het misschien handig om het plaatje zelf in een DIV te zetten en die rand als achtergrond plaatje te gebruiken:

code:

<div style="background: url(achtergrond.gif) no-repeat; padding 2px;">
    [img]"plaatje.jpg">
</div[/img]

Moet je alleen bij het maken van de CSS (ik doe het nu even inline, maar je zet de CSS natuurlijk extern) dat de DIVs nu standaard onder elkaar staan.

[Fiets]

Zelf heb ik ook een tijdje divjes over divjes gebruikt waarbij de bovenste div niet zichtbaar was maar als er geklikt werd er wel daarop geklikt werd. Zo konnen de plaatjes in de onderste niet simpelweg met save picture as opgeslagen worden.

[sjaakaq]

tja de achtergrond staat altijd achter de inhoud, dus als je als background dat gifje gebruikt en dan met <img src> een plaatje neerzet komt dat over de gif heen. Wat je kunt doen:

1-het plaatje (plaatje.jpg) als achtergrond doen en het gifje als img eroverheen zetten
2-absoluut positioneren
3-een watermark toevoegen aan je plaatjes met Picture Shark, superhandig programmaatje!

[Verwijderd]

Ik zet gewoon het echte plaatje als background,
en dan met die div, de border erover heen, en dat gaat perfect.


Je kijkt door die .gif heen en ziet dan de achtergrond.

Super het werkt

[Verwijderd]

waarom die div? je kan gewoon alle elementen absoluut positioneren, incl img

<div><img /></div> is bijzonder loos imho, eigenlijk alleen maar nodig als je iets heel speciaals wilt bereiken.

[Verwijderd]

Maar in xhtml1.0 strict/html 4.01 strict moet een img toch tussen een div of p (en nog een aantal elementen) staan?

Verwijderd schreef op dinsdag 11 januari 2005 @ 13:16:
waarom die div? je kan gewoon alle elementen absoluut positioneren, incl img

<div><img /></div> is bijzonder loos imho, eigenlijk alleen maar nodig als je iets heel speciaals wilt bereiken.

[ Voor 4% gewijzigd door Verwijderd op 12-01-2005 10:20 ]

[Verwijderd]

dat moet al sinds hele lange tijd in html 4.01 iig ook al. Ik nam aan dat daar al rekening mee was gehouden

[Willem]

Sam, boven de quote posten leest erg vervelend, graag onder de quote schrijven.
Verder is dit nogal basic. Neem een CSS tutorial en ga klooien met achtergronden in divjes of divjes over elkaar heen met verschillende z-indexen. Succes