also, du meinst, den Border auf den Seiten und unten ganz normal mit border-left, border-right etc. und das Dach als Extra-Element?
Beiträge von Malebo
-
-
Ok, danke, aber wie geht es dann?
Grüße
-
Hallo Zusammen,
ich habe ein Problem mit einem CSS, welches ich mir nicht erklären kann. Auf meiner Seite http://web.yogastuff.de versuche ich, 3 Gridelementen ein Hintergrundbild zu verpassen,
so dass der Inhalt dynamisch bleiben kann, aber der Rahmen eine Art Haus abbildet.Bisher habe ich es mit folgender CSS probiert und wie man sehen kann, wirkt das CSS auch:
.vc_gitem-animated-block {border-left-width: 0px;
border-left-style: solid;
border-color: #000000;
border-image: url("http://web.yogastuff.de/wp-content/uploads/2015/07/haus1.png") !important;
background-image: url("http://web.yogastuff.de/wp-content/uploads/2015/07/haus1.png" ); width: 100%;
/*background-image: url("http://web.yogastuff.de/wp-content/plu…gitem_image.png"); display:none;*/
height: 600px;
background-repeat: none;
}Eigentlich will ich aber ein border-image einbauen, damit das Bild ein Rahmen ist und eben kein Hintergrundbild.
Weiß jemand Rat?
Viele Grüße
Matthias
-
Hallo Zusammen,
meine Frage ist etwas knifflig. Genau das richtig für einen Tüftler. Ich habe hier eine Seite mit einem Grid (1 Zeile, 3 Spalten)
Wie man sieht, versuche ich als Rahmen ein Bild zu verwenden. Ein hausähnliches Bild und der Inhalt soll dynamisch bleiben.
So dass immer aktuelle News in den jeweiligen Häusern zu sehen sind.Das Problem ist aber, dass das Bild hinter der Box liegt und nicht obendrauf. Ferner soll es eigentlich ein border-image sein.
Das habe ich schon versucht. Meine CSS sieht so aus:.vc_gitem-animated-block {border-left-width: 0px;
border-left-style: solid;
border-color: #000000;
border-image: url("http://web.yogastuff.de/wp-content/uploads/2015/07/haus1.png") !important;
background-image: url("http://web.yogastuff.de/wp-content/uploads/2015/07/haus1.png" ); width: 100%;
/*background-image: url("http://web.yogastuff.de/wp-content/plu…gitem_image.png"); display:none;*/
height: 600px;
background-repeat: none;
}die CSS border-image scheint nämlich so nicht zu funktionieren. Weiß jemand Rat?
Viele Grüße
Matthias
-
Link
Ohne Link zur Seite um das Problem live zu sehen leider nicht ...
Das ist der Link:
-
Hallo Zusammen,
sicherlich nerve ich mit meiner Frage, aber ich stehe wirklich auf dem Schlauch. Ich habe ein Template, welches in Header, Navigation, Content und Footer eingeteilt ist. Nun möchte ich einen zusätzlichen Contentbereich erstellen,
den ich genauso füllen kann, wie meinen bisherigen Contentbereich.
Ich war aber nicht ganz untätig und habe bereits einen zweiten Footer angelegt und zwar mit dem Plugin Sidebar Managment. Nur, ich bekomme den Footer nicht auf die ganze Breite (also ganzer Bildschirm) wie meinen Contentbereich.
Hintergrund dessen ist, ich will einen neuen Bereich einfügen, der die ganze Bildschirmbreite ausfüllt. Dieser braucht eine eigene Hintergrundfarbe.Kann mir jemand helfen?
Grüße
Malebo
