Tekst over een plaatje

[jlammertink]

Hoi allemaal

Ik heb een probleempje:

Ik heb een aantal afbeeldingen onder elkaar en naast elkaar (in cellen). Het is geen background maar gewoon een <img blablabla...... nou wil ik in (of op) een afbeelding tekst plaatsen hoe doe ik dit? Met divjes oid? Afbeelding moet dus gewoon een link blijven alleen wil ik links onderin de hoek elke keer tekst kunnen neerzetten.


Alvast bedankt!

[Noork]

Met een divje kan het inderdaad zoals je al aangaf. Dit kun je dus even uitzoeken.

[jlammertink]

Maar hoe dan? wat moet er allemaal in een divje weet je dat toevallig ook?

[martijnve]

jlammertink schreef op dinsdag 20 december 2005 @ 22:58:
Maar hoe dan? wat moet er allemaal in een divje weet je dat toevallig ook?

<div background="plaatje.jpg">wat geblaat</div>

(niet geprobeert maar lijkt me zo)

Edit:
Width en height opgeven is ook handig anders krijg je zometeen repeat shit. en je zouw iets van allign toe kunnen voegen.

[ Voor 24% gewijzigd door martijnve op 20-12-2005 23:03 ]

[jlammertink]

dat is dus niet de bedoeling want plaatje moet een link blijven... kan niet als het een background is

[Erkens]

jlammertink schreef op dinsdag 20 december 2005 @ 23:04:
dat is dus niet de bedoeling want plaatje moet een link blijven... kan niet als het een background is

want?
je kan toch op dat element klikken? en je kan er prima een a-tag omheen vouwen afaik

[ Voor 17% gewijzigd door Erkens op 20-12-2005 23:06 ]

[Verwijderd]

HTML:

<a href='hiernaartoe.html'><div style='background-image: url(plaatje.jpg);'><font>hier je tekst</font></div></a>

Zou het dan moeten doen neem ik aan.

Dit is dus hetzelfde als mijn bovenbuurman.
En houdt wel rekening met de grote van de div, deze moet natuurlijk gelijk zijn aan de gewenste grote van je plaatje, want resizen is er nu niet meer bij.

[ Voor 49% gewijzigd door Verwijderd op 20-12-2005 23:09 ]

[martijnve]

@ gerben waarom zouw je dat met style doen? kan toch veel simpeler, maar werkt zo idd ook

Erkens schreef op dinsdag 20 december 2005 @ 23:05:
[...]

want?
je kan toch op dat element klikken? en je kan er prima een a-tag omheen vouwen afaik

idd

<a href="je link"><div background="plaatje.jpg">wat geblaat</div></a>

probleem opgelost,

creatief met kurk ofzowiets

[ Voor 29% gewijzigd door martijnve op 20-12-2005 23:10 ]

[BasieP]

mocht het nu zo zijn dat je hier nog iets overheen wil, dan kan je natuurlijk ook divs over elkaar gooien en de z-index veranderen, zo kan je wel plaatjes/text en alles over elkaar heen gooien, maar toch overal op klikken (wat zichtbaar is)

[jlammertink]

Nee daar heb ik dus een probleem mee... ik wil echt 2 divjes over elkaar... is dit niet in te stellen? iets met float oid?


tnx alvast (overigens was het idee wel goed maar niet in mijn geval)


P.S. http://www.html-site.nl/div-layers.php zoiets als dit maar dan niet absolute position maar in een cell (dus relative)...

[ Voor 26% gewijzigd door jlammertink op 20-12-2005 23:38 ]

[martijnve]

zoek even op w3schools.com op z-index (streepje weet ik niet zeker) dat si een truuc in de stylesheet om dit te doen.

[Yoozer]

martijnve schreef op dinsdag 20 december 2005 @ 23:09:
@ gerben waarom zouw je dat met style doen?

Inline tags zijn ranzig .

[BtM909]

Overigens is een a om een div ook ranzig, aanzien een link alleen inline content kan bevatten

jlammertink schreef op dinsdag 20 december 2005 @ 23:28:
P.S. http://www.html-site.nl/div-layers.php zoiets als dit maar dan niet absolute position maar in een cell (dus relative)...

Dat kan dus gewoon niet Het is absoluut positioneren (tov een parent die position: relative is) of niet

Overigens zijn alle vragen in dit topic redelijk basic. Ik geef TS nog één kans om te laten zien dat hij zelf ook wat moeite doet

[Kayshin]

Yoozer schreef op woensdag 21 december 2005 @ 08:41:
[...]

Inline tags zijn ranzig .

offtopic:
Waarom zijn inline tags ranzig? Dan is een <a> en een <b> etc ook ranzig dus... ik vraag me af hoe jij een website maakt...

[BtM909]

Kayshin schreef op woensdag 21 december 2005 @ 15:36:
[...]

offtopic:
Waarom zijn inline tags ranzig? Dan is een <a> en een <b> etc ook ranzig dus... ik vraag me af hoe jij een website maakt...

