Bild auf volle Bildschirmbreite

28.12.2020 17:08 (zuletzt bearbeitet: 28.12.2020 18:54)

ostsee-fee
#1

os

Moin und guten Tag,

ich benötige Hilfe von den Experten. Es geht um die Webseite: https://kapitaensnest.de
Ich möchte das untere Bild der Startseite über die ganze Bildschirmbreite darstellen?! Genauso die Breite wie das Bild im oberen Bereich.

Ich habe schon folgenden Code im Head eingefügt:
(<style type="text/css">
/*<![CDATA[*/
/* full width image slider */

#cc-m-imagesubtitle-image-10360317968 {
width: 100vw;
left: calc(-50vw + 50%);
position: relative;
padding: 0px;
}
.cc-m-gallery-slider ul img {
height: auto !important;
}
/*]]>*/
</style>)

Was mache ich falsch? Ist das überhaupt machbar?
Vielen Dank schon einmal im Voraus!

Antworten

Beitrag melden

#2

28.12.2020 19:03 (zuletzt bearbeitet: 28.12.2020 19:03)

az_
#2

az_

...schon fast richtig! Der übergeordnete Container und das Bild müssen beide 100vw Breite bekommen und der Container die Positionierung:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<style type="text/css">
/*<![CDATA[*/
    /* full width image slider */
    
    #cc-m-10360317968  {
        width: 100vw;
        left: calc(-50vw + 50%);
        position: relative;
        padding: 0px;
        height: auto;
    }
 
    #cc-m-10360317968 img {
        width: 100vw;
    }
 
/*]]>*/
</style>
 
 

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

28.12.2020 20:47

ostsee-fee
#3

os

ostsee-fee

Guten Abend,

suuuper Du hast mir sehr geholfen! Ich haber gestern Stunden daran gesessen. Der Fehler liegt wie immer vor dem PC und hat zwei Ohren!
Wenn Du erlaubst, ich habe noch eine Frage. Ich würde gerne den Header (keine Ahnung ob der Name richtig ist) gern etwas kleiner haben.

Gibt es dafür eine Möglichkeit? Sieht in der Mobil-Ansicht sehr breit aus. Wenn es nicht geht, keine Probelm - bleibt dann halt so.
|addpics|wdj-2-86c1.jpg|/addpics|

Antworten

Beitrag melden

#4

28.12.2020 23:30

Rupert
#4

Ru

Rupert

Du meinst die Navigationsleiste. :)
Glaube das liegt an deinem Logo.
Wenn du das Steuerrad links oder rechts neben die Schrift setzt, sollte sie etwas schmaler werden.

Gruß Rupi

Gruß Rupert

Antworten

Beitrag melden

#5

29.12.2020 17:12

ostsee-fee
#5

os

ostsee-fee

Hallo Ruppi,

ja, die Navigationsleiste meinte ich ;-)
Logo verkleinert und somit hat alles funktioniert. Vielen Dank für den Tipp!

Grüße von der Ostseeküste