Foto Op Nieuwe Cachepagina

[Krimpenees]

Ik ben bezig met een nieuwe cachepagina te maken. Ik krijg het echter niet voor elkaar om daar een foto op te plaatsen. Ik heb de foto ge-upload, maar dan komt hij er als bijlage bij te staan. Ik wil hem direkt zichtbaar tussen de tekst hebben. Hoe krijg ik dit voor elkaar?

[Cernunnos]

Door middel van de zoekfunctie "google site zoeken" rechtsboven aan de forum pagina kom ik de volgende link met uitleg tegen: LINK

Daar zou je verder mee moeten kunnen komen.

[Tanuki]

Door de volgende, als dat maar goed gaat, tekst toe te voegen.

 

<div align="center"><img src="http://img.geocaching.com/cache/jouwplaatje.jpg" /></div>

 

Edit: het tonen van HTML tekst gaat hier dus wel goed!

15 maart 2011 bewerkt door Tanuki

[Track_leader]

hier een voorbeeld zoals wij het doen

 

<table border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" bordercolor="#111111" width="68%"
id="AutoNumber1">
<tr>
<td width="100%">
<img src="http://img.geocaching.com/cache/88fd07ce-f7c0-4eaa-abef-26c15d39eacd.jpg"
    hspace="0" align="middle" width="613"
    height="193" /></td></tr>
<tr>

 

 

Werkt perfect zie deze link voor de cache page

[Tanuki]

Waarom zo moeilijk als

 

<img src="http://img.geocaching.com/cache/88fd07ce-f7c0-4eaa-abef-26c15d39eacd.jpg" />

 

alleen al voldoet ?

 

edit: ' />' toegevoegd.

15 maart 2011 bewerkt door Tanuki

[Track_leader]

@Tanuki

 

Misschien wil je je foto wel op een bepaalde plek of opmaak hebben? Maar als jij het gewoon ergens plomp verloren op een page wilt zetten ... ook goed.

 

Het ging mij om een voorbeeld te geven, had niet het idee dat dit een vergelijk was van wie de kortste code kon opleveren

 

Overigens lijkt het mij dat er nu wel 2 mooie voorbeelden aangereikt zijn dus missie volbracht

[Tanuki]

@Track Leader

 

Nee, ik zie mijn plaatjes ook liever gecentreerd.

Mijn eerste voorbeeld ging daar ook vanuit.

Maar ik begrijp echt niet waarom 'table'te gebruiken.

Ook zie ik 'align='middle', ik neem aan dat je betreffende

foto dus wilt centreren op je pagina?

Als ik echter je pagina bekijk dan staat de foto

gewoon aan de linkerkant uitgelijnd.

Ik gebruik dus IE misschien dat andere browsers

er anders mee omgaan, dat weet ik dus niet...

 

Begrijp me geod, dit is geen kritiek, maar puur gemeende belangstelling.

 

In elk geval is de vraagsteller zo op weg geholpen en daar ging het om.

15 maart 2011 bewerkt door Tanuki

[Japiejoo]

De foto staat eigenlijk niet links uitgelijnd, maar wel gecentreerd en wel midden in de tabel gecentreerd. De tabel daarentegen staat wel links uitgelijnd en aangezien de foto de volledige breedte van de tabel bepaald lijkt deze links uitgelijnd te staan.

 

Voor beide methodes valt wat te zeggen, met een tabel kan je de opmaak van de rest van de pagina eventueel beter controleren. Van de andere kant, als je geen speciale dingen wil doen, kan dat ook prima zonder een tabel en met alinea's (<p></p>) bijvoorbeeld.

 

Verder is het tegenwoordig, met de opkomst van steeds meer verschillende browsers, wel verstandig om je aan de standaard conventie (W3C) te houden voor de attributes (hspace, align, etc.) en die niet meer los erin te zetten, maar hiervoor het style attribute te gebruiken en ze hierin samen te zetten. Het tonen zal dan in de meeste browsers goed gaan (lees: hetzelfde zijn). Door de style niet te gebruiken kan het zijn dat de verschillende browsers andere dingen laten zien.

15 maart 2011 bewerkt door Japiejoo

[Tanuki]

@ Japiejoo: Dank voor de heldere uitleg.

[Track_leader]

Verder is het tegenwoordig, met de opkomst van steeds meer verschillende browsers, wel verstandig om je aan de standaard conventie (W3C) te houden voor de attributes (hspace, align, etc.) en die niet meer los erin te zetten, maar hiervoor het style attribute te gebruiken en ze hierin samen te zetten. Het tonen zal dan in de meeste browsers goed gaan (lees: hetzelfde zijn). Door de style niet te gebruiken kan het zijn dat de verschillende browsers andere dingen laten zien.

 

W3C is idd een mooie en werkbare standaard maar vergeet niet dat alles wat op gc.com terecht komt door de engine van groundspeak gaat en dan al je opmaak indeling wordt ver....

[Japiejoo]

Dat is helemaal waar, maar de style attributes niet volgens mij.

Feit blijft uiteraard dat het veiligste is om met meerdere browsers je listing te bekijken en eventueel aanpassen waar nodig, W3C of niet

[Track_leader]

YEP! dat is de beste en tot nu toe meest betrouwbare manier

[Waldio]

Style attributes worden niet weggehaald door groundspeak, style tags wel.

[Z3nuw&]

Helaas blijft er van onderstaande helemaal niets over.

Is dit niet de juiste manier?

 

<div style="background:url('http://geocaching.taheij.nl/Images/Natuurpark/bottom_midden_bg.jpg') no-repeat 0 0;width:448px;height:14px;margin:0px;padding:0px;float:left;font-size:1px;">
 </div>

 

Resultaat (in IE):

 

<div> </div>

[Japiejoo]

Ik heb het even geprobeerd en dat ligt niet aan de browser, maar zoals al voor gewaarschuwd, aan de engine van groundspeak die blijkbaar het background gedeelte eruit filtert en dus niks overlaat. Als je dat weglaat, of verandert in bijvoorbeeld background-color:red; dan laat hij wel netjes een rode balk staan, maar dat wil je natuurlijk niet.

Als het de bedoeling was om de tekst in een div met blauwe achtergrond en grijze rand te zetten dan kan het wel als volgt:

<div style="background-color:#36C; border: 4px solid #CCC;">tekst</div>

15 maart 2011 bewerkt door Japiejoo