Spring naar bijdragen
Krimpenees

Foto Op Nieuwe Cachepagina

Aanbevolen berichten

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?

Deel dit bericht


Link naar bericht
Deel via andere websites

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:

Deel dit bericht


Link naar bericht
Deel via andere websites

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

Deel dit bericht


Link naar bericht
Deel via andere websites

@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

Deel dit bericht


Link naar bericht
Deel via andere websites

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

bewerkt door Tanuki

Deel dit bericht


Link naar bericht
Deel via andere websites

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.

bewerkt door Japiejoo

Deel dit bericht


Link naar bericht
Deel via andere websites

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

Deel dit bericht


Link naar bericht
Deel via andere websites

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

Deel dit bericht


Link naar bericht
Deel via andere websites

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

Deel dit bericht


Link naar bericht
Deel via andere websites

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>

Deel dit bericht


Link naar bericht
Deel via andere websites

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>

bewerkt door Japiejoo

Deel dit bericht


Link naar bericht
Deel via andere websites

Join the conversation

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

Gast
Antwoord op deze discussie...

×   Plakken als rijke tekst.   In plaats daarvan plakken als platte tekst

  Er zijn maximaal 75 emoticons toegestaan.

×   Je link is automatisch geïntegreerd.   In plaats daarvan als link tonen

×   Je voorgaande bijdrage is hersteld.   Tekstverwerker leegmaken

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen in vanaf URL.


  • Onlangs hier   0 leden

    Er kijken geen geregistreerde gebruikers naar deze pagina.

×
×
  • Nieuwe aanmaken...