Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Hi, Leute. Also mir stellt sich folgendes Problem, ich will die Links abgerundeten Ecken & rechts abgerundeten Ecken als Rahmen definieren (phpBB3). Sprich komplett rund um die Beiträge, Themen, Module usw. ziehen. Der dazu im CSS verwendete Bereich "Corners" macht aber leider alles nur das was ich will nicht, sobald ich die Ecken größer definiere hab ich gravierende Verschiebungen drinnen.

Für die Javascript funktion, transparent Hintergründe und Co hats ja noch gereicht.... aber hier muss ich zugeben das ich leider kein Licht am Ende des Tunnels seh

Daher benötige ich bitte eure Hilfe!
So hier mal der betreffend CSS teil und der Forum Link, damit ihr wisst was ich meine

Code:

/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
        font-size: 1px;
        line-height: 1px;
        display: block;
        height: 5px;
        background-repeat: no-repeat;
        }
span.corners-top {
        background-image: none;
        background-position: 0 0;
        margin: 0 -5px;
        }
span.corners-top span {
        background-image: none;
        background-position: 100% 0;
        }
span.corners-bottom {
        background-image: none;
        background-position: 0 100%;
        margin: 0 -5px;
        clear: both;
        }
span.corners-bottom span {
        background-image: none;
        ;
        background-position: 100% 100%;
        }
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
        margin: 0 -10px;
        }
span.corners-top {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
span.corners-top span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }
span.corners-bottom {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
span.corners-bottom span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }

/***************************************************************/
#cp-main span.corners-top {
        background-image: url("http://2img.net/i/fa/empty.gif");
        }
#cp-main span.corners-top span {
        background-image: url("http://2img.net/i/fa/empty.gif");
        }
#cp-main span.corners-bottom {
        background-image: url("http://2img.net/i/fa/empty.gif");
        }
#cp-main span.corners-bottom span {
        background-image: url("http://2img.net/i/fa/empty.gif");
        }

/***************************************************************/
#cp-main .panel #topicreview span.corners-top {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
#cp-main .panel #topicreview span.corners-top span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }
#cp-main .panel #topicreview span.corners-bottom {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
#cp-main .panel #topicreview span.corners-bottom span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }

Forumsadresse is ffxivhardcore.forumkostenlos.com

P.s:

Zwei "kleiner Sorgenkinder hab ich noch"
1. Find ich im CCS den Hintergrund der einzellnen Beiträge nicht um ihm einen Transparenten Hintergrund zu verpassen, und
2. Ist der Hintergrund der Smiliebox immer noch Schwarz obwohl die CSS auf ein Transparendes png verwaist

So genug für heute, würd mich über Hilfe freuen

Hallo

so, wie du dir das vorstellst, wird das leider nicht funktionieren.

wenn du mal ins CSS folgendes eingibst:

Code:

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
height:20px;
}

dann wirst du sehen, dass die Ecken sichtbar werden, jedoch der seitliche Rahmen nicht.

Das würde dann so aussehen:


dort einen seitlichen Rahmen mit einer Grafik einzufügen, ist leider noch nicht möglich, da das erst ab CSS3 machbar ist, worauf wir alle sehnsüchtig warten.

Das heißt im Klartext ich muss sie Als Html einzel als Images Programmieren (hab gar nicht auf die CSS Version geguckt bin 4.0 gewöhnt ;-) das riecht iwie nach sehr viel arbeit

Ich glaub ich schließe mich beim warten an

du bist CSS4 gewöhnt?
Naja, ich freu mich erstmal auf die Einführung von CSS3, die wohl noch ein wenig auf sich warten lässt.
Dann ist es auch möglich, Border mit einem Hintergrundbild zu versehen...

Wenn du mir zeigst, wie du das dann am Ende gelöst hast, dann würde ich mich freuen, denn für Tipps bin ich immer dankbar

Sollt ich es hinbekommen werd ich es posten

P.s. Gibts eigendlich ne möglichkeiten den kompletten Seitenquelltext an zu zeigen (außer über meinen Browser denn der Zeigt ja nur die jeweilige Seite an) damit ich mir beim einbinden leichter tu. Oder hab ihr den aus Sicherheitsgründen weck gepackt?

nee, wir haben gar nichts weggepackt...

kennst du das Add-on für den FF -> Firebug? Der sollte dir eine große Hilfe sein...versuchs mal damit

Ui, nö kannt ich net geiles app