Moin,
Ich sitz schon seit einer Stunde vor einem Problem, welches sich nicht lösen lässt und ich auch nichts gefunden habe über Google.
Mein Problem ist eigentlich ganz Simpel, ich habe auf einer Webpräsenz ein DIV angelegt. In diesem DIV möchte ich nun abgerundete Ecken haben.
border-radius ist dein Freund.
Jetzt habe ich 3 Bilder.
Ihh, abgerundete Ecken mit Bildern... :D
Den linken Teil mit den zwei abgerundeten Ecken links
Den mittleren Teil, der repeatet wird
Den rechten Teil, mit den zwei abgerundeten Ecken rechts
Nun möchte ich gerne den linken Teil anzeigen lassen, dann den mittleren Teil für eine bestimmte Länge repeaten, dann am schluss den rechten Teil anzeigen lassen.
Schau dir mal diesen Artikel an, wenns unbedingt Bilder sein sollen...
Im CSS sieht es momentan so aus:
background-image: url("img/left.png"), url("img/center.png"), url("img/right.png");
background-repeat: no-repeat, repeat-x, no-repeat;
background-position: left, center, right;
width: 200px;
Wenn du schon CSS3 nimmst (multiple Backgrounds _sind_ CSS3) kannst du doch auch border-radius nehmen, oder?
Gruß,
Take