Yoozer doelt zeer waarschijnlijk op het feit dat je opmaak zoveel mogelijk buiten je content wilt houden. Dus niet verplichte opmaak ook buiten je content houden

[Kayshin]

BtM909 schreef op woensdag 21 december 2005 @ 15:43:

[...]

Yoozer doelt zeer waarschijnlijk op het feit dat je opmaak zoveel mogelijk buiten je content wilt houden. Dus niet verplichte opmaak ook buiten je content houden

Dus de manier waarop het tegenwoordig ook hoort.
Ik begrijp goed wat hij bedoelt, maar kreten als deze:
1. Dragen niet echt iets bij aan het topic
2. Zijn uitnodigend voor een andere discussie (die ik ook vaker met een klasgenoot van me heb)
3. Zijn onoverzichtelijk voor evt n00bs die hier komen browsen en wat willen leren, aangezien het gewoon een losse kreet is die dus niet klopt in deze context. Er had op zn minst bij moeten staan wat hij bedoelde

[ Voor 11% gewijzigd door Kayshin op 21-12-2005 15:54 ]

[Verwijderd]

Kayshin schreef op woensdag 21 december 2005 @ 15:47:
1. Dragen niet echt iets bij aan het topic
2. Zijn uitnodigend voor een andere discussie (die ik ook vaker met een klasgenoot van me heb)
3. Zijn onoverzichtelijk voor evt n00bs die hier komen browsen en wat willen leren, aangezien het gewoon een losse kreet is die dus niet klopt in deze context. Er had op zn minst bij moeten staan wat hij bedoelde

Het is wel ontopic en om op nummer 3 in te gaan: als je n00bs wat wilt leren, doe het dan goed en niet halfbakken, wat jij schijnbaar wel acceptabel vind ? Los van het feit dat je het via css veel makkelijker kunt doen en dat je code uiteindelijk ook veel leesbaarder is (voor jezelf en voor browsers)

[Kayshin]

Ik zeg alleen dat de opmerking "inline tags zijn ranzig" niets bijdraagt hier en loos is.
In elk ander topic zou dit ook zo zijn...

[BtM909]

Kayshin schreef op donderdag 22 december 2005 @ 12:08:
Ik zeg alleen dat de opmerking "inline tags zijn ranzig" niets bijdraagt hier en loos is.
In elk ander topic zou dit ook zo zijn...

2 dingen:

1. Zo'n opmerking is af en toe goed voor de discussie. Hopelijk gaan mensen nadenken waarom iets ranzig is en op onderzoek uit. Als je dit gaat voorkauwen wordt het 9 van de 10 keer overgenomen, zonder erbij na te denken. Waarom denk je dat de hele div hype is ontstaan?

2. Yoozer mag van mij dit soort uitspraken doen

[Kayshin]

Dan nog 1 ding:
Formulering! Formuleer de uitspraak wat anders, dan is het al heel wat duidelijker wat er bedoeld wordt. Als ik deze vraag had en ik zou n00b zijn zou ik me echt afvragen wat er bedoeld werd en niet eens meer DURVEN om inline tags te gebruiken als <b> etc...

[BtM909]

Kayshin schreef op donderdag 22 december 2005 @ 13:55:
Dan nog 1 ding:
Formulering! Formuleer de uitspraak wat anders, dan is het al heel wat duidelijker wat er bedoeld wordt. Als ik deze vraag had en ik zou n00b zijn zou ik me echt afvragen wat er bedoeld werd en niet eens meer DURVEN om inline tags te gebruiken als <b> etc...

ok, je hebt gelijk. Yoozer doelde op inline styles, nu blij?

[Yoozer]

Kayshin schreef op woensdag 21 december 2005 @ 15:47:
[...]

Dus de manier waarop het tegenwoordig ook hoort.
Ik begrijp goed wat hij bedoelt, maar kreten als deze:
1. Dragen niet echt iets bij aan het topic

Ik bedoelde inderdaad inline styles. Sorry, 't was laat vroeg . Het was een simpele vraag en die zou eigenlijk een wedervraag moeten oproepen, waarna een uitgebreidere uitleg kwam. Ik heb heel erg vaak uitgebreide antwoorden gegeven waar men overheen las, en soms is iets korters wat prikkelender om op te reageren (wat dus bij deze ook gebeurde ).

Overigens moet je <b> ook niet gebruiken maar <strong>

[ Voor 10% gewijzigd door Yoozer op 22-12-2005 14:11 ]

[Kayshin]

Yoozer schreef op donderdag 22 december 2005 @ 14:09:
[...]

Ik bedoelde inderdaad inline styles. Sorry, 't was laat vroeg . Het was een simpele vraag en die zou eigenlijk een wedervraag moeten oproepen, waarna een uitgebreidere uitleg kwam. Ik heb heel erg vaak uitgebreide antwoorden gegeven waar men overheen las, en soms is iets korters wat prikkelender om op te reageren (wat dus bij deze ook gebeurde ).

Overigens moet je <b> ook niet gebruiken maar <strong>

NP m8, sorry van mijn kant voor de hevige reactie enzo.

En <b> is ook W3