Achtergrond cache pagina

[Team Firefox]

Er is nog een alternatieve manier om een plaatje als achtergrond in een tabel te zetten, die meer mogelijkheden biedt qua opmaak. Als je die toepast op het voorbeeld van Zero Cool (wat overigens precies hetzelfde is als ik al had voorgesteld) krijg je dit:

<table width="400" height="400" border="0" style="background: url(../site/dir_plaatje/plaatje.jpg) no-repeat center;">

<tr>

  <td>Een voorbeeld tabel met achtergrondplaatje </td>

</tr>

<tr>

  <td> </td>

</tr>

<tr>

  <td> </td>

</tr>

<tr>

  <td> </td>

</tr>

<tr>

  <td> </td>

</tr>

<tr>

  <td> </td>

</tr>

<tr>

  <td> </td>

</tr>

<tr>

  <td>Zo op deze manier moet plaatje even groot zijn als je tabel omdat je anders het plaatje tig keer in je tabel ziet, dit is op te lossen met CSS, maar ??? OF dat mogelijk is, is mij niet duidelijk? </td>

</tr>

</table>

Binnen de table-tag moet je background="../site/dir_plaatje/plaatje.jpg" dus vervangen door de rode tekst.

Enige uitleg is misschien noodzakelijk:

 

De naam/url van het plaatje moet je tussen tussen de haakjes zetten, zonder aanhalingstekens! Dus url(../plaatje.jpg) en niet url("../plaatje.jpg").

 

no-repeat geeft aan dat het plaatje maar één keer afgebeeld moet worden. Dit kan je ook vervangen door repeat, wat verder hetzelfde resultaat geeft als het originele voorbeeld, repeatx, het plaatje wordt alleen horizontaal herhaald, repeaty, idem als de vorige maar dan verticaal.

 

center geeft aan dat het plaatje gecentreerd moet worden in de tabel. Andere mogelijkheden zijn hier: bottom, top en/of left , right. Om het plaatje volledig in het midden te zetten volstaat éénmaal center. Wil je het plaatje linksbovenin hebben dan moet je zowel left als top gebruiken.

 

Verder kan je ook nog fixed en scroll instellen voor achtergrondplaatjes. Dit is echter alleen van belang voor de achtergrond van een gehele pagina. fixed zorgt er bijvoorbeeld voor dat het plaatje stil blijft staan als je de pagina naar beneden of naar boven scrollt. In een tabel kan je echter niet scrollen, dus heeft deze toevoeging geen enkele zin.

 

Of deze methode ook op cache-pagina's kan worden toegepast weet ik niet. Mogelijk wordt deze code 'verbeterd' als je je pagina aanmeld/veranderd (zie bijvoorbeeld ook dit draadje).

<{POST_SNAPBACK}>

 

 

Ik heb nu aardig wat geprobeerd, maar het plaatje komt steevast of boven- of onderaan de cache-pagina, dus niet als achtergrond. Het lijkt dus niet te werken

[Merel]

Of deze methode ook op cache-pagina's kan worden toegepast weet ik niet. Mogelijk wordt deze code 'verbeterd' als je je pagina aanmeld/veranderd (zie bijvoorbeeld ook dit draadje).

<{POST_SNAPBACK}>

 

Heb dit uitgeprobeerd met een perkament-achtergrond en dit werkt. Let wel, je krijgt steeds een marge links die je niet wegkrijgt, dus de volledige breedte kan je nooit bedekken. Voor symmetrie kan je table op width="80%" zetten, zonder die repeat en dat oogt mooi.

 

Maar ik heb op zo'n achtergrond een transparant plaatje dat aanklikbaar is gezet. Nu stoort de blauwe of paarse ( of nog een andere kleur ) lijn die een link aangeeft enorm. Kan men binnen het deel waar we HTML kunnen zetten, ook dat kader ( of onderlijning bij tekst ) wegwerken ?

 

Ik kan het voorbeeld niet tonen want de cache moet nog geapproved worden ...

24 november 2005 bewerkt door Merel

[Team Firefox]

Het gaat ons om de volgende cache-pagina:

 

http://www.geocaching.com/seek/cache_detai...2f-2ddc942a2982

 

En zo ziet de oorspronkelijke HTML eruit:

 

 

