dennis3484
Ensign
- Registriert
- Apr. 2003
- Beiträge
- 146
Hallo zusammen,
ich versuche gerade einen Ribbon auf meiner Webseite einzufügen. Leider funktioniert es nicht so, wie ich es gerne hätte. Ich habe position: relative; und position: absolute; verwendet, um das Bild zu positionieren, das Problem ist jedoch, dass es anschließend nicht im Vordergrund dargestellt wird.
Folgenden Code habe ich verwendet:
Evtl. ist es auch hilfreich direkt auf der Webseite vorbeizuschauen. Der Link dazu ist hier. (Benutzer: tmp / Passwort: tmpuser)
Aussehen soll es am Ende übrigens so:
Vielen Dank für eure Hilfe!
Dennis
ich versuche gerade einen Ribbon auf meiner Webseite einzufügen. Leider funktioniert es nicht so, wie ich es gerne hätte. Ich habe position: relative; und position: absolute; verwendet, um das Bild zu positionieren, das Problem ist jedoch, dass es anschließend nicht im Vordergrund dargestellt wird.
Folgenden Code habe ich verwendet:
HTML:
.ribbon { position: relative; }
.ribbon h3 {
background: url("images/ribbon.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: Tahoma,arial,serif;
font-size: 1.4em;
height: 34px;
padding: 7px 0 0 17px;
position: absolute;
right: -36px;
width: 244px;
z-index: 200;
}
Evtl. ist es auch hilfreich direkt auf der Webseite vorbeizuschauen. Der Link dazu ist hier. (Benutzer: tmp / Passwort: tmpuser)
Aussehen soll es am Ende übrigens so:
Vielen Dank für eure Hilfe!
Dennis