Schräger Balken im Eck

[toxicteri]

Wohl ein nichtssagender Titel... Genauer gesagt möchte ich gerne in eine Website so einen Balken einbauen, in den ich auch etwas schreiben & den ich verlinken kann.

Danke schonmal für eure Tips!

 

[Talirion]

guck mal hier hab mal schnell was probiert....


LG & Viel Glück

 

[toxicteri]

Danke! Es verschiebt aber leider alles andere... und es ist nicht ganz in der Ecke - sorry, ich bin absolut kein Profi
Hier wärs:
entfernt

 

[Talirion]

Kann hier vom Handy aus leider nix genaues sagen oder besser zeigen, aber klar funzt das so nicht

Nimm mal nur das DIV auf deine Seite in dem die class rotate drin ist und auch nur deren CSS ....

Dann sollte das schon besser passen

Lg

 

[toxicteri]

Sicher klappt es, seh ich ja in deinem desk. Aber mit meinem restlichen Code passts wohl nicht zusammen. :/

 

[der-tim]

Moin,
probiere mal folgendes CSS für die class "rotate":

div.rotate {
    background: none repeat scroll 0 0 #C9087E;
    color: #FFFFFF;
    font-family: 'Verdana';
    font-weight: bolder;
    left: -50px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 30px;
    transform: rotate(-45deg);
    width: 175px;
}

und dann entfernst du im HTML noch den umschließenden div "masterDiv", sodass der "otate"-div allein steht un dnicht umschlossen wird.

Viel Erfolg!

 

[toxicteri]

Funktioniert leider nicht (Balken wird gerade). Aber vielen lieben Dank für deine Mühe!

 

[der-tim]

Hm,
das kann ich nicht ganz verstehen, das funzt eig. wenn ich es auf deiner Seite via Firebug eingebe. Gebe mal ohne Kopieren meines Scriots mauell zusätzlich zu deinem CSS für div.rotate folgende Eigenschaften hinzu: "position:absolute;" und "text-align:center;".

Und dann entfernst Du noch den umliegenden Container, wie oben beschrieben.
Dann sollte es eigentlich klappen. Wenn nicht, lass die Änderung bitte einfach mal online stehen, dann kann man noch einmal weiter sehen.

 

[toxicteri]

Jetzt gehts Danke Hatte das mit position:absolute zwar schonmal probiert, aber lag dann wohl am masterdiv.

 

[Talirion]

genau daran lag es deshalb hatte ich ja geschrieben nur den DIV rotate übernehmen ^^

hier nochmal schnell angepasst

LG