<center><font color="blue" size="+1">Deze cache is veranderd

van naam en opnieuw te loggen!</font></center>

<br>

<br>

<center><img src=

"http://ron1872.tripod.com/team_firefox/Firefox-2.png"></center>'>http://ron1872.tripod.com/team_firefox/Firefox-2.png"></center>

<br>

<img src=

"http://users.telenet.be/gifplaatjes/kerstsleeen/c6.gif"><font color="blue"

size="+1">wenst alle geocachers...</font><br>

<center><img src=

"http://users.telenet.be/gifplaatjes/kerstteksten/c6.gif"></center>

<br>

<br>

<font color="blue" size="+1">De route naar de cache.</font><br>

<br>

Deze cache is geplaatst vlak na Sinterklaas en blijft liggen tot en

met 31 januari van het nieuwe jaar. In de cachebox zitten zowel

gewone als Kerst goodies. Als er wat geruild wordt dan graag ook

weer soortgelijke artikelen in de cache doen!<br>

<br>

<center><img src=

"http://users.telenet.be/gifplaatjes/kerstmannen/21.gif"><img src="http://users.telenet.be/gifplaatjes/kerstmannen/30.gif">

<img src="http://users.telenet.be/gifplaatjes/kerstmannen/22.gif">

<img src=

"http://users.telenet.be/gifplaatjes/kerstmannen/33.gif"></center>

<br>

Parkeren kan op <font color="red"><strong>N51°55.891' -

E005°07.346'</strong></font>. Hier vandaan is het ongeveer 600

meter lopen naar de cache. Neem het eerste pad rechts. Kom je een

verboden toegangsbord tegen, dan zit je aan de verkeerde kant van

de sloot en is de cache onbereikbaar! Alleen de laatste paar meter

hoeft er van het pad te worden afgeweken.<br>

<br>

<font color="blue" size="+1">Oorspronkelijke inhoud van de

ammobox.</font><br>

<img src=

"http://users.telenet.be/gifplaatjes/kerstpakjes/ad3.gif"><img src="http://users.telenet.be/gifplaatjes/kerstpakjes/ad2.gif">

<img src=

"http://users.telenet.be/gifplaatjes/kerstpakjes/ad1.gif">

<ul class="noindent">

<li>Logboek, stashnote en een pen.</li>

<li>Certificaat voor de 1e, 2e en 3e vinders.</li>

<li>Goodies voor cachers en de kinderen.</li>

<li>Goodies speciaal voor de Kerst.</li>

<li>Amerikaanse goodies incl. nano-cache.</li>

<li>Vijf Travel Bugs en één Geocoin.</li></ul>

<font color="blue" size="+1">Travel Bugs en Geocoins.</font><br>

<br>

Het zou leuk zijn als iedereen er één of meerderen kan loggen,

volgens het <font color="red"><strong>1:1</strong></font> ruilen.

Heb je geen TB/Geocoin om er in te doen, dan graag ook geen TB of

Geocoin eruit halen! Doe je er bijvoorbeeld twee in, dan kan je er

ook twee uithalen. Dit voorkomt teleurstellingen bij de volgende

cachers! Een TB ruilen tegen een Geocoin, of andersom, kan

uiteraard. Als je (nog) niet weet hoe je een TB of Geocoin op de

juiste manier kan loggen dan vind je <a href=

"http://www.geocaching.nl/qanda/LogTb.php">hier</a>een goede

uitleg. Wij wensen iedereen veel plezier!<br>

<br>

<center><img src=

"http://ron1872.tripod.com/team_firefox/Firefox-2.png"></center>

<br>

<center><a href="http://freelogs.com/stats/r/ron1882/" target=

"_top"><img border="0" alt="Free Counter" src=

"http://xyz.freelogs.com/counter/index.php?u=ron1882&s=a"

align="middle" hspace="4" vspace="2"></a><script src=

"http://xyz.freelogs.com/counter/script.php?u=ron1882"

type="text/javascript">

</script><br>

<br>

<a style="font-size:12" href="http://freelogs.com/" target=

"_top"></a></center>

<center><a href=

"http://www.geocaching.com/profile/?guid=422950c2-8720-4b6c-8509-d77ecf7096c9">

<img src=

