+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Bild unterhalb von header platzieren (/thread-39049.html)
Bild unterhalb von header platzieren - mybbuser - 23.01.2024
Hiho,
ich möchte ein Bild links unterhalb des Headers im Container platzieren. Ich habe da auch schon schön Platz gemacht, aber das Bild kommt immer unten im Container und nicht direkt unter dem Header. Ausgangslage:
Code:
#container {
width: 100%;
color: #2433;
text-align: left;
line-height: 1.4;
background-image: url(images/aa.jpg);
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}Jetzt weiß ich nicht wie ich es "links oben" im Container in einer bestimmten Größe platzieren kann. Ich bräuchte einen Schubs, bitte.
RE: Bild unterhalb von header platzieren - mybbuser - 23.01.2024
Ich habe hier im Forum paar Ideen gefunden und jetzt sieht es so aus
Code:
#container {
width: 100%;
color: #2433;
text-align: left;
line-height: 1.4;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
background-image:url(images/aa.jpg) #333 top left
}Probiert habe ich mit "top left overflow:visible 300px und z-index=10" - das Bild taucht nirgends auf
RE: Bild unterhalb von header platzieren - ReStro - 23.01.2024
Ich habe wenig bis gar keinen Plan arbeite mich aber immer mit den Hilfsmitteln durch das Dunkel was man auf einer meiner Homepages sehen kann und frage hast du das Bild auch unter images auf dem Webspace? dann hangel ich mich mit einer Hilfestellung von StefanT durch das Forum
RE: Bild unterhalb von header platzieren - mybbuser - 23.01.2024
Ha! Ich habs! Es ist nicht "background-image: url(..." sondern nur "background: url(..."
RE: Bild unterhalb von header platzieren - ReStro - 23.01.2024
Na siehste geht doch.
RE: Bild unterhalb von header platzieren - [ExiTuS] - 23.01.2024
Dem Verständnis halber, damit dir dieser Flüchtigkeitsfehler nicht noch einmal passiert:
Die CSS-Eigenschaft background { ... } ist sozusagen übergeordnet und kann mehrere granuläre Hintergrund-Eigenschaften kombinieren, wie z.B. url(...), #333 HintergrundfFarbe), top left (Position des Hintergrundbildes) und noch weitere.
Dem untergeordnet sind Sub-Eigenschaften, welche allerdings nur einen einzigen Parameter haben dürfen:
- background-image { url(...); }
- background-color { #333; }
- background-position { top };
Diese Regel gilt für viele weitere CSS-Eigenschaften - meist solche mit einem Bindestrich-Suffix.
[ETS]
RE: Bild unterhalb von header platzieren - mybbuser - 25.01.2024
Ah, ok, das erklärt einiges. Danke.