webForumDet fria alternativet

avrundade hörn och dynamisk satt bredd på innehållet

HTML & CSS

2 svar · 214 visningar · startad av jme

Medlem sedan maj 20012 237 inlägg
Frågan#1

Hej

Kikade på denna sida:

http://www.boogiedesign.com/files/articles/041031_div_design/design2/

Skaparen har avrundade hörn. Den vita areans bredd är fixerad, dvs den har ett fast värde.

Skaparen har gjort det så, att den översta, vita delen är en bild, där båda ändorna är avrundade.

Samma sak gäller för den undre delen.

Jag vill ha det enligt ovanstående modell, dock med den skillnaden, att bredden skall inte vara bestämt i förväg och att de avrundade hörndelarna skall vara separata bilder. Mellan-delen skall repeteras med 'repeat-x'.

Medlem sedan juli 20013 378 inlägg
#2

Hmm...

Kan du tänka dig att få liknande möjligheter och samma funktion med bara två bilder och utan repeat-x ?
Se http://www.456bereastreet.com/archive/200406/flexible_box_with_custom_corners_and_borders/ i så fall

Annars har du olika användbara tekniker som var för sig borde kunna uppfylla alla dina krav i dessa tre:
http://www.alistapart.com/articles/onionskin/
http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/

;)

Medlem sedan maj 20012 237 inlägg
#3

En bra början, tack!

Ska kika på dem...
Återkommer, ifall jag har fler frågor. ;)

270 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)