ugrás a tartalomhoz

Div elem sarkainak lekerekítése

beabee · 2006. Már. 12. (V), 14.48
Hogy lehet egy szegéllyel ellátott DIV tag sarkait lekerekíteni? Esetleg külön-külön is, pl: csak a felsőket. Válaszokat előre is köszi.
‹ JavaScript HTML <map> tag-ből SHTML vs keresők ›
 ■
1

sarok

winston · 2006. Már. 12. (V), 14.51
hát az úgy fogod tudni megcsinálni, hogy olyan hátteret adsz neki. viszont akkor mondj le a css által csinált div keretről, egyszerűen beteszel egy lekerekített doboz alakú hátteret, amibe van rajzolt keret.
2

blogmark

Anonymous · 2006. Már. 12. (V), 15.00
pont most van kint a főoldalon egy ilyen blogmark: css lekerekítések gyűjteménye.

van háttérképes és háttérkép nélküli megoldás is.

gex
3

javascript

winston · 2006. Már. 12. (V), 15.06
a nem hátteres megoldások számomra újak voltak, viszont, ha jól látom, akkor az összes nem hátteres javascriptet használ. (blogmarkot meg nem láttam, sorry)
4

nem mindegyik

Anonymous · 2006. Már. 12. (V), 15.15
igen, van olyan is, ami javascriptet használ, azonban azok között is van pár, ami css definíciókra épül, csak az ahhoz tartozó html tag-eket hozza létre js segítségével.

Stu Nicholls nagyszerű bevezetője a css lekerekítéshez.

gex

u.i: én is ezt használom, nagyon jó.
5

ízlés szerint

winston · 2006. Már. 12. (V), 15.30
részemről szeretem nem belekeverni a js-et a designba, az általad linkelt módot meg valahogy kicsit túlkomplikáltnak érzem. én maradok a hátteres megoldásnál. de ez csak ízlés dolga. egyénként itt a weblaboron is volt egy cikk a dobozolásról: http://weblabor.hu/cikkek/dobozolas
6

tisztán css

Anonymous · 2006. Már. 12. (V), 15.53
személy szerint én sem szeretem a js-t, úgyhogy direkt olyat linkeltem be neked, ahol tisztán css-re épülő megoldásról írnak. ;)
a lekerekítendő doboz előtt és után lévő pár darab b tag-et pedig egyáltalán nem érzem bonyolultnak, bár az tény, hogy nem szép, de ez már tényleg ízlés dolga.

gex
7

Tiszta CSS

Anonymous · 2006. Már. 12. (V), 16.57
border-radius
Kizárólag CSS, kizárólag CSS3, kizárólag FF és(?) Opera
8

erre nem építenék egyelőre

Anonymous · 2006. Már. 12. (V), 20.37
ez az oldal kizárólag ff-ben /1.5.0.1/ megy nálam /opera 8.51, ie6/, abban is csak félig-meddig. ráadásul, ha jól látom itt is kell -moz előtag, ami távolról sem a szabvány.

gex
9

nifty corners

inti · 2006. Már. 13. (H), 11.34
keress rá erre google-ben és egy egyszerűen használható css-js-hacking megoldást fogsz találni. Jelenleg a legtöbb böngészőben életre lehet kelteni és szép.

Üdv
inti