"http://www.geocaching.com/stats/img.aspx?txt=View+my+profile&uid=422950c2-8720-4b6c-8509-d77ecf7096c9">

</a> <a href=

'http://www.terracaching.com/profile.cgi?ID=1702'><img alt=

'TerraCaching' src=

'http://www.terracaching.com/statsban.cgi?ID=1702'></a> <a href=

"http://www.geocaching.com"><img src=

"http://www.geocaching.nl/images/menu/menuheader.gif"></a></center>

<br>

 

 

Dus als iemand er een werkende achtergrond foto'tje op de hele pagina in kan plaatsen.......heel graag

24 november 2005 bewerkt door Team Firefox

[Merel]

Probeer dit eens vóór je HTML-tekst te zetten ( is je eigen sterretjes achtergrond ) :

 

 

 

<table width="80%" border="0" style=

"background: url( http://www.geocaching.com/seek/cache_detai...2f-2ddc942a2982 ) center;"><tr><td>

 

 

 

 

En nà je volledig HTML-tekst zet je :

 

 

</td></tr></table>

 

Hopelijks werkt dit ...

24 november 2005 bewerkt door Merel

[Team Firefox]

Probeer dit eens vóór je HTML-tekst te zetten ( is je eigen sterretjes achtergrond ) :

 

 

 

<table width="80%" border="0" style=

"background: url( http://www.geocaching.com/seek/cache_detai...2f-2ddc942a2982 ) center;"><tr><td>

 

 

 

 

En nà je volledig HTML-tekst zet je :

 

 

</td></tr></table>

 

Hopelijks werkt dit ...

<{POST_SNAPBACK}>

 

 

Helaas, letters worden kleiner en geen achtergrond

[deBruineBeren]

Beste Firefox,

 

Als je zo iets wil Voorbeeld dan kan dat niet meer

vanwege het HTML filter dat nu gebruikt wordt, is het niet meer mogelijk om dit te maken.

[Team Firefox]

Beste Firefox,

 

Als je zo iets wil Voorbeeld dan kan dat niet meer 

vanwege het HTML filter dat nu gebruikt wordt, is het niet meer mogelijk om dit te maken.

<{POST_SNAPBACK}>

 

Zoiets zou ik wel willen, maar er zitten inderdaad beperkingen in Maar er begint nu toch beweging in te komen, dankzij de tip van Merel! De URL was alleen van de cache-pagina, dus dat heb ik aangepast naar een achtergrondje plus wat instellingen aangepast. Ik heb alleen nog die kleine letters en die wil ik weer standaard grootte hebben, dus misschien dat iemand nog iets ziet? Ik zal de nieuwe HTML hier nog even neerzetten:

 

<table width="99%" border="0" style=

"background: url(http://members.lycos.nl/osikosjka/hpbimg/kag1.jpg) center;">

<tr>

<td>

<center><font color="blue" size="+1">Deze cache is veranderd van

naam en opnieuw te loggen!</font></center>

<br>

<br>

<center><img src=

"http://ron1872.tripod.com/team_firefox/Firefox-2.png"></center>'>http://ron1872.tripod.com/team_firefox/Firefox-2.png"></center>

<br>

<img src=

"http://users.telenet.be/gifplaatjes/kerstsleeen/c6.gif"><font color="blue"

size="+1">wenst alle geocachers...</font><br>

<center><img src=

"http://users.telenet.be/gifplaatjes/kerstteksten/c6.gif"></center>

<br>

<br>

<font color="blue" size="+1">De route naar de cache.</font><br>

<br>

Deze cache is geplaatst vlak na Sinterklaas en blijft liggen tot en

met 31 januari van het nieuwe jaar. In de cachebox zitten zowel

gewone als Kerst goodies. Als er wat geruild wordt dan graag ook

weer soortgelijke artikelen in de cache doen!<br>

<br>

<center><img src=

"http://users.telenet.be/gifplaatjes/kerstmannen/21.gif"><img src="http://users.telenet.be/gifplaatjes/kerstmannen/30.gif">

<img src="http://users.telenet.be/gifplaatjes/kerstmannen/22.gif">

<img src=

"http://users.telenet.be/gifplaatjes/kerstmannen/33.gif"></center>

<br>

Parkeren kan op <font color="red"><strong>N51°55.891' -

