HTML Problem Elementen Hintergrund?

Hallo,
eine kurze, Frage. Wie kriege ich das in css hin das alle Elemente einen Grauen Hintergrund bekommen ohne das ich das für jedes Element einzeln machen muss und ohne das ich den HTML Code ändern muss? Also wirklich nur die Elemente nicht den ganzen body.

Bild zum Beitrag

5 Antworten

GanMar

08.07.2019, 13:37

Wenn Du einem Element keine Hintergrundfarbe gibst, dann hat es einen transparenten Hintergrund - und dann scheint die Hintergrundfarbe des body durch. Es reicht also, dem body eine Farbe zuzuweisen.

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-color

whgoffline

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

08.07.2019, 13:33

background-color: gray;

}

Woher ich das weiß:Studium / Ausbildung – Informatikstudent

rettich422

08.07.2019, 13:34

dann ist ja alles grau, nicht nur die elemente

whgoffline

08.07.2019, 13:35

@rettich422

Ups stimmt

Managmedia

08.07.2019, 22:44

body {

background-color: grey;

}

Hintergrund Farbe Grau.

Woher ich das weiß:eigene Erfahrung

JayC71

08.07.2019, 13:51

h1,p,ul,li {
   background-color: grey;
}

Woher ich das weiß:Berufserfahrung – Software-Entwickler

rettich422

08.07.2019, 13:33

pack alle elemente in eine div und gib der den hintergrund

Habe in Intellij eine html-Datei angelegt.

Im element <style> ist der code bzw. die syntax nicht farbig hinterlegt

im rest bzw. den anderen Elementen schon.

Kann mir jemand erklären, warum?

Was muss ich hier umstellen, damit der Code Farbig hinterlegt wird?

...zur Frage

.gif Datei als HTML Hintergrund?

Hey Community! ich möchte mittels html & css ein .gif Video als hintergrund in einer .html benutzen. wie wäre dafür der code in html und css?

...zur Frage

html/css hintergrund verschwommen machen mit filter: blur()?

ich habe bei der css datei:

body{

background-image:url(background.gif) ;

genommen und logischerweise wird die navigation oben von der website auch verschwommen, wenn ich filter: blur() eingebe. wie mache ich dies nur für den hintergrund?

...zur Frage

Welche Schriftfarbe passt gut auf einen schwarzem Hintergrund?

Ich bringe mir selbst HTML bei und hab eine externe CSS-Datei gemacht. Aber darum geht es gar nicht, meine Frage ist nur: Welche Farbe passt gut auf komplett schwarzem Hintergrund? Einzige Antwort, die ich wirklich nicht brauche ist weiß, da würde ich auch selbst drauf kommen, ich finde es sieht langweilig aus, was meint ihr welche farbe passt?

Hier sind die Farben: http://www.html-php-mysql.de/generatoren/colors.php Postet bitte nur den HTML-Code, den ihr vor der Farbe findet, die beste Farbe wird ausgezeichnet ;)

...zur Frage

HTML Bild als Hintergrund?

Hi, ich "Baue" hobbymäßig Websites, und habe das Problem, dass ich nicht weiß, wie ich ein Bild richtig formatiert als Hintergrund verwenden kann... Ich mache das mit folgendem Code:

<body background="storage/xy">

Wie kann ich Wiederholungen des Bildes verhindern?

LG Fragentyp930

...zur Frage

Warum ist da noch Rand um der Navbar?

Hallo, bin Anfänger und will ne HTML/CSS Seite erstellen. Als erstes Element habe ich eine Navbar eingefügt, aber darum ist noch ein schmaler Rand vom Hintergrund. Wie bekomme ich den weg?

...zur Frage

HTML / CSS: div wird nicht angezeigt?

Ich fange gerade erst an und mein HTML-Code für div ist:

<body bgcolor="#333333">
  <div id="top"> </div>
</body>

und im CSS:

#top {
  background-color:aqua;
  width: 100%;
  height: 100px;
}

Aber wenn ich das im Browser angucken will, dann wird mir nichts angezeigt. Alles ist gespeichert und ich benutze Brackets. Davor hab ich es mit Atom ausprobiert, aber da funktioniert es auch nicht.

...zur Frage

HTML/CSS Button Funktioniert nicht richtig?

Hallo,

Ich habe einen RGB Knopf der auch wunderschön leuchtet:

Aber wenn ich auf ihn kliche, wirde der ganze hintergrund zu RGB. Hier der CSS Code:

https://pastebin.com/77rnPQLt

Wie kann ich das beheben?

MfG

...zur Frage

Kann man mehrere Schriftarten in CSS nutzen?

Ich lern gerade HTML/CSS und habe folgendes Problem: Ich will, dass die H1 Überschriften auf meiner Seite eine andere Schriftart haben als die anderen Elemente. Ich habe jetzt beim CSS Code die gewünschte Schriftart für h1 festgelegt, aber entweder wird alles in der normalen Standartschrift angezeigt oder alles in der Schrift, die ich nur für die Überschriften haben will. Gibt es einen Weg, mehrere Schriftfamilien gleichzeitig zu nutzen ohne es direkt ins HTML reinzuschreiben?

...zur Frage

Wie kann ich ein Foto in einer CSS oben links in die Ecke machen?

Moin, ich möchte ein Bild in meiner CSS oben links in die Ecke machen, damit das auf jeder Seite so ist.

Der Code für meine HTML:

<!doctype html>
<html>
<head>
<title>Informatik</title>
<link href="Kurz.css" rel="stylesheet" type="text/css">
</head>
<body>
<footer></footer>
<script language="javascript" type="text/javascript" src="Footer.js"></script>
</body>
</html>

Der Code für CSS:

html {
  height: 100%;
}
body {
 background-image: url("Bilder/getraenkeguenther.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 min-height: 100%;
 margin: auto;
 display: flex;
 flex-direction: column;
}
footer {
  margin-top: auto;
  height: 200px;
  text-align: center;
background-color: deepskyblue;
}

Der Code der JS:

var footer = `
<a>Impressum</a>
`;
document.getElementsByTagName("footer")[0].innerHTML = footer;

Das backgroundimage soll quasi als einzelnes Bild oben links in die Ecke

...zur Frage

Javascript: Mehreren Elementen eine Klasse active hinzufügen?

Hallo. Aktuell ist es so, dass wenn ich auf den Button klicke, immer nur das erste Element die Klasse active bekommt und verschwindet. Wie lautet der Befehl, damit alle Elemente, die die Klasse "TestTest" haben, die Klasse active bekommen?

Anscheinend funktioniert es mit dem Befehl: TestText.classList.toggle("active"); nur für 1 Element

hier mein code:

...zur Frage

html hintergrund?

hey,

ich habe ein problem mit den hintergrund

wenn ich ein div mache und den ein hintergrund zu weise wird es nicht angezeigt wenn ich es in den body tag rein schreibe wird es angezeigt aber dann wenn ich eine neue section machen will ändert es das bild vom body tag

und ich wollte jetzt fragen wie ich es hinkriege das das hintergrund bild vom div angezeigt wird

...zur Frage

Mit CSS ein bestimmtes Elternelement ansprechen?

Hallo!

Ich möchte, dass das Element div.gruppe nur dann einen Hintergrund erhält, wenn es ein span#ich beinhaltet. Geht das mit CSS und HTML?

Also ich möchte das Elternelement nur bei einem bestimmten Kindelement selektieren. Was wäre der richtige Selektor?

LG Jan

...zur Frage

Padding für 1 Element aufheben CSS?

Ich habe meinem body ein padding von 1em zugewiesen. Ist es möglich, 1 Element davon auszunehmen? Das dieses ein Padding von 0 hat?

MfG, Bohne47

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen