HTML Profi gefragt - Nach Tagen gebe ich auf!

MOE - 1

Geocacher
Hallo liebe Gemeinde,

ich hoffe das mir von euch jemand weiterhelfen kann. Ich habe mir in mühesamer Arbeit eine für meine Bedürfnisse schöne Cachebeschreibung als HTML ANFÄNGER zusammengebaut. Leider ist nun das Problem das wenn ich den Quelltext bei GC.com hochlade der schwarze Hintergrund wieder durch einen weißen ersetzt wird und dadurch sämtliche animierte GIF Bilder bescheiden aussehen. Habe auch schon Beiträge hier gefunden doch nachdem ich absoluter Anfänger bin was HTML betrifft wollte ich einmal nachfragen ob mir jemand einen Tipp zu meinem Quelltext geben kann bzw. eine kleine Anleitung was ich wo wie ändern muss das auch die GC.com Seite den Quelltext zu akzeptiert wie ich ihn entworfen habe.

Wäre Prima wenn mir jemand helfen könnte - würde.


Hier der momentane Quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Enigma Cache</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"><br>
<div style="text-align: center;"><span style=""></span><span
style=""></span><span style="">
<table align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</span><span style=""><br>
</span><span style="">
<table align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</span><span style="">
<table align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</span><span style="">
<table align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</span> <span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value">
           
       
           
       
           
       
           
       
           
       
           
       
           
       
   </span></span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span></div>
</div>
<div style="text-align: center;">
<div style="text-align: center;"><span style=""><span
style=""></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"> </span></span></span></span></span></span></span></span></span>
    
           
 <span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span></span></span></span></span></span><span
style="font-size: 36pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">Willkommen
zu
meinem Nachtcache</span><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span></span></span></span></span></span></div>
<p class="MsoNormal"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-r.gif" alt=""
style="width: 158px; height: 149px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span><span
style="font-size: 36pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">Enigma
– The hunt
begins</span><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-r.gif" alt=""
style="width: 158px; height: 149px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></p>
<span style="font-family: "Old English Text MT";"></span><br>
<span style="font-family: "Old English Text MT";"></span><span
style="font-family: "Old English Text MT";"></span></div>
<center>
<center>
<div style="text-align: center;">
<div style="text-align: left;"><span
class="attribute-value"><br>
</span><span class="attribute-value">
<center>
<div style="text-align: center;"><span
class="attribute-value"></span><img
style="width: 995px; height: 637px;"
src="http://img.geocaching.com/cache/4bb5b29a-9604-410e-b137-d1ca798246b5.jpg"
heigh="1000px"><span class="attribute-value"></span><span
class="attribute-value"></span></div>
<span style="font-family: "Old English Text MT";"><br>
<span style="text-decoration: underline;"></span></span>
<div style="border: 1pt solid windowtext; padding: 1pt;">
<p class="MsoNormal"
style="border: medium none ; padding: 0cm; text-align: center;"
align="center"></p>
<span style="background-color: rgb(153, 153, 153);"></span><span
style="background-color: rgb(153, 153, 153);"
class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT";"></span></span>
<p class="MsoNormal"
style="border: medium none ; padding: 0cm; text-align: center;"
align="center"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
style="font-family: "Old English Text MT";"></span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0">        
           
           
           
           
           
           
           
 </span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 194px; height: 53px;" align="middle"
vspace="0">        
           
          
           
           
           
           
   </span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value">
       
 </span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"> </span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value">
    </span></span></span></span></span></span></span></span></p>
<p class="MsoNormal"><span class="attribute-value"><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 18pt; line-height: 115%; font-family: "Old English Text MT";">Vom
Startpunkt aus folgt den
Reflektoren zu Stage1.Vom Trailhead bis zu Station1 sind es mehr als
400m aber
 weniger als 600m!</span></span><span
