Html afbeelding toevoegen problemen

[Aquatje]

Hey!

Ik moet een website maken waar ze tijdens de talentenshow kunnen stemmen op een kandidaat. De stemmer moet daarvor zijn/haar toegangscode ingeven dat op haar/zijn ticket staat (een unieke code). Dit is me gelukt. Bij het OKE klikken, moet de stemmer een pagina krijgen waar alle kandidaten erop staan dit moet zijn een afbeelding van de kandidaat, daaronder, de naam/nummer van de kandidaat en eventueel wat hij/zij gedaan heeft bv. een liedje, toneel, dans,..
Het eerste probleem dat ik tegenkom is, wanneer ik een willekeurig afbeelding wil toevoegen dan zie ik waar de afbeelding is, maar ik zie niet wat voor een afbeelding het is..

tweede probleem is dat ik de afbeeldingvenster ook niet kan verplaatsen onder de titel, maar de afbeelding staat altijd naast de titel.
Mijn leerkacht zei enkel dat dit ook gewoon kan met HTML zonder dat ik CSS gebruik. Kan iemand me helpen aub?

Alvast heel erg bedankt!

 

[tecsman]

[...]wanneer ik een willekeurig afbeelding wil toevoegen dan zie ik waar de afbeelding is, maar ik zie niet wat voor een afbeelding het is..

Dit begrijp ik niet.
Wanneer je een afbeelding plaatst in een <p> of in een <td> dan gebruik je toch de img-tag?
En in die <img src="plaatje.gif"> moet je sowieso aangeven welke afbeelding geplaatst moet worden (in dit geval "plaatje.gif").
Je moet tevoren weten welke afbeelding het is, anders kun je die tag niet (goed) plaatsen.

tweede probleem is dat ik de afbeeldingvenster ook niet kan verplaatsen onder de titel, maar de afbeelding staat altijd naast de titel.

Afbeeldingvenster? Wat bedoel je daarmee?

Je wilt eerst de titel en dan daaronder de afbeelding?
In principe zou dat natuurlijk heel makkelijk kunnen met een tabel
<table><tr><td>Titel</td></tr><tr><td>Afbeelding</td></tr></table>
maar in mijn ogen zou dat oneigenlijk gebruik van een tabel zijn (tabel hoort niet gebruikt te worden voor lay-out).



Dít:

Mijn leerkacht zei enkel dat dit ook gewoon kan met HTML zonder dat ik CSS gebruik.

is een heel mysterieuze opmerking.

Ofwel geef je hier niet goed weer wat je leerkracht heeft gezegd
ofwel is je leerkracht niet geschikt voor zijn werk.
CSS heeft een functie: onderdelen van een pagina op hun plek zetten, en het uiterlijk van die onderdelen regelen.
die functie over laten nemen door html (ja, dat zou kunnen) is teruggaan in de geschiedenis
en de huidige inzichten en standaarden overboord zetten.
Dat lijkt me geen goede manier om leerlingen op hun toekomst voor te bereiden.

Wat ik hierboven met een tabel deed, zou kunnen zijn wat je leraar bedoelde.
Maar nogmaals: zo hoort het niet.

 

[Aquatje]

Dit begrijp ik niet.
Wanneer je een afbeelding plaatst in een <p> of in een <td> dan gebruik je toch de img-tag?
En in die <img src="plaatje.gif"> moet je sowieso aangeven welke afbeelding geplaatst moet worden (in dit geval "plaatje.gif").
Je moet tevoren weten welke afbeelding het is, anders kun je die tag niet (goed) plaatsen.




Afbeeldingvenster? Wat bedoel je daarmee?

Je wilt eerst de titel en dan daaronder de afbeelding?
In principe zou dat natuurlijk heel makkelijk kunnen met een tabel
<table><tr><td>Titel</td></tr><tr><td>Afbeelding</td></tr></table>
maar in mijn ogen zou dat oneigenlijk gebruik van een tabel zijn (tabel hoort niet gebruikt te worden voor lay-out).[/I][/I][/I][/I][/I][/I][/I][/I][/I][/I]


Dít:
is een heel mysterieuze opmerking.

Ofwel geef je hier niet goed weer wat je leerkracht heeft gezegd
ofwel is je leerkracht niet geschikt voor zijn werk.
CSS heeft een functie: onderdelen van een pagina op hun plek zetten, en het uiterlijk van die onderdelen regelen.
die functie over laten nemen door html (ja, dat zou kunnen) is teruggaan in de geschiedenis
en de huidige inzichten en standaarden overboord zetten.
Dat lijkt me geen goede manier om leerlingen op hun toekomst voor te bereiden.

Wat ik hierboven met een tabel deed, zou kunnen zijn wat je leraar bedoelde.
Maar nogmaals: zo hoort het niet.

Met een afbeelding venster bedoel ik dat ik een leeg vierkant zie wat eigenlijk de afbeelding moet zijn. Met een tabel heb ik het niet geprobeert, want zoals u het zei hoort dit niet.Ik probeerde het al met een CSS de afbeelding te verplaatsen nadat dit niet lukte zei mijn leerkracht dat het niet nodig was om het via CSS de afbeelding te verplaatsen.

 

[tecsman]

Ah, het wordt duidelijker.
De afbeelding wordt dus niet getoond.

Je hebt een <img> tag gebruikt neem ik aan.
In die <img>-tag heb je de url van de afbeelding moeten opgeven, bijvoorbeeld: src="/images/naamvanhetplaatje.jpg".

Als je dat goed gedaan hebt zou er niets aan de hand mogen zijn;
nu het niet goed is, kan dat drie oorzaken hebben:

• je hebt een foutje in de url gemaakt (vergeten van een directory is een veel gemaakte fout)
• de afbeelding staat niet opgeslagen op de plek waar jij denkt dat hij staat
• je hebt een foutje in de bestandsnaam van de afbeelding gemaakt

 

[csshunter]

Hoi Aquatje,
Bij het tweede probleem ("de afbeelding staat altijd naast de titel"):
Ik zat eerst ook aan allerlei css-toestanden te denken, maar als het geen ingewikkelde layout is, kan het inderdaad met alleen html.

1. Dan zet je de titel van de kandidaat bv. in een <h2>.
2. Daaronder maak je een <p>...</p> aan, waar alleen het image in zit. Omdat een <p> een zogenaamd block-karakter heeft, komt de inhoud op de volgende regel (als je er niets bijzonders mee doet in de css), dus onder de <h2>.
3. En daar weer onder komen de andere <p>'s voor de gegevens van de kandidaat.

Als de leerkracht dat bedoelt, is er geen tabel nodig en hoeft die ook niet op bijles (tenminste niet hiervoor).
Heb je daar wat aan?

Met vriendelijke groet,
CSShunter
____________
PS: Het zou ook nog anders met alleen html kunnen:

• Dan zet je binnen de <h2> na de titel een <br />, dan de <img>-tag, en dan de </h2>. Want een <br /> betekent: "naar volgende regel".
• Het nadeel hiervan is dat het image dan vlak onder de titel komt te staan, wat niet zo mooi is. Dan kan ook wel weer opgelost worden, maar daar is dan wel weer css voor nodig.