webForumDet fria alternativet

Rundade hörn - nåt nytt?

HTML & CSSur HTML, XHTML & CSS

10 svar · 1 663 visningar · startad av silfver

Medlem sedan apr. 200312 679 inlägg
Frågan#1

Ska göra en knapp enligt bifogad bild och funderar lite på hur jag ska lösa det.

Har det hänt något nytt kring rundade hörn-fronten? Går det med css ännu? Eller måste jag spara två bilder (en aktiv och en för hover).

knapp.png
Medlem sedan aug. 20039 342 inlägg
#2

CSS3 innehåller en specifikation kring det, men den är inte klar än. Om du kan nöja dig med stöd i FF och Webkit (Alltså Safari+Chrome) så går det utmärkt.

http://www.the-art-of-web.com/css/border-radius/

Medlem sedan apr. 200312 679 inlägg
#3

Nja, vill ju helst att det ska fungera i de vanligaste webbläsarna så klart. Då även IE6+ och Opera.

Antar att jag får lösa det med bilder då. :)

Men att en sån enkel sak ska ta så lång tid att utveckla är ju anmärkningsvärt.

Medlem sedan sep. 2004828 inlägg
#4

Jag skulle rekommendera två (gånger två om du vill ha hover) bilder. en för högra sidan och en för vänstra sidan.
Då kan du fylla på med valfri text mellan bilderna och få det att se bra ut

Medlem sedan mars 2006296 inlägg
#5

Ett alternativ är att använda jQuery för de webbläsarna som inte stödjer css3.
http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html

Men om det bara är en knapp vi pratar om går det ju bra att lösa ändå.
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Medlem sedan juni 2006244 inlägg
#6

Det finns en uppsjö av lösningar för rundade hörn med CSS2 också.

http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

Medlem sedan apr. 200312 679 inlägg
#7

Nate.A skrev:

Ett alternativ är att använda jQuery för de webbläsarna som inte stödjer css3.
http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html

Den verkar intressant! Men länken "How To » jQuery Corners" fungerar inte. :(

Medlem sedan apr. 200312 679 inlägg
#8

Google guidade mig rätt.

Min lösning hittades här:
http://www.methvin.com/jquery/jq-corner-demo.html

Tack alla.

Medlem sedan apr. 200312 679 inlägg
#9

Fan vad svårt det här ska vara! Jag får huvudbry.

Jag vill göra en meny med rundade hörn på mina länkar med bakgrund. Är det omöjligt med jQuery eller är jag bara efterbliven när det kommer till script?

Tacksam för all hjälp.

Medlem sedan okt. 2007264 inlägg
#10

http://www.roundpic.com/

Medlem sedan apr. 200312 679 inlägg
133 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)