class="attribute-value"><u><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 18pt; line-height: 115%; font-family: "Old English Text MT";"><o:p></o:p></span></u></span></p>
<p class="MsoNormal"
style="border: medium none ; padding: 0cm; text-align: center;"
align="center"><span
style="font-family: "Old English Text MT";"></span></p>
<p class="MsoNormal"
style="border: medium none ; padding: 0cm; text-align: center;"
align="center"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
style="font-family: "Old English Text MT";"></span><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-j.gif" alt=""
style="width: 50px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span><u><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 18pt; line-height: 115%; font-family: "Old English Text MT";">Bitte
legt das Utensil das ihr an Stage1
entnehmt zum Abschluss in die Final Box. </span></u><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-j.gif" alt=""
style="width: 50px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></p>
<p class="MsoNormal"
style="border: medium none ; padding: 0cm; text-align: center;"
align="center"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-j.gif" alt=""
style="width: 50px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span><u><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 18pt; line-height: 115%; font-family: "Old English Text MT";">!!Stages
bitte so verstecken wie ihr sie vorgefunden habt und beim verlassen
wieder gut tarnen!!</span></u><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-j.gif" alt=""
style="width: 50px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></p>
</div>
<p style="text-align: left;" class="MsoNormal"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value">      
           
           
           
           
           
        </span></span></span></span></span></p>
<p style="text-align: left;" class="MsoNormal"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value">     
           
           
  <img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-9.gif" alt=""
style="width: 200px; height: 147px;" align="middle"
vspace="0">        
           
           
           
           
           
           
           
           
           
           
   </span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-9.gif" alt=""
style="width: 200px; height: 147px;" align="middle"
vspace="0"></span></span></span></span></span></span></p>
<div style="text-align: left;"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span></div>
<p style="text-align: center;" class="MsoNormal"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-n.gif" alt=""
style="width: 40px; height: 70px;" align="middle"
vspace="0"></span></span></span><u><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 20pt; line-height: 115%; font-family: "Old English Text MT";">Reflektoren:</span><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 16pt; line-height: 115%; font-family: "Old English Text MT";"></span></u><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-o.gif" alt=""
style="width: 40px; height: 70px;" align="middle"
vspace="0"></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span><u><span
style="font-size: 14pt; line-height: 115%; font-family: "Old English Text MT";">
<o:p></o:p></span></u></p>
<p class="MsoNormal"><span class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"></span></span></p>
<p class="MsoNormal"><span class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">Gelbe
Reflektoren zeigen Euch den Weg. Doppelte gelbe Reflektoren
deuten auf eine Stage in der nähren Umgebung. Weiße
Reflektoren kennzeichnen
die eigentliche Stage. Ihr müsst nicht im Umkreis suchen
sondern nur dort wo
sich der weiße Reflektor befindet. Alle Stages sind
numeriert  </span></span><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"><br>
<span class="attribute-value">Sollte Euch eine Stage
fehlen, müßt Ihr nochmals
zurück. Es empfiehlt sich die einzelnen Stationen aufmerksam
anzusehen.</span></span><b style=""><span
style="background: rgb(153, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"
lang="EN-US"><o:p></o:p></span></b></p>
<p style="text-align: left;" class="MsoNormal"></p>
<div style="text-align: center;">
<div style="text-align: left;"></div>
<p style="text-align: center;"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-n.gif" alt=""
style="width: 40px; height: 70px;" align="middle"
vspace="0"></span></span></span></span><u><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 20pt; line-height: 115%; font-family: "Old English Text MT";">Allgemeines:</span><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 16pt; line-height: 115%; font-family: "Old English Text MT";"></span></u><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-o.gif" alt=""
style="width: 40px; height: 70px;" align="middle"
vspace="0"></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span></span></span></span></span></span></span></p>
<p style="text-align: right;"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span></span></span>
           
       
           
       
           
       
          <span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span> 
           
       
           
       
      </p>
</div>
<p class="MsoNormal"><span class="attribute-value"><u><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">Bitte
bleibt zwischen den einzelnen Stationen auf den Wegen.</span></u></span><span
class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">
Unterwegs und an Kreuzungen sind genügend optische
Helfer vorhanden.
Querfeldeingänge über eine größere
Distanz sind nicht erforderlich. </span></span><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"><br>
<span class="attribute-value">Es ist an keiner Station
nötig den Waldboden <u>aufzuforsten
/ umzugraben</u>, oder rohe Gewalt einzusetzen. <u>Bitte
versteckt alle
Stages</u> <u>wieder so wie ihr sie vorgefunden habt</u>
und lasst beim Umgang
mit den Stages Sorgfalt walten, damit auch andere Geocacher ihre Freude
daran
haben. Vom Final einfach den Reflektoren folgen - diese bringen euch
zurück zum
Fahrzeug.  </span><br>
<span class="attribute-value">Streckenlänge sind
ca.5km.  Geschätzter
Zeitaufwand  3-4,5 Stunden. </span></span><span
style="font-size: 16pt; line-height: 115%; color: white;"><o:p></o:p></span></p>
<span
style="font-size: 14pt; line-height: 115%; font-family: "Old English Text MT";"></span><br>
<div style="text-align: left;"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span></div>
<br>
<br>
<div style="text-align: center;"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-n.gif" alt=""
style="width: 40px; height: 70px;" align="middle"
vspace="0"></span></span></span></span></span><span
class="attribute-value"><u><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 20pt; line-height: 115%; font-family: "Old English Text MT";">Ausrüstungsgegenstände:</span></u></span><span
class="attribute-value"><span
style="background: silver none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 20pt; line-height: 115%; font-family: "Old English Text MT";"><o:p></o:p></span></span>
<b style=""><span
style="background: rgb(153, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 16pt; line-height: 115%; font-family: "Old English Text MT";"
lang="EN-US"><o:p></o:p></span></b><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-o.gif" alt=""
style="width: 40px; height: 70px;" align="middle"
vspace="0"></span></span></span></span></span><br>
<span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value">
</span></span></span></span></span></div>
<br>
<span class="attribute-value"><span
class="attribute-value"><u><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"></span></u></span><span
class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">UV
- Lampe<br>
Taschenrechner<br>
Zettel und Stift<br>
1 Cent Stück<br>
GPS - Gerät<br>
Laserpointer<br>
Periodensystem der Elemente<br>
Widerstandstabelle - Als Bild hier vorhanden zum ausdrucken<br>
Zwei Stück Pappe - Mindestends 220x140mm </span></span><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"><br>
<span class="attribute-value"></span><span
class="attribute-value"></span></span></span><br>
<span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value">
           
       
           
       
           
       
           
       
           
       <img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span>
<br>
<span style="font-size: 14pt; font-family: "Old English Text MT";"><o:p> </o:p></span>
<p style="text-align: center;" class="MsoNoSpacing"><span
style="font-size: 14pt; font-family: "Old English Text MT";"><span
style="background-color: rgb(255, 255, 255);"></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-9.gif" alt=""
style="width: 200px; height: 147px;" align="middle"
vspace="0"></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;"> 
       Ihr
handelt auf eigene Gefahr und Vernatwortung !    
     </span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><img
heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-9.gif" alt=""
style="width: 200px; height: 147px;" align="middle"
vspace="0"></span></span></span></span></span></span></p>
<div style="text-align: left;">
</div>
<p style="text-align: center;" class="MsoNoSpacing"><span
style="font-size: 14pt; font-family: "Old English Text MT";"><o:p> </o:p></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"> </span></span></span></span></span></span></span></span></span><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><img heigh="100px"
src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt=""
style="width: 237px; height: 53px;" align="middle"
vspace="0"></span></span></span></span></span></span></span></span></span></p>
<div style="text-align: center;">
<span class="attribute-value">
<div style="text-align: center;"><span
class="attribute-value">
<div style="text-align: center;"><span
class="attribute-value">
<div style="text-align: center;"><span style=""><span
style=""><br>
</span></span></div>
</span></div>
</span></div>
</span></div>
<br>
<p style="text-align: center;" class="MsoNoSpacing"><span
class="attribute-value"><span class="attribute-value"><span
class="attribute-value"><span class="attribute-value"><span
style="font-size: 16pt; line-height: 115%; font-family: "Old English Text MT"; color: white;">This
is a Cache by Moe - 1</span></span></span></span></span></p>
<br>
<img
src="http://img.geocaching.com/cache/6c07e11a-f951-440c-92d6-7696bd194f13.jpg"
heigh="150px" width="150"><br>
<span class="attribute-value"></span>
</center>
</span></div>
<span class="attribute-value"></span></div>
<span
style="font-size: 10pt; line-height: 115%; font-family: "Arial","sans-serif"; color: black;"></span><span
class="attribute-value"></span> <br>
<pre id="line462"><span class="attribute-value"></span></pre>
<span id="LongDescription"></span>
</center>
</center>
</body>
</html>




Vielen Dank schonmal im vorraus!
 

siggibär

Geomaster
Sicher bin ich mir nicht, aber wenn Du am Anfang des Listings diesen Code einsetzt
<blockquote dir="ltr" style="MARGIN-RIGHT: 0px"><font color="#ffffff">

und am Ende das Listing dann mit
</blockquote></font>

abschließt, sollte der Listingtext in einem Kasten dargestellt werden, der schwarzen Hintergrund hat. Aber so sattelfest bin auch ich nicht ... ;)
Ansonsten kann ich nur als Tipp geben, das Listing in Google-Docs vorzubereiten und über "Bearbeiten" - "HTML bearbeiten" den entsprechenden fertigen HTML-Code zu kopieren und ins Listing einzubauen!
 
OP
M

MOE - 1

Geocacher
Hi

deinen Tipp habe ich soeben auf der GC Seite ausprobiert. Leider ist immer noch das gleiche Problem: Der Hintergrund wird einfach nicht schwarz.

Weiss vielleicht jemand anderes noch einen Tipp für mich???


Mfg
 

PHerison

Geowizard
Soweit ich mich erinnere erlaubt Dir GC.com nicht ueber Dein Cachebeschreibungs-HTML den Hintergrund zu veraendern. Den Hintergrund im Cachelisting kann man ueber den Editor im Feld "Background Image URL:" einstellen.

Zu Deinem HTML-Code... Aehm... Naja... Wie soll ich es beschreiben... "Voluminoes"? Du hast da jede menge leere Tabellen, unnoetige Leerzeichen... Du hast nicht etwa Word mit Dieser Aufgabe betraut?
 
OP
M

MOE - 1

Geocacher
Hi,

das mit dem Background habe ich schon probiert. Habe ein Bild mit einem schwarzen Hintergrund hochgeladen und diesen Link dann als Hintergrund angegeben. Der Effekt ist dieser das die Ränder und der untere Rand dann in schwarz dargestellt werden, die eigentliche Beschreibung jedoch weiterhin mit weißen Hintergrund dargestellt wird.

Für den HTML Code habe ich ein Freewareprogramm genutzt names NVU.

Mfg
 

pl1lkm

Geowizard
Hallo MOE - 1,

Füge mal folgenden Quelltext ein und schau obs so geht. Er ist noch nicht vollständig. Ich würde ihn dir dann fertig machen wenn es funktioniert.

Code:
<table bgcolor="Black">
	<tr>
		<td align="center" width="300"><img heigh="100px" src="http://www.bilder-hochladen.net/files/dmk9-c.gif" alt="" style="width: 237px; height: 53px;"></td>
		<td width="300"></td>
		<td></td>
	</tr>
	<tr>
		<td width="300"></td>
		<td><img src="http://www.bilder-hochladen.net/files/dmk9-c.gif" style="width: 237px; height: 53px;"></td>
		<td width="300"></td>
	</tr>
	<tr>
		<td colspan="3" align="center"><font color="White" size="15pt">Willkommen zu meinem Nachtcache</font></td>
	</tr>
	<tr align="center">
		<td><img heigh="100px" src="http://www.bilder-hochladen.net/files/dmk9-r.gif" style="width: 158px; height: 149px;"></td>
		<td><font size="5pt" family="Old English Text MT" color="white">Enigma – The hunt begins</font></td>
		<td><img heigh="100px" src="http://www.bilder-hochladen.net/files/dmk9-r.gif" style="width: 158px; height: 149px;" align="middle" vspace="0"></td>
	</tr>
</table>

Nachtrag: da sind noch kleine Fehler drin also bitte nicht wundern. Es geht nur mal um die Funktion.
Den Rest können wir dann via PN machen

Gruß Robert
 
OP
M

MOE - 1

Geocacher
Hi Geowizard,

habe den Probequelltext eben mal bei GC geladen - was soll ich sagen: Es funktioniert.
Ist das anpassen des Quelltextes ein großer Aufwand? Ich möchte eigentlich keinen damit belästigen meine Arbeit zu machen. Zudem würde ich rein aus Interesse gerne erfahren welche Änderungen ich wo machen muss um es so hinzubekommen wie du, aber nur wenn es den Rahmen nicht sprengt. Sollten hierzu wirklich tiefe fundierte Kenntnisse für HTML benötigt werden so lassen wir das ganze lieber.

Danke aber schonmal für deine super schnelle Hilfe.


Mfg
 

evident

Geocacher
Bitte bedenkt beim Erstellen der Listings auch an die Leute, die den Spaß auch noch drucken wollen/müssen...

GC.com baut nicht ohne Grund irgendwelche Blockaden ein, die das einfärben des Hintergrunds verhindern bzw erschweren sollen... Sicher lassen sich bei schwarzem Hintergrund ein paar optisch sehr ansprechende Listings erstellen, aber diese müssen erstens bei mobilen Geräten gut lesbar sein und sollten auch halbwegs Tinte-schonend gedruckt werden können...

Daher, bevor ihr sonst welche Umwege geht um auf einen schwarzen Hintergrund zu kommen - lasst es bitte einfach ganz sein...

Wers aber wirklich machen will kann ja mal hier gucken:

[gc]GC2548D[/gc]

Ich hab mir den Quelltext dahinter jetzt noch nicht angesehen, aber schwarzer Hintergrund ist auch machbar...

-Flori-
 

GeoFüchse

Geocacher
Das Problem ist, dass dein Quelltext ein kompletter Quelltext mit <html>, <head>, und <body> - Tags ist. Bei den Cache-Beschreibungen kann man nur den Teil zwischen den <body> und </body> verändern - und den auch nur sehr begränzt.
Wenn du dir mal den kompletten Quelltext einer Cachebeschreibung anschaust, wirst du feststellen, dass man nur den Teil nach dem Kommentar
Code:
nach seinen Wünschen anpassen kann. Kämen hier nochmal Doctype-, html-, head- und body-Tags, wäre der Quelltext schlicht und einfach falsch! Innerhalb von <body> und </body> darf einfach kein <html> usw. kommen - das darf allgemein in einem Dokument nur einmal vorkommen, sonst ist es (ich sage es gerne nochmal) falsch.
NVU ist zwar zum Erstellen von Websites eigentlich ein "gar nicht so schlechtes" Programm, doch für deine Ziele - das Erstellen einer "schönen" Cachebeschreibung - einfach vollkommen unbrauchbar!
Das einfachste wäre, dir (z.B. bei http://de.selfhtml.org/ ) HTML-Grundkenntnisse anzueignen (was echt überhaupt nicht schwierig ist), und dir deine Cachebeschreibung selber zu coden. (Ich hab mir die Website die hinter deinem Quellcode steckt gerade mal angeschaut - das ist echt nicht schwierig diese selber zu coden. Und "Handgemacht" wäre der Quelltext sicher nichteinmal halb so groß - diese Programme à la NVU machen oft einfach unnötigen Scheiß (leere Tabellen die man nicht braucht etc.).
Außerdem würde die Cachebeschreibung, würdest du sie so übernehmen, wahrscheinlich das ganze Layout der geocaching-Seite verhauen, weil sie - wie ich das sehe - breiter ist, als der Platz den man für die Cachebeschreibungen zur Verfügung hat.
...Doch zu deiner eigentlichen Frage: :D
Lasse das ganze <!Doctype... >, <html>, <head>, </head>, <body>, </body>, </html> - Gedöns weg. Vor die eigentliche Beschreibung schreibst du dann
Code:
<div style="background-color:#000000;">
und am Ende
Code:
</div>
Das sollte dein Problem lösen.

Viele Grüße,
Tobi
 
OP
M

MOE - 1

Geocacher
Hi Tobi,

VIELEN DANK für den perfekten Hinweis. Habe die Beschreibung mit den beiden Befehlen so angepasst und es funktioniert bis auf ein paar Schönheitsfehler einwandfrei. Werde aber trotzdem deinen Rat befolgen und mir einmal die Grund und Basiskenntnisse von HTML studieren damit man gleich im Quelltext schreiben kann.

Wie gesagt - Vielen Dank nochmal für die schnelle und kompetente Hilfe


Mfg
 

Teddy-Teufel

Geoguru
Das geht ganz einfach, "male " ein schwarzes Bild, lade es in Deinen Webspace und dann gib folgende Zeile am Anfang Deines Quelltextes ein:

Code:
<table cellspacing="0" cellpadding="5" width="100%"
background="http://www.Webspace.de/Cachepics/Black.jpg">

oder guck ganz einfach mal hier nach.
 

pl1lkm

Geowizard
Teddy-Teufel schrieb:
Das geht ganz einfach, "male " ein schwarzes Bild, lade es in Deinen Webspace und dann gib folgende Zeile am Anfang Deines Quelltextes ein:

Code:
<table cellspacing="0" cellpadding="5" width="100%"
background="http://www.Webspace.de/Cachepics/Black.jpg">

oder guck ganz einfach mal hier nach.

Hallo Teddy,

geht noch einfacher:

Code:
<table cellspacing="0" cellpadding="5" width="100%"
bgcolor="black">

Gruß Robert
 

t31

Geowizard
Was habt ihr immer mit eurem Tabellendesign? -schrecklich! GeoFüchse hat doch schon gezeigt wie es sauber mittels div und style-Attribut nebst CSS geht.
 

Teddy-Teufel

Geoguru
t31 schrieb:
Was habt ihr immer mit eurem Tabellendesign? -schrecklich! GeoFüchse hat doch schon gezeigt wie es sauber mittels div und style-Attribut nebst CSS geht.
Hast ja Recht aber so begreifen es eben auch Leute die nicht so firm sind, guck doch ins Ausgangsposting, dann weißt Du warum wir es mit einfachsten Mitteln erklären.
 

rs-sepl

Geowizard
Ich hätte auch noch eine Frage an die grad versammelten html-Experten. Und zwar: Gibt es eine Übersicht, welche Schriftarten man für das Listing in html verwenden kann. Das hier behandelte Listing ist ja in "Old English", was ja auch bei den Windows fonts dabei ist. Kann ich als all diese fonts in in den html-code für das Listing verwenden?
 

PHerison

Geowizard
Ja, das kannst Du, aber: Was passier bei Usern, die diese Schriftart nicht installiert haben (Mac / Linux / Android / Handy / ...)? Meistens reagiert der Browser intelligent und waehlt eine passende Schriftart aus den Verfuegbaren aus, manchmal sieht der User nur kleine Vierecke.

Auf der sicheren Seite ist man, wenn man gernerische Schriftfamilien angiebt: http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_family
 

GeoFüchse

Geocacher
Du kannst theoretisch jede Schriftart verwenden. Der entsprechende User wird sie allerdings nur angezeigt bekommen, wenn er sie auch installiert hat.
Du kannst mit CSS auch Alternativen angeben, à la
Code:
style="font-family:Arial, Times New Roman, Calibri"
Sollte keine der Schriftarten installiert sein, nehmen Browser im Normalfall irgend eine Standardschriftart (Arial o.ä.).
 

greiol

Geoguru
Damit es halbwegs lesbar bleibt, empfiehlt sich bei Fontangaben als letztes in der Liste
eine der generischen Fontfamilien anzugeben. Das sieht dann zwar mitunter nicht so aus wie der Layouter sich das dachte, aber der Browser bekommt bei der Darstellung einen guten Hinweis.
 

radioscout

Geoking
evident schrieb:
Bitte bedenkt beim Erstellen der Listings auch an die Leute, die den Spaß auch noch drucken wollen/müssen...

GC.com baut nicht ohne Grund irgendwelche Blockaden ein, die das einfärben des Hintergrunds verhindern bzw erschweren sollen... Sicher lassen sich bei schwarzem Hintergrund ein paar optisch sehr ansprechende Listings erstellen, aber diese müssen erstens bei mobilen Geräten gut lesbar sein und sollten auch halbwegs Tinte-schonend gedruckt werden können...

Daher, bevor ihr sonst welche Umwege geht um auf einen schwarzen Hintergrund zu kommen - lasst es bitte einfach ganz sein...
Richtig. Was bringt es, wenn man den Text erst in den Editor kopieren muß, um ihn lesen zu können?
Dann ist das Layout weg und die Mühe des Owners war umsonst.
 
Oben