[Hjalmarsson]

bwah! skulle då vart en avslutande som vart lite feg och rymde från mitt svar.

[grinditwp]

Ursprungligen postat av Cosma

Det är kan man bara använda om man vill ha runda hörn med css:en, det är en slags kant, och om man inte är så noga med att det ska funka i dem äldre å läsarna kan du prova..
-moz-border-radius: 4px; -webkit-border-radius: 4px;
http://developer.mozilla.org/En/CSS:-moz-border-radius
Förhoppnings så blir det standard med CSS3.

Originally posted by -Lundmark@Oct 16 2008, 16:39
Jag föredrar http://www.webdesignskolan.com/css-effekte...tm#roundcorners

Originally posted by -Thir13teen@Oct 16 2008, 17:12

Jag har tänkt många gånger att det måste gå att göra på det där sättet men inte sett något exempel tidigare. Fin stämning.

Alla av ovannämnda sett är jätte bra, problemet är juh dock om man vill ha en lite flashigare backgrundsbild eller lite skuggade kanter osv. Därför är just tekniken som används på BBB's sida och liknande intressanta.

[grinditwp]

Ursprungligen postat av Hjalmarsson

Självklart använder jag en lite större bild i min dagliga kodning men diggar inte alls tanken med en universal lösning för att få till runda hörn.
Låt säga vi har en kolumn som är en lista.. (kan låta en wrapper div gå igenom här, allt ska ju ha betydelse till sidan och markupen formad där efter)
Som sagt beror ju helt på hur designen är uppbyggd för att koda så optimalt som möjligt, men principen iaf.
div
ul
li
h2/h2
p/p
li
/ul
/div
Bam 5 block-level element behövs det något mer? (visst paragrafen kan vi räkna bort, men ändå.. 4 element = 4 bilder (4 olika positioneringar av samma bild syftar jag ju då på))

Originally posted by -Lindahl@Oct 16 2008, 21:47
Håller med Hjalmarsson. Tänker man till lite behöver man inte alls många taggar. En h2 eller ul funkar alldeles utmärkt att sätta en bakgrund på.
Massa onödiga div är lika osemantiskt som att köra med tabeller...

Man kan alltid sträva efter olika saker. Att få en sida med perfekt ren kod som är lätt förståelig oavsett användare. Eller sida som är grafiskt tilltalande. Hur som så strävar man alltid efter en sida som laddar in snabbt och som fungerar lika för alla.

Innan man kan avgöra om en lösning är rätt eller fel måste man räkan in en den faktorer, vem vänder man sig till? vad är syftet? vad tjänar vi? vad förlorar vi?

Vad tjänar man på att använda "css-sprites-teknik"?
Man får betydligt mycket mindre HTTP-requests och man får en mer återanvändbar design.

Det är inte alltid lika viktigt att en sida har helt "perfekt" kod, många läser aldrig koden. De flesta ser dock designen.

Hur som helst så handlade inte denna tråd om "bästa" lösningen på "problemet", utan om tekniken som BBB använde sig av, och även newgrounds, och gamespot.

Ursprungligen postat av KarlRoos

.top .center, .bottom .center
{float left;}
.top .left
{float left; width 10px; height 10px; background urltop_left.png top left no-repeat;}
.top .right
{float right; width 10px; height 10px; background urltop_right.png top left no-repeat;}
.bottom .left
{float left; width 10px; height 10px; background urlbottom_left.png top left no-repeat;}
.bottom .right
{float right; width 10px; height 10px; background urlbottom_right.png top left no-repeat;}

div
div class=top
div class=left/div
div class=center/div
div class=right/div
/div
div class=content
Content
/div
div class=bottom
div class=left/div
div class=center/div
div class=right/div
/div
/div

Otestat men borde fungera, inte för rörigt.

Heh, tack för visat intresse... Men nästa gång kanske du orkar skapa dig en uppfattning om vad vi diskuterar

[harding-85]

kul lösning ändå, men varför duger inte den tekniken? kanten såg ju rund ut, räcker inte det? eller e jag helt ute å cyklar (som vanligt :P )

[allstars]

Originally posted by (Lundmark @ Oct 16 2008@ 16:39)

Jag föredrar http://www.webdesignskolan.com/css-effekte...tm#roundcorners

hemsk markup

[Jokke]

Ursprungligen postat av Robert

och för oss som vill ha antialiasing så blir det där inte så bra...

http://www.spiffycorners.com/

[Hjalmarsson]

Originally posted by Jokke@Nov 7 2008, 10:23

http://www.spiffycorners.com/

Hemsk markup