Warum erhalte ich diese Ansicht?

letterbox

Banned
Registriert
Feb. 2014
Beiträge
1.057
Hallo, auf dem PC habe ich folgenden Quelltext:
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Fotografie2000</title>
   <meta name="description"Der Autor gibt Einblick in sein künstlerisches Schaffen;Malerei, Acrylmalerei Aquarelle "Platzhalter - Ein kurze Beschreibung des Inhalts in Satzform">
	<meta name="Keywords" content=Malerei, Acryl, Aquarelle>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- <link href="../css/zentrale.css" rel="stylesheet"> -->
   
   <style>

   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);

   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);

   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

 
   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);

   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);

   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

   /*Basisangaben*/
   @media all {
      header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
         display: block;
      }
      * {
         /*box-sizing: border-box;*/
         min-width: 1px;
      }
      html {
      }
      body {
         padding: 1rem 0.5rem 2rem 0.5rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*Schriften*/
   @media all {
      html {
         font-family: sans-serif;
         font-size: 120%;
         line-height: 1.3;
      }
      h1 {
         font-family: 'Felix titling', serif;
         font-size: 1.3rem;
		 color: #000000;
         letter-spacing: 0.1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
     
      }
      
      h2 {
         font-family: 'Felix titling', serif;
         font-size: 1.0rem;
		 color: blue;
         letter-spacing: 0.1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
		 } 
	   p, li, dl, dt, address {
         font-family: Roboto, sans-serif;
         font-size: 1rem;
         font-style: normal;
         margin: 0.5rem 0rem 0.5rem 0rem;
		
      }
      a {
         /*darkblue*/
         color: hsla(240, 100%, 27%, 1);
         text-decoration: none;
         outline: none;
         margin: 0rem 0rem 0rem 0rem;
      }
      figcaption {
         font-family: Roboto, sans-serif;
         font-size: 0.9rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*Grafiken*/
   @media all {
      figure {
         min-width: 1px;
         max-width: 100%;
         min-height: 1px;
         margin: 0,1rem;
      }
      img {
         min-width: 1px;
         display: block;
         max-width: 100%;
         /*max-height: 100vh;*/
         border: 0;
      }
   }

   /*Listen dl*/
   @media all {
      dl {
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      dt,
      dd {
      }
      dt {
         font-weight: bold;
         margin: 0rem 0rem 0rem 0rem;
      }
      dd {
         margin: 0rem 0rem 1rem 0rem;
      }
      dd p {
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*body*/
   @media all {
      body {
      }
   }
   @media only screen and (min-width: 1000px) {
      body {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
      }
   }

   /*.pageheader*/
   @media all {
      .pageheader {
         background-color: #97FFFF;
         border: 1px solid black;
      }
      .pageheader h1 {
         text-align: center;
	   }
	   
   }
   @media only screen and (min-width: 1000px) {
      .pageheader {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 0rem - 2px - 0rem);
      }
   }

   /*.navigation*/
   @media all {
      .navigation ,.sidebar span.Stil1{
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      
   }
     a:hover{
    
}
   @media only screen and (min-width: 1000px) {
     .navigation a,.sidebar span.Stil1,
      .navigation a:visited {
         display: block;
         color: 	#483d8b;
         font-weight: bold;
         padding: 0.3rem;
         border: 1px solid black;
         border-radius: 0.3rem;
      }
     .sidebar span.Stil1:hover{
        background-color: black;
         color: gold;
       
     }
      .navigation a:hover,
      .navigation a:active,
      .navigation a:focus {
         background-color: black;
         color: gold;
	   }

   /*.content*/
   @media all {
      .content {
         background-color: #63B8FF;
         border: 2px solid black;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .content h2 {
         color: 	#c71585;
         text-align: center;
      }
      .content figure {
         max-width: 600px;
         margin: 0rem auto;
      }
   }
   @media only screen and (min-width: 1000px) {
      .content {
         margin: 0.5rem 1rem;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 250px - 250px - 1rem - 2px - 2rem);
      }
   }

   
   /*.pagefooter*/
   @media all {
      .pagefooter {
         padding: 0.5rem;
         border: 2px solid black;
         margin: 0.5rem 0rem;
      }
   }
   @media only screen and (min-width: 1000px) {
      .pagefooter {
         background-color: #97FFFF;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 1rem - 4px - 0rem);
      }
   }

   /*Vorlagen zum Kopieren*/
   /*CSS*/
   @media all {
   }
   @media only screen and (min-width: 0px) {
   }
   @media only screen and (max-width: 0px) {
   }

   .Stil1 {color: #0000FF}
 

   .Stil1 {color: #0000FF}
   </style>
   <link rel="icon" type="image/vnd.microsoft.icon" href="www.guenter-leipfinger.de/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
   <header class="pageheader">
      <h1>Herzlich willkommen</h1>
   </header>
   <nav class="navigation">
      
	   <p><a href="http://www.fotografie2000.de/photoalben/photoalben.html">Photoalben</a></p>
     <p><a href="http://www.fotografie2000/Kontakt.html">Kontakt</a></p>
      <p><a href="http://www.fotografie2000/impressum.html">Impressum</a></p>
      <p><a href="http://47648.my-gaestebuch.de" target="_top">G&auml;stebuch</a></p>
      <p>&nbsp;</p>
	   
	   <script type="text/javascript" src="https://whomania.com/count/k2p"></script>
	 
     <div align="center"><span><p style="font-size:12pt;">Letzte Aktualisierung:</p>
  <!--?php echo date("d.m.Y, H:i:s",filectime("index.php"));
?-->
    <script type="text/javascript">
document.write(new Date().getDatenew Date().getMonth()+1)+"."+new Date().getFullYear())
  </script>20.2.2018<p></p>

	  
   </span></div></nav>

	  
   </nav>
   
   <main class="content">
      
	   <center>
	     <h2>Fotografie</h2>
	   </center>
      <figure>
        <div align="center"><img src="http://www.fotografie2000.de/fotografie2000/libelle.jpg"libelle.jpg" alt="Fotografie" align="middle"></div>
      </figure>
      <footer class="contentfooter">      </footer>
   </main>
    
</body>

</html>






Nach dem Hochladen auf den Server erhalte ich beim Aufruf der Seite fotografie2000.de
ein völlig anderes Bild mit diesem Quelltext:

HTML:
<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Malerei und Fotografie</title>
   <meta name="description"Der Autor gibt Einblick in sein künstlerisches Schaffen; kunstvolle Fotografie "Platzhalter - Ein kurze Beschreibung des Inhalts in Satzform">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- <link href="../css/zentrale.css" rel="stylesheet"> -->
   
   <style>

   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);

   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);

   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

 
   /*Icon-Font - font-family: 'FontAwesome';*/
   @import url(http://fontawesome.io/assets/font-awesome/css/font-awesome.css);

   /*Überschriften - font-family: 'Roboto Slab', Serif;*/
   @import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

   /*Fließtext - font-family: 'Roboto', Sans-Serif";*/
   @import url(https://fonts.googleapis.com/css?family=Roboto);

   /*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

   /*Basisangaben*/
   @media all {
      header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
         display: block;
      }
      * {
         /*box-sizing: border-box;*/
         min-width: 1px;
      }
      html {
      }
      body {
         padding: 1rem 0.5rem 2rem 0.5rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*Schriften*/
   @media all {
      html {
         font-family: sans-serif;
         font-size: 120%;
         line-height: 1.3;
      }
      h1 {
         font-family: 'Felix titling', serif;
         font-size: 2.3rem;
		 color: #2233dd;
         letter-spacing: 0.1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      h2, h3, h4, h5, h6 {
         font-family: 'Roboto Slab', serif;
         font-size: 1rem;
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      p, li, dl, dt, address {
         font-family: Roboto, sans-serif;
         font-size: 1rem;
         font-style: normal;
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      a {
         /*darkblue*/
         color: hsla(240, 100%, 27%, 1);
         text-decoration: none;
         outline: none;
         margin: 0rem 0rem 0rem 0rem;
      }
      figcaption {
         font-family: Roboto, sans-serif;
         font-size: 0.9rem;
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*Grafiken*/
   @media all {
      figure {
         min-width: 1px;
         max-width: 100%;
         min-height: 1px;
         margin: 0,1rem;
      }
      img {
         min-width: 1px;
         display: block;
         max-width: 100%;
         /*max-height: 100vh;*/
         border: 0;
      }
   }

   /*Listen dl*/
   @media all {
      dl {
         margin: 0.5rem 0rem 0.5rem 0rem;
      }
      dt,
      dd {
      }
      dt {
         font-weight: bold;
         margin: 0rem 0rem 0rem 0rem;
      }
      dd {
         margin: 0rem 0rem 1rem 0rem;
      }
      dd p {
         margin: 0rem 0rem 0rem 0rem;
      }
   }

   /*body*/
   @media all {
      body {
      }
   }
   @media only screen and (min-width: 1000px) {
      body {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
      }
   }

   /*.pageheader*/
   @media all {
      .pageheader {
         background-color: #97FFFF;
         border: 1px solid black;
      }
      .pageheader h1 {
         text-align: center;
	   }
   }
   @media only screen and (min-width: 1000px) {
      .pageheader {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 0rem - 2px - 0rem);
      }
   }

   /*.navigation*/
   @media all {
      .navigation ,.sidebar span.Stil1{
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
 .navigation p ,.sidebar span.Stil1{
         text-align: center;
      }
      .navigation a ,.sidebar span.Stil1 {
         color: #B22222;
         font-weight: bold;  
      }
   }
     a:hover{
    background-color: #CEECF5;
}
   @media only screen and (min-width: 1000px) {
     .navigation a,.sidebar span.Stil1,
      .navigation a:visited {
         display: block;
         color: 	#483d8b;
         font-weight: bold;
         padding: 0.3rem;
         border: 1px solid black;
         border-radius: 0.3rem;
      }
     .sidebar span.Stil1:hover{
        background-color: black;
         color: gold;
       
     }
      .navigation a:hover,
      .navigation a:active,
      .navigation a:focus {
         background-color: black;
         color: gold;
	   }

   /*.content*/
   @media all {
      .content {
         background-color: #63B8FF;
         border: 2px solid black;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .content h2 {
         color: #FFFF33;
         text-align: center;
      }
      .content figure {
         max-width: 600px;
         margin: 0rem auto;
      }
   }
   @media only screen and (min-width: 1000px) {
      .content {
         margin: 0.5rem 1rem;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 250px - 250px - 1rem - 2px - 2rem);
      }
   }

   /*.sidebar*/
   @media all {
      .sidebar {
         background-color: #63B8FF;
		 color:	#483d8b;
		  font-weight: bold;
         padding: 0.5rem;
         border: 2px solid #63B8FF;
         margin: 0.5rem 0rem;
      }
   }
   @media only screen and (min-width: 1000px) {
      .sidebar {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(250px - 1rem - 4px - 0rem);
      }
   }

   /*.aktuellstesbild*/
   @media all {
      .aktuellstesbild {
         border: 2px solid black;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .aktuellstesbild h2 {
         text-align: center;
		 font-weight: bold;
      }
      .aktuellstesbild figure {
         max-width: 600px;
         margin: 0rem auto;
      }
   }
   @media only screen and (min-width: 1000px) {
      .aktuellstesbild {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 500px - 2rem - 1rem - 4px - 0rem);
      }
   }

   /*.pagefooter*/
   @media all {
      .pagefooter {
         padding: 0.5rem;
         border: 2px solid black;
         margin: 0.5rem 0rem;
      }
   }
   @media only screen and (min-width: 1000px) {
      .pagefooter {
         background-color: #97FFFF;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(100% - 1rem - 4px - 0rem);
      }
   }

   /*Vorlagen zum Kopieren*/
   /*CSS*/
   @media all {
   }
   @media only screen and (min-width: 0px) {
   }
   @media only screen and (max-width: 0px) {
   }

   .Stil1 {color: #0000FF}
 

   .Stil1 {color: #0000FF}
   </style>
   <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.guenter-leipfinger.de/favicon3.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
   <header class="pageheader">
      <h1>Herzlich willkommen</h1>
   </header>
   <nav class="navigation">
      <p><a href="http://guenter-leipfinger.de/Malerei/Aquarelle/album/index.html">Aquarelle</a></p>
      <p><a href="http://guenter-leipfinger.de/Malerei/Acrylmalerei/album/index.html">Acrylmalerei</a></p>
      <p><a href="http://guenter-leipfinger.de/photoalben/photoalben.html">Photoalben</a></p>
      <p><a href="http://guenter-leipfinger.de/Kontakt.html">Kontakt</a></p>
      <p><a href="http://guenter-leipfinger.de/impressum.html">Impressum</a></p>
      <p><a href="http://gb.webmart.de/gb.cfm?id=1331502l" http:="" gb.webmart.de="">Gästebuch</a></p>
      <p><a href="http://mitglieder.ecard-service.net/uebersicht.php?account=malerei" >Grußkarten</a></p>
	   <p><br><br><br>

        <script type="text/javascript" src="https://whomania.com/count/k3p"></script>

        <br>

        

      </p>
	  
	 
    </span></div>
     <div align="center"><span><p style="font-size:12pt;">Letzte Aktualisierung:</p>
  <!--?php echo date("d.m.Y, H:i:s",filectime("index.php"));
?-->
    <script type="text/javascript">
document.write(new Date().getDatenew Date().getMonth()+1)+"."+new Date().getFullYear())
  </script>20.2.2018<p></p>

	  
   </span></div></nav>

	  
   </nav>
   
   <main class="content">
      <h2>Malerei</h2>
      <figure>
        <div align="center"><img src="http://guenter-leipfinger.de/paysage.jpg" alt="Malerei"></div>
      </figure>
      <h2>Fotografie</h2>
      <figure>
        <div align="center"><img src="http://guenter-leipfinger.de/libelle.jpg" alt="Fotografie" align="middle"></div>
      </figure>
      <footer class="contentfooter">      </footer>
   </main>
   <aside class="sidebar">
      <p><a href="http://guenter-leipfinger.de/Kontakt.html">Die Bilder können käuflich erworben werden.<span>Bei Interesse mail an den</span></p>
      <p><span><br>
      </span><span class="Stil1">Künstler</span></p>
   </aside>
   <div class="aktuellstesbild">
      <h2>Das aktuellste Bild</h2>
      <figure>
         <div align="center"><img src="http://guenter-leipfinger.de/illusion.jpg">
         </div>
         <figcaption>
           <div align="center">
             <h2><strong>"Illusion"</strong></h2>
           </div>
		   
         </figcaption>
     </figure>
   </div>
  
</body>

</html>
Warum?
 
Zuletzt bearbeitet:
Sicher das es ein und dieselbe Datei ist? Auf der Seite ist etwas anderes als in beiden Quelltexten.

Nebenbei sind da super viele Fehler drin...
 
Hi,

schreib bitte konkret, was du genau meinst. So liest sich das doch keiner freiwillig durch!


vermutlich weil du es entweder über ein Tool hochlädst oder die Seite etwas damit macht, bevor sie es anzeigt.

VG,
Mad
 
Ganz sicher nicht. Du lädst entweder in den falschen Ordner hoch oder die falsche Datei.

Dann landen auch ganz viele Links im Nirvana...
 
Wie soll ich Dir das zeigen?
So sieht es am Server aus:
 

Anhänge

  • server.PNG
    server.PNG
    171,6 KB · Aufrufe: 600
Man kann doch sehen, dass die Datei eine unterschiedliche Größe hat: 7792 zu 7486
 
Danke für Deine Bemühungen, das sehe ich auch ich habe am PC eine Dateigröße von 7,792kB am Server muß ich mich auf die Angaben verlassen.-
Vielleicht hilft Dir ein Bild vom Server:
Ergänzung ()

Danke für Deine Bemühungen, das sehe ich auch ich habe am PC eine Dateigröße von 7,792kB am Server muß ich mich auf die Angaben verlassen.-
Vielleicht hilft Dir ein Bild vom Server:
 

Anhänge

  • server.PNG
    server.PNG
    171,6 KB · Aufrufe: 506
  • pfad.PNG
    pfad.PNG
    82,6 KB · Aufrufe: 514
Hi,

ich sehe immer noch kein Bild. Wie wird die Datei denn hochgeladen? Da sind ja URLs und Links komplett anders, das ist definitiv nicht die selbe Datei oder sie wurde beim Upload geändert ("guenter-leipfinger.de")

VG,
Mad
 
Madman1209 schrieb:
Hi,

ich sehe immer noch kein Bild. Wie wird die Datei denn hochgeladen? Da sind ja URLs und Links komplett anders, das ist definitiv nicht die selbe Datei oder sie wurde beim Upload geändert ("guenter-leipfinger.de")

VG,
Mad

Das Bild siehst Du aufhttp://malerei2000.de/ nicht aber auf der gewünschten URL http://fotografie2000.de/, die domain http://www.guenter-leipfinger.de habe ich gelöscht.
Ich wäre selbst dran interessiert, dass die Sache mal in Ordung kommt.
 
Hi,

dann mach einen sauberen Cut und trenne die beiden Domains mal sauber. Das sieht alles nach ziemlichem Murks aus. Zumal in der von dir verlinkten Quelldatei immer noch überall "guenter-leipfinger.de" steht... da ist absolutes Chaos.

VG,
Mad

Edit: im Firefox hatte ich deine Anhänge nicht gesehen!
 

Anhänge

  • screen.JPG
    screen.JPG
    105,2 KB · Aufrufe: 468
Zuletzt bearbeitet:
Im Moment ist deine Konfiguration doch so:

fotografie2000.de -> /
malerei2000.de -> /fotografie2000/

Das erstmal in

fotografie2000.de -> /fotografie2000/
malerei2000.de -> /malerei2000/

ändern und dann stimmen zumindest die Verzeichnispfade mit den URLs überein.

Wenn das dann endlich stimmt kannst du dran gehen und die richtigen Dateien in die passenden Verzeichnisse legen. Dann kommt man auch nicht mit den Pfaden durcheinander.
 
Danke, nun stimmt es bis auf das Bild "libelle.jpg' das ist nicht zu sehen.
 
Ist inzwischen korrigiert.
Ergänzung ()

Nun habe ich doch noch ein Problem (hoffentlich das letzte)
Beim Aufruf vonhttp://www.fotografie2000.de/photoalben/photoalben.html und dann Auswahl
werden die Bilder angezeigt. Doch der Backlink führt ins Leere.
Der Backlink im Quelltext.
HTML:
<a class="back-btn nav-link icon-backward-light" href="http://www[U].fotografie2000.de[/U]/photoalben/photoalben.html" target="_parent" data-tooltip title="zur Übersicht"></a><div><h1>Foto-Kunst </h1></div>
						</header>
						<div class="startshow"><span class="text">Diashow starten</span><a class="large button icon-play"></a>
verweist auf www.fotografie2000.de doch im Quelltext des Browsers steht:
HTML:
<a class="back-btn nav-link icon-backward-light" href="[U]http://www.guenter-leipfinger.de[/U]/photoalben/photoalben.html" target="_parent" data-tooltip title="zur Übersicht"></a>
Warum verweist der Link wieder auf die frühere Seite? Was übersehe ich wieder?

edit: Problem gelöst.
 
Zuletzt bearbeitet:
Zurück
Oben