E005°07.346'</strong></font>. Hier vandaan is het ongeveer 600

meter lopen naar de cache. Neem het eerste pad rechts. Kom je een

verboden toegangsbord tegen, dan zit je aan de verkeerde kant van

de sloot en is de cache onbereikbaar! Alleen de laatste paar meter

hoeft er van het pad te worden afgeweken.<br>

<br>

<font color="blue" size="+1">Oorspronkelijke inhoud van de

ammobox.</font><br>

<img src=

"http://users.telenet.be/gifplaatjes/kerstpakjes/ad3.gif"><img src="http://users.telenet.be/gifplaatjes/kerstpakjes/ad2.gif">

<img src=

"http://users.telenet.be/gifplaatjes/kerstpakjes/ad1.gif">

<ul class="noindent">

<li>Logboek, stashnote en een pen.</li>

<li>Certificaat voor de 1e, 2e en 3e vinders.</li>

<li>Goodies voor cachers en de kinderen.</li>

<li>Goodies speciaal voor de Kerst.</li>

<li>Amerikaanse goodies incl. nano-cache.</li>

<li>Vijf Travel Bugs en één Geocoin.</li></ul>

<font color="blue" size="+1">Travel Bugs en Geocoins.</font><br>

<br>

Het zou leuk zijn als iedereen er één of meerderen kan loggen,

volgens het <font color="red"><strong>1:1</strong></font> ruilen.

Heb je geen TB/Geocoin om er in te doen, dan graag ook geen TB of

Geocoin eruit halen! Doe je er bijvoorbeeld twee in, dan kan je er

ook twee uithalen. Dit voorkomt teleurstellingen bij de volgende

cachers! Een TB ruilen tegen een Geocoin, of andersom, kan

uiteraard. Als je (nog) niet weet hoe je een TB of Geocoin op de

juiste manier kan loggen dan vind je <a href=

"http://www.geocaching.nl/qanda/LogTb.php">hier</a>een goede

uitleg. Wij wensen iedereen veel plezier!<br>

<br>

<center><img src=

"http://ron1872.tripod.com/team_firefox/Firefox-2.png"></center>

<br>

<center><a href="http://freelogs.com/stats/r/ron1882/" target=

"_top"><img border="0" alt="Free Counter" src=

"http://xyz.freelogs.com/counter/index.php?u=ron1882&s=a"

align="middle" hspace="4" vspace="2"></a><script src=

"http://xyz.freelogs.com/counter/script.php?u=ron1882"

type="text/javascript">

</script><br>

<br>

<a style="font-size:12" href="http://freelogs.com/" target=

"_top"></a></center>

<center><a href=

"http://www.geocaching.com/profile/?guid=422950c2-8720-4b6c-8509-d77ecf7096c9">

<img src=

"http://www.geocaching.com/stats/img.aspx?txt=View+my+profile&uid=422950c2-8720-4b6c-8509-d77ecf7096c9">

</a> <a href=

'http://www.terracaching.com/profile.cgi?ID=1702'><img alt=

'TerraCaching' src=

'http://www.terracaching.com/statsban.cgi?ID=1702'></a> <a href=

"http://www.geocaching.com"><img src=

"http://www.geocaching.nl/images/menu/menuheader.gif"></a></center>

<br></td></tr></table>

24 november 2005 bewerkt door Team Firefox

[Merel]

Ik denk dat ik het weet. Het moet een rechtstreekse verwijzing zijn, geen aspx pagina :

 

 

 

<table width="80%" border="0" style=

"background: url( http://www.geocaching.nl/images/geocaching_logo6.jpg ) center;"><tr><td>

 

 

 

 

En nà je volledig HTML-tekst zet je :

 

 

</td></tr></table>

 

Geprobeerd op eigen pagina en werkt.

24 november 2005 bewerkt door Merel

[Team Firefox]

Opgelost en werken Iedereen bedankt voor het meedenken!!

[KarelKraak]

Nog een manier die je kan proberen is via een "div"-tag. De html wordt dan iets van:

 

<div style=

"background: url(http://members.lycos.nl/osikosjka/hpbimg/kag1.jpg) center;">

<center><font color="blue" size="+1">Deze cache is veranderd van

naam en opnieuw te loggen!</font></center>

<br>

<br>

 

...<knip>...

 

'TerraCaching' src=

'http://www.terracaching.com/statsban.cgi?ID=1702'></a> <a href=

"http://www.geocaching.com"><img src=

"http://www.geocaching.nl/images/menu/menuheader.gif"></a></center>

 

</div>

 

Op deze manier wordt alle beschikbare ruimte voorzien van de achtergrond (denk ik ). Het kan ook met "<span .... >" maar dat levert een beetje een raar resultaat, probeer maar.

 

Overigens werkt het niet om in een html-pagina een witregel te maken door twee keer <br> achter elkaar te zetten. Het kan wel als je   (een spatie)ertussen zet. Geen gewone spatie gebruiken want die wordt gewoon genegeerd.

 

Als je niet goed uit de voeten kunt met html, kan je misschien beter een editor gebruiken. Geen uitgebreide met allerlei poespas maar gewoon een simpele zoals Alleycode. Dat is gewoon een soort van kladblok met dat verschil dat html-tags (en ook php, asp, etc) een ander kleurtje krijgen dan de gewone tekst. Erg gemakkelijk om fouten op te sporen, want dan 'kloppen' de kleuren niet.

 

@Merel:

De lijn rond een aanklikbaar plaatje kan je weghalen door aan de img-tag "border=0" toe te voegen. Onderstreping bij links kan je ook weghalen door aan de a-tag (waar de gelinkte url instaat) style="text-decoration: none;" toe te voegen, met aanhalingstekens!.

[Team Gelaen]

..knip

 

Overigens werkt het niet om in een html-pagina een witregel te maken door twee keer <br> achter elkaar te zetten. Het kan wel als je   (een spatie)ertussen zet. Geen gewone spatie gebruiken want die wordt gewoon genegeerd.

 

 

Nou ja, een beetje off-topic, maar het toch,

 

Dit snap ik niet helemaal. Bij mij werkt dat wel (Twee <br>'s achter elkaar. In IE en in Firefox.

 

Jan

[KarelKraak]

Nou ja, een beetje off-topic, maar het toch,

 

Dit snap ik niet helemaal. Bij mij werkt dat wel (Twee <br>'s achter elkaar. In IE en in Firefox.

 

Jan

<{POST_SNAPBACK}>

 

Ik zie het. Zeker verandert .

'Vroeger' werkte dat toch niet. Eigenlijk nooit geprobeerd en gewoon altijd een nbsp ertussen gezet. Dat is dus niet meer nodig...

[Team Firefox]

Nou ja, een beetje off-topic, maar het toch,

 

Dit snap ik niet helemaal. Bij mij werkt dat wel (Twee <br>'s achter elkaar. In IE en in Firefox.

 

Jan

<{POST_SNAPBACK}>

 

Ik zie het. Zeker verandert .

'Vroeger' werkte dat toch niet. Eigenlijk nooit geprobeerd en gewoon altijd een nbsp ertussen gezet. Dat is dus niet meer nodig...

<{POST_SNAPBACK}>

 

Is inderdaad veranderd op geocaching.com:

 

<br> voor enter

<br><br> dubbele enter

[Merel]

@Merel:

De lijn rond een aanklikbaar plaatje kan je weghalen door aan de img-tag "border=0" toe te voegen. Onderstreping bij links kan je ook weghalen door aan de a-tag (waar de gelinkte url instaat) style="text-decoration: none;" toe te voegen, met aanhalingstekens!.

<{POST_SNAPBACK}>

 

Ik had die border-parameter bij de A-tag gezet en dat werkte niet. Nu, bij de IMG-tag werkt het wel ...

Everybody happy

 

 

BTW : die dubbele <br><br> heb ik al altijd gebruikt en werkte steeds goed.

24 november 2005 bewerkt door Merel

[Team Gelaen]

...knip,

 

BTW : die dubbele <br><br> heb ik al altijd gebruikt en werkte steeds goed.

 

Ik ook, heeft in principe ook niets met geocaching.com te maken.

Tenzij ze de ingevoerde tekst filter(d)en. natuurlijk.

 

Deden/doen ze dat?

Ik weet dat dit gebeurt met scripting die je toe wil voegen en zo.

 

Jan