runde Ecken - oben funktioniert es, unten nicht
Verfasst: 03.11.2008 15:25
Hallo zusammen,
ich habe mir aus mehreren Styles und meinen eigenen Vorstellungen einen eigenen erstellt. Nun ergibt sich folgendes Problem:
Oben sind die Ecken rund, wie sie sollen:
[ externes Bild ]
Ein Stück Code aus der boarder.css als Beispiel:
Unten jedoch sind immer noch Ecken zu erkennen.
[ externes Bild ]
Ich habe die Ecken schon rot eingefärbt und dabei festgestellt (wenn ich die Positionen verändere), daß diese hinter dem weißen Layer liegen.
Hier ein Codeteil für unten:
Zwischen den Zwei Ecken liegt noch eine zentrale Grafik (auch weiß). Ich habe schon versucht diese auszublenden, aber das hilft auch nichts.
Hat jemand eine Idee?
Grüße Karsten
ich habe mir aus mehreren Styles und meinen eigenen Vorstellungen einen eigenen erstellt. Nun ergibt sich folgendes Problem:
Oben sind die Ecken rund, wie sie sollen:
[ externes Bild ]
Ein Stück Code aus der boarder.css als Beispiel:
Code: Alles auswählen
.top-left {
background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat;
background-position: 0 -20px;
margin-left: 1px;
margin-top: 0px;
margin-right: 9px;
}
Unten jedoch sind immer noch Ecken zu erkennen.
[ externes Bild ]
Ich habe die Ecken schon rot eingefärbt und dabei festgestellt (wenn ich die Positionen verändere), daß diese hinter dem weißen Layer liegen.
Hier ein Codeteil für unten:
Code: Alles auswählen
.bottom-left {
background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat;
background-position: 0 0px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
}
Zwischen den Zwei Ecken liegt noch eine zentrale Grafik (auch weiß). Ich habe schon versucht diese auszublenden, aber das hilft auch nichts.
Code: Alles auswählen
.bottom-center {
background-image: url("{T_THEME_PATH}/images/bg_footers.gif");
background-position: 0 0px;
height: 10px; font-size: 2px;
margin-left: 20px;
margin-top: -20px;
margin-right: 20px;
margin-bottom: -20px;
}
Grüße Karsten