5 svar · 532 visningar · startad av toddyd
Skulle vilja veta hur man skapar fält med runda horn och dropshadow utan att använda sig av en bild?
På tex http://www.swebusexpress.se så finns det några sådana fält som förklarar vad jag menar. Någon som sitter på bra länkar som förklarar hur detta går till?
:birp
till runda hörn http://www.cssplay.co.uk/boxes/snazzy2.html
swebusexpress.se består av en himla massa bilder på ett sätt som skulle kunna förenklas i flera steg.
jag gillar detta sätt http://www.alistapart.com/articles/fauxcolumns som tillsammans med en bakgrundsbild i header och footer kan ge sidan en snyggt rundad layout.
använder du smådivar med klasser kan du ha den övre rundningen i tex h4 och den nedre rundningen som en del av en längre bakgrundsbild.
Jag tycker den här lösningen ändå är smidigast. Man behöver inga bilder alls och det finns inga onödiga html-element som i cssplays lösning.
Kravet är bara att klienten har javascript påslaget och är det inte det visas boxen utan runda hörn.
Det går även att öka/minska textstorlek utan att det påverkar något.
Insider skrev:
Jag tycker den här lösningen ändå är smidigast. Man behöver inga bilder alls och det finns inga onödiga html-element som i cssplays lösning.
Kravet är bara att klienten har javascript påslaget och är det inte det visas boxen utan runda hörn.
Det går även att öka/minska textstorlek utan att det påverkar något.
Niftycube har exakt lika många onödiga HTML-element som CSSPlays lösning, bara det att den lägger till dem med javascript. Om man bryr sig om att DOM-trädet ska vara rent från skräp hjälper det inte att källkoden är fri från onödiga element...
Personligen föredrar jag CSS3 border-radius (finns experimentiell implementation i Gecko och WebKit med "-moz-" respektive "-webkit-"-prefix) eller, om det behöver fungera i IE, bilder.
