Spring naar bijdragen

Foto Op Nieuwe Cachepagina


Krimpenees

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?

Link naar opmerking
Deel via andere websites

ReizenReizen

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

Link naar opmerking
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

Link naar opmerking
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
Link naar opmerking
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
Link naar opmerking
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....

Link naar opmerking
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 :)

Link naar opmerking
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>

Link naar opmerking
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
Link naar opmerking
Deel via andere websites

Maak een account aan of meld je aan om een opmerking te plaatsen

Je moet lid zijn om een opmerking achter te kunnen laten

Account aanmaken

Maak een account aan in onze gemeenschap. Het is makkelijk!

Registreer een nieuw account

Aanmelden

Ben je al lid? Meld je hier aan.

Nu aanmelden
  • Onlangs hier   0 leden

    • Er kijken geen geregistreerde gebruikers naar deze pagina.
×
×
  • Nieuwe aanmaken...