Warum erhalte ich diese Ansicht?

Dabei seit
Feb. 2014
Beiträge
713
#1
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:

savuti

Lt. Commander
Dabei seit
Jan. 2010
Beiträge
1.263
#2
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...
 

savuti

Lt. Commander
Dabei seit
Jan. 2010
Beiträge
1.263
#5
Ganz sicher nicht. Du lädst entweder in den falschen Ordner hoch oder die falsche Datei.

Dann landen auch ganz viele Links im Nirvana...
 

letterbox

Lieutenant
Ersteller dieses Themas
Dabei seit
Feb. 2014
Beiträge
713
#8
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

Madman1209

Fleet Admiral
Dabei seit
Nov. 2010
Beiträge
22.482
#9
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
 

letterbox

Lieutenant
Ersteller dieses Themas
Dabei seit
Feb. 2014
Beiträge
713
#11
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.
 

Madman1209

Fleet Admiral
Dabei seit
Nov. 2010
Beiträge
22.482
#12
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

Zuletzt bearbeitet:
Dabei seit
Apr. 2016
Beiträge
202
#13
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.
 

letterbox

Lieutenant
Ersteller dieses Themas
Dabei seit
Feb. 2014
Beiträge
713
#16
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:
Top