Site n'apparaissant pas comme sur mon ordinateur

Question

J'ai créé un site Web d'intro simple sur mon site, simplement avec les boutons 'Media' et 'Share' et un arrière-plan. Sur mon PC, quand j'exécute le site, il apparaît exactement comme je le voudrais, mais quand je le lance depuis le serveur de mon site (ou JSFiddle), le second bouton n'apparaît pas. L'image est sur le serveur à l'emplacement correct.

#first { 
    margin: 0 auto; 
    margin-top: 5%; 
    text-align: center; 
} 
#second { 
    margin: 0 auto; 
    margin-top: 10%; 
    text-align: center; 
} 

https://jsfiddle.net/4cg2k722/1/ - Le second bouton n'apparaît pas. (apparaît également comme ceci sur le serveur) https://gyazo.com/6031a7b8c768120b8d7f4adb3e439e20 - Comment il apparaît sur mon PC. J'utilise le même navigateur quand j'essaye les deux.

EDIT: Lorsque vous chargez la page à partir du site Web, pendant une fraction de seconde, vous voyez l'icône d'une image déchargée. avant de disparaître.

Answer 1

Vous avez eu une faute de frappe dans votre code HTML. Il vous manquait la fermeture " dans votre deuxième tag <img>. Le code doit être <img src="http://i.imgur.com/4ZCrEHW.png">.

Answer 2

semble que vous manquez l'emplacement de vos photos. http: /asscave.co.uk/wallpaper.jpg ne pas atteindre; même pour les 2 autres photos http://asscave.co.uk/media.png et http://asscave.co.uk/share.png. vérifier le lien par copier et collez-le dans le navigateur de manière séparée. S'il apparaît dans votre navigateur, il doit apparaître également sur votre page Web.

essayer d'améliorer votre CSS comme celui-ci

html,body { 
    width:100%; 
    height:100%; //no need to specify 
    background-image:url(https://i.gyazo.com/6031a7b8c768120b8d7f4adb3e439e20.png) 
    margin: 0 auto; 
    text-align: center; 
} 
#first { 
    //set the width and float it 
    margin-top: 5%; 

} 
#second { 
    margin-top: 10%; //why 10px as margin-top? 
    //set the width and float it 
}