Meine Webseite wird nicht nur für den Tag img src aktualisiert?

Immer, wenn ich ein IMG src-Tag hinzufügen, zeigt meine Webseite auch nach dem Aktualisieren keine Änderungen an. Stattdessen, wenn ich denselben Code in eine neue Datei kopiere und unter einem neuen Namen speichere, werden Änderungen angezeigt. Was sollte ich tun, um Änderungen in meiner älteren HTML-Datei zu haben? hier ist mein html Code-Meine Webseite wird nicht nur für den Tag img src aktualisiert?

<!DOCTYPE html> 
<html> 
<head> 
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 
    <link href="C:\Users\SHREYA\Desktop\portfolio\framework\css\css1.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
    <div class="grid"> 
     <div class="row"> 
       <div class="col-1"> 
       <div class="screenshot"><img src="C:\Users\SHREYA\Desktop\portfolio\toplist\images\app.png"></div> 
       </div> 
       <h1>text</h1> 
     </div> 
     <div class="row"> 
       <div class="col-12">image</div> 
     </div> 
       <p>FEATURED APP</p> 
     <div class="row"> 
       <div class="col-4">image</div> 
       <div class="col-4">image</div> 
       <div class="col-4">image</div> 
     </div> 
    </div> 
</body> 
</html>

hier mein css ist Code-

*{ 
    border:1px solid red; 
    font-family: 'Lato', sans-serif; 
    color:blue; 
} 

    h1{ 
     text-align:right; 
     display:block; 
    } 
    .row{ 
     width:100%; 
     display:flex; 
    } 
    .col-1{ 
     width:8.33%; 
    } 
    .col-2{ 
     width:16.66%; 
    } 
    .col-3{ 
     width:25%; 
    } 
    .col-4{ 
     width:33.33%; 
    } 
    .col-5{ 
     width:41.66%; 
    } 
    .col-6{ 
     width:50%; 
    } 
    .col-7{ 
     width:58.33%; 
    } 
    .col-8{ 
     width:66.66%; 
    } 
    .col-9{ 
     width:75%; 
    } 
    .col-10{ 
     width:83.33%; 
    } 
    .col-11{ 
     width:91.66%; 
    } 
    .col-12{ 
     width:100%; 
    } 
    .screenshot{ 
     max-width:8.33%; 
     max-height:8.33%; 
    } 
    *{ 
     -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     -ms-box-sizing:border-box; 
     box-sizing:border-box; 
    }

Quelle

2017-05-28 shreya jain

führen Sie Code bei localhost oder bei ho Stachel? –

In welchem Ordner befindet sich Ihre 'Website'? Versuchen Sie, Ihr Bild relativ zu verlinken - root-of-site-> '/images/image-name.png' - gleich mit CSS – sheriffderek

Haben Sie bestätigt, dass die Datei, die Sie bearbeiten, die geöffnete Datei ist? Zwei Möglichkeiten, die ich mir sofort überlegen kann, um das zu überprüfen: (1) füge einen zufälligen Text hinzu, speichere die Datei und überprüfe, ob der Text im Browser geladen wird. (2) Inspect Element und sehen, ob das DOM-Element überhaupt existiert. – therobinkim

Ändern Sie die absoluten Pfade in relative Pfade

<link href="C:\Users\SHREYA\Desktop\portfolio\framework\css\css1.css" rel="stylesheet" type="text/css"> 
<img src="C:\Users\SHREYA\Desktop\portfolio\toplist\images\app.png">

Vielleicht aussehen wie folgt

<link href="/framework/css/css1.css" rel="stylesheet" type="text/css"> 
<img src="/toplist/images/app.png">

Quelle

2017-05-28 03:26:23 HTCom

Meine Webseite wird nicht nur für den Tag img src aktualisiert?

Antwort

Verwandte Themen