[CSS] "Rounded Corners"-Internet

det du försöker göra är css3 och det är lååååångt ifrån färdigt så därför funkar det bara i en handfull läsare opera vet jag kräver ett tillägg firefox också så använd gärna photoshop mer än css3 :) just nu

Citat av swechover

det du försöker göra är css3 och det är lååååångt ifrån färdigt så därför funkar det bara i en handfull läsare opera vet jag kräver ett tillägg firefox också så använd gärna photoshop mer än css3 :) just nu

Stora delar av css3 är redan implementerat av dom stora webbläsarna.

Citat av TwiztarN

Tjena! Jag har ett litet problem! Jag håller på med en hemsida som jag har börjat lägga in lite CSS design i och när jag kollar hur den ser ut så är den precis som jag vill ha den (rounded corners) när jag kollar i Firefox och Chrome men när jag kollar i andra webläsare tex Internet Explorer, Opera osv så funkar det av någon anledning inte!

Border radius stöds av alla morderna webbläsare det vill säja IE9+, FF, Webkit(Safari, Chrome) och Opera. Du måste däremot använda vendor prefix för att det ska funka i alla olika versioner. Prefixen är: -moz -webkit -o så en css coden bör se ut något sånt här:

Citat

border-radius:20px;/* ie9, ff4+, chrome 5+, opera 10.50+ */ -moz-border-radius:20px;/* ff1+ */ -webkit-border-radius:20px;/* safari 3+ chrome 3+ -o-border-radius:20px; /*opera*/

Tackar för hjälpen!!

Citat av sunkan

Du måste däremot använda vendor prefix för att det ska funka i alla olika versioner. Prefixen är: -moz -webkit -o

Det där är väl knappast "alla olika versioner"? Tänk på att det sitter ett flertal användare med äldre versioner av Internet Explorer där ute, så jag anser fortfarande att den bästa lösningen är att använda bilder.

Citat av Laxkotlett

Citat av sunkan

Du måste däremot använda vendor prefix för att det ska funka i alla olika versioner. Prefixen är: -moz -webkit -o

Det där är väl knappast "alla olika versioner"? Tänk på att det sitter ett flertal användare med äldre versioner av Internet Explorer där ute, så jag anser fortfarande att den bästa lösningen är att använda bilder.

Jag gillar att du ignorerade mitt på pekande att det funkar i alla moderna webbläsare. Och jag tyckte det var underförstått att jag menade i dom webbläsare jag meningen innan. Och rundade hörn är en kosmetisk detalj så då tycker jag att man kan falla tillbaka på kantiga hörn i äldre webbläsare då den extra html:n och css:n är så pass otymplig om man ska använda bilder.

Citat av sunkan

Citat av Laxkotlett

Citat av sunkan

Du måste däremot använda vendor prefix för att det ska funka i alla olika versioner. Prefixen är: -moz -webkit -o

Det där är väl knappast "alla olika versioner"? Tänk på att det sitter ett flertal användare med äldre versioner av Internet Explorer där ute, så jag anser fortfarande att den bästa lösningen är att använda bilder.

Jag gillar att du ignorerade mitt på pekande att det funkar i alla moderna webbläsare. Och jag tyckte det var underförstått att jag menade i dom webbläsare jag meningen innan. Och rundade hörn är en kosmetisk detalj så då tycker jag att man kan falla tillbaka på kantiga hörn i äldre webbläsare då den extra html:n och css:n är så pass otymplig om man ska använda bilder.

Med tanke på hur du formulerade inlägget så var det ytterst otydligt vad du egentligen menade. Själv skulle jag aldrig välja att lösa det här med CSS3, då jag vill att min webbsida ska se komplett ut i alla olika webbläsare oavsett vilken version man kör. Men om man inte tycker att det spelar någon roll så kan man väl använda CSS3 och låta en grupp besökare få sidan presenterad med en felaktig design.

Citat av sunkan

Citat av swechover

det du försöker göra är css3 och det är lååååångt ifrån färdigt så därför funkar det bara i en handfull läsare opera vet jag kräver ett tillägg firefox också så använd gärna photoshop mer än css3 :) just nu

Stora delar av css3 är redan implementerat av dom stora webbläsarna.

Citat av TwiztarN

Tjena! Jag har ett litet problem! Jag håller på med en hemsida som jag har börjat lägga in lite CSS design i och när jag kollar hur den ser ut så är den precis som jag vill ha den (rounded corners) när jag kollar i Firefox och Chrome men när jag kollar i andra webläsare tex Internet Explorer, Opera osv så funkar det av någon anledning inte!

Border radius stöds av alla morderna webbläsare det vill säja IE9+, FF, Webkit(Safari, Chrome) och Opera. Du måste däremot använda vendor prefix för att det ska funka i alla olika versioner. Prefixen är: -moz -webkit -o så en css coden bör se ut något sånt här:

Citat

border-radius:20px;/* ie9, ff4+, chrome 5+, opera 10.50+ */ -moz-border-radius:20px;/* ff1+ */ -webkit-border-radius:20px;/* safari 3+ chrome 3+ -o-border-radius:20px; /*opera*/

Sant, och om dem inte har en så pass ny webbläsare kan dem gott få kantiga hörn istället.