2017-04-15 4 views
0

Ich versuche, eine Website zu machen, wo es ein Bild gibt und darunter einen Rand, wo es Informationen mit einer Hintergrundfarbe gibt. Wenn ich versuche, den von mir erstellten Code auszuführen, wird der Rand nicht angezeigt und ist daher nutzlos. Weiß jemand wie ich das beheben würde. Jede Hilfe wird sehr geschätzt.Warum wird der Rand nicht in meinem Code angezeigt

<html> 
<style> 
<head> 

img { 
    padding:0; margin:0; 
} 

div { 
    font-size: 55px; 
    font-family: Impact; 
    color: #000066; 
} 

h1 { 
    margin: 10px 0 0 0; 
    background-color: red; 
} 

</style> 
</head> 

<body> 

<img src="picmine.jpg" width="1440" height="500" style="position: absolute; top:0px; left:1px"/> 

<div style="position: absolute; top:100px; left:350px"><center>Brantley and Brennan's Creations</div></center> 

<h1><center>Love of Technology</h1></center> 

</body> 
+0

Wenn dies Ihr genauer Code ist, ist es ungültig - das Stilelement muss in einem Körper oder Kopf-Tag geschachtelt werden. –

+0

Was meinst du? Ist Stil sollte unter dem Körper sein – Kg123

+0

Auch ohne Tags, wenn ich versuche, Ihren Code oben mit einem Bild auf meinem Desktop, dass Bilder zeigt. Stellen Sie sicher, dass Ihr src = "" Pfad korrekt ist. – Kobbe

Antwort

1

Ihre Style-Tags sind nicht in der richtigen Reihenfolge. Sie sollten innerhalb der Kopf-Tags wie folgt sein:

<head> 
<style> 
    //css 
</style> 
</head> 
Verwandte Themen