• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage CSS macht einen Rand in den Hintergrund

D

DerNeuling21

Mitglied
Hallo Community,
ich frange mit HTMl/CSS gerade erst an und bin auf meine 1. 2 Problem gestoßen.

1:Warum ensteht hier bei mir ein Rand am Bild:

upload_2017-11-16_21-32-25.png

Das Original Bild hat das nicht.

2: Warum wir der Container (div) nicht erstellt ?

Danke für eure Hilfe!!

HTML: 
<html>
    <head>
        <title>Wolly's Musik Stream</title>
        <link rel="shortcut icon" href="YouTubeLogo.png">
        <link rel="stylesheet" href="design.css">    
    
    </head>
    
    <boady>
            <div class="logboa" >
            
            </div>     
    
        
    </boady>


</html>

Code: 
html, body {
    background-image: url("Call%20of%20Duty%20WW%20II.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 102% auto;
}
    
#logboa {
    background-color: aquamarine;
    background-position: 50% 200px;
    height: 100px;
    width: 100px;
    
    
}
 
Werbung:
Zu 1:
Das kommst, weil sich dein Hintergrundbild wiederholt, weil es zu Ende ist:
background-repeat: no-repeat;
background-size: cover;
sollte es fixen.

Edit:
Ich sehe gerade, du hast da schon background-repeat: no-repeat stehen. Setz die Größe des Backgrounds trotzdem mal auf cover anstatt auf 102% auto.

2:
Was soll denn bitte "boady" darstellen xD. Es heißt <body>.
Das eigentliche Problem ist aber, dass du #logoboa im CSS stehen hast, und class="logoboa" in deinem div.
Der # in #logoboa setzt voraus, dass das div über id="logoboa" angesprochen wird. Du hast aber class.
Richtig wäre es im CSS .logoboa zu schreiben. Also mit einem Punkt. So sprichst du Elemente mit einer class an.

Edit 2:
Dateien und Pfadangaben sollten übrigens möglichst ohne Leerzeichen gemacht werden. Benutze statt Leerzeichen einfach Bindestriche.
 
Zuletzt bearbeitet:
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben