Seite 1 von 1

runde Ecken - oben funktioniert es, unten nicht

Verfasst: 03.11.2008 15:25
von mbg
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:

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; 
       }          
Hat jemand eine Idee?


Grüße Karsten

Verfasst: 03.11.2008 16:00
von Lucan
Nen Link zum Forum wäre hilfreich.

Verfasst: 04.11.2008 14:37
von mbg
Link auf Anfrage ;)

Verfasst: 04.11.2008 16:55
von Lucan
Wenn ich das richtig sehe, sind das oben und unten jeweils Grafiken in den Ecken, also musst du für unten nur ein transparentes Bild erstellen, was diese runden ecken hat und durch das jetzige Bild ersetzen, dann sollte das ganze funktionieren.

Verfasst: 04.11.2008 17:32
von mbg
Das habe ich schon versucht. Ich lege in meinem Testforum nochmal meine orangen Ecken auf und mache Dir einen Screenshot. Vielleicht hast hast Du dann den richtigen Tipp für mich.

Verfasst: 04.11.2008 17:52
von mbg
[ externes Bild ]

Ich habe mir jetzt nicht die Mühe gemacht es genauer anzupassen, aber man sieht deutlich, daß die Ecke unter dem anderen Bild verschwindet.