Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.05.2018 um 07:44 (UTC)    
Titel: Bildgröße einfügen

Guten Morgen an das ganze Homepage-Baukasten-Team und User,

ich bräuchte mal Hilfe bei der Bearbeitung eines Codes in meinem Script.

Und zwar folgender Code:

/*HEADER*/

#UeberInhalt{
width: 1000px;
height: 300px;
float: none;
background: url(https://img.webme.com/pic/d/dancemasters/Header%20f%C3%BCr%20Homepage%20Neu.png);
margin-top: -10px;
margin-bottom: 00px;
color: #fff;
}

Ich würde gerne das Bild mit einer Größe versehen aber weiß nicht wie ich das mache in diesem Code.

Im Quellcode kenne ich das so:

<img src="//img.webme.com/pic/d/dancemasters/TanzschulenEingang2017.jpg" alt="" width="620" height="306" />

Wie mache ich das im o. e. CSS-Code?

Danke schon mal im Voraus für Eure Hilfe.

Gruß

Denny
Beitrag23.05.2018 um 10:42 (UTC)    
Titel: Re: Bildgröße einfügen

Hallo,

wenn du die Größe des Hintergrundbildes verändern möchtest, dann musst du dies mittels
Code:
background-size
machen. Außerdem kannst du das Bild auch verschieben - mit
Code:
background-position


Beispiel:

Code:

background-size: 100px 200px;
background-position: 20px 30px;


Hier würde das Hintergrundbild mit einer Breite von
Code:
100px
und einer Höhe von
Code:
200px
angezeigt werden und außerdem
Code:
20px
nach rechts und
Code:
30px
nach unten verschoben werden.

LG Raffael[/code]
Beitrag31.05.2018 um 08:42 (UTC)    
Titel:

Tag Raffael,

danke für deine Hilfe.

Habe es jetzt eingefügt und genau so wollte ich es haben.

Danke, danke.

Gruß

Dennis
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de