Jump to content
Krimpenees

Foto Op Nieuwe Cachepagina

Recommended Posts

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?

Share this post


Link to post
Share on other sites

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. :thumbup:

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

@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

Share this post


Link to post
Share on other sites

@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. :thumbup:

Edited by Tanuki

Share this post


Link to post
Share on other sites

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.

Edited by Japiejoo

Share this post


Link to post
Share on other sites

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....

Share this post


Link to post
Share on other sites

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 :)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

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>

Edited by Japiejoo

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...