Hallo leute,
wie könnte ich am einfachsten und besten eigenen rahmen für divs festlegen?.
erste überlegung war den oberen teil des rahmens aus dem jpg rauszuschneiden, den unteren und ein stück aus der mitte.das ganze in einem div untereinander plazieren und das mittlere stück repeaten nach y, somit könnte ich ja das div variabel in der höhe machen. aber nicht in der breite.
zweite überlegung war 1 hauptdiv und in dem div dann 9 unter divs einfügen (also 1 für linke obere ecke,1für rechte obere,1 für linke untere ecke,1 für rechte untere ecke,1 für oberen rahmen teil zwischen den ecken und 1 für unteren,1einen für links und rechts zwischen den ecken und 1 in der mitte für den inhalt) ist aber ein wenig aufwändig es zu gestalten.
letzte überlegung war das ganze rahmen als jpg verwenden und feste größe angeben. aber dann wären da erstmal große bilder und zweitens sind feste größen, das was ich eigentlich vermieden wollte.
vllt kann mir jemand hier ein paar tipps geben wie ihr das umsetzen würdet.
MFG
Eigenen Rahmen im Div(jpg/whatever)
Ich denke deine 3 Lösungansätze sind auch so die gebräuchlichsten (wenn ich Tabellenlayout mal weglasse ^^)
Wenn du keine feste Größe haben willst bleibt dir wohl bloß die 2. Variante oder aber du setzt schon auf CSS3 (Dort kannst du glaube ich den Rahmen ein Hintergrundbild geben oder mehrere Hintergründe in der Box positionieren).
Ich weiß auch nicht wie aufwendig deine Rahmengrafik ist... Vielleicht kannst du ja auch mit einfacheren Mitteln arbeiten:
Ich habe z.B. ein kleine schwarze, abgeschrägte Ecke links oben. Rest vom Bild ist transparent. Nun gebe ich der Div-Box mit CSS einfach eine Hintergrundfarbe und einen schwarzen 1px Rahmen. So habe ich nur 1 Div und trotzem ist die Box nicht mehr ganz so langweilig rechteckig.. - und trotzdem variabel in der Größe.
Google einfach mal nach "css runde ecken"...ich weiss, das sind keine Rahmen, aber die verwendeten Techniken ähneln sich doch stark.
So long...Maxx
naja meine Rahmen sind eigentlich ganz schlicht evenutell kriege ich es mit css style groove oder ridge hin. habe irgendwie an css styles garnicht gedacht. danke für den tipp:D
MFG
jaja, immer mit Kanonen auf Spatzen schießen ;)
gibt es denn eine möglichkeit css klassen zu kombinieren ohne dass die eigenschaften überschrieben werden?
weil ich habe für ein rahmen 3 verschachtelte divs. einer für schwarzen rahmen solid , einer für farbigen rahmen ridge und einer für ein schwarzen rahmen solid. also quasi ein rahmen um den rahmen herum. ich wollte das ganze kombinieren aber dann werden die bordereigenschaften einfach überschrieben.
MFG
http://www.w3.org/TR/CSS/cascade.html
Vielleicht hilft dir dies weiter.
Hab da eine nette lösung gefunden vor einiger zeit...
http://www.webdesignerwall.com/tutorials/css-decorative-gallery/
hoffe das hilft weiter...