eerder topic   volgend topic
  
Ronde hoeken voor gebruik op website
19 juli 2010 - 16:02   
geplaatst door: Iris1969
hallo vrienden,

op jacht naar ronde hoeken (hoeken kunnen toch niet rond zijn?? :confused:  ). Maar, ik heb niks gevonden. Ja, een site met nifty corners cube. Heb de daar genoemde codes wel ingecopieerd in mijn site, maar de hoeken worden nog niet rond.

Heeft iemand de gouden tip? (en bij voorkeur in DW CS5 zelf en niet via Photoshop oid).

Ik hoor graag.

thanks

Iris  

Ronde hoeken voor gebruik op website
19 juli 2010 - 16:07    reactie #1
geplaatst door: marcone
1001 manieren, eerste hit bij google "rounded corners css" zegt:

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

Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain
Ronde hoeken voor gebruik op website
19 juli 2010 - 16:15    reactie #2
geplaatst door: Iris1969
thanks....

I did it in dutch.......


groetjes


Iris

Ronde hoeken voor gebruik op website
19 juli 2010 - 16:15    reactie #3
geplaatst door: DTP2
Ronde hoeken voor gebruik op website
21 juli 2010 - 21:42    reactie #4
geplaatst door: Ward
[+]  
  •    [+]  
Ronde hoeken voor gebruik op website
6 augustus 2010 - 11:46    reactie #5
geplaatst door: Jeo

Citaat
Ward om 21:42, 21-07-2010
CSS3 gebruiken is het beste:
http://www.css3.info/preview/rounded-border/

Het probleem van CSS3 is niet zozeer CSS3, maar de ondersteuning van Internet Explorer, of in ieder geval het gebrek daaraan. En laat nu 70% van de mensen die browsers nog gebruiken.

Het beste, op dit moment, is toch echt ronde hoeken als plaatjes inladen in je pagina's.

Ik ben het 100% met je eens dat CSS3 de mooiste oplossing is, maar dan moeten we wachten tot iedereen een browser gebruikt die het ondersteunt.

Alles voor Grafici: http://www.grafistore.nl
Ronde hoeken voor gebruik op website
6 augustus 2010 - 12:12    reactie #6
geplaatst door: andre65
CSS code
Code: [Selecteer]

border: thin outset #CCC;

border-radius: 10px; /* future proofing */
-khtml-border-radius: 5px;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;

Dit laatst lopen uitzoeken!! En het werkt :-)

Ronde hoeken voor gebruik op website
8 augustus 2010 - 23:22    reactie #7
geplaatst door: Ward

Citaat
Jeo om 11:46, 6-08-2010

Citaat
Ward om 21:42, 21-07-2010
CSS3 gebruiken is het beste:
http://www.css3.info/preview/rounded-border/

Het probleem van CSS3 is niet zozeer CSS3, maar de ondersteuning van Internet Explorer, of in ieder geval het gebrek daaraan. En laat nu 70% van de mensen die browsers nog gebruiken.

Het beste, op dit moment, is toch echt ronde hoeken als plaatjes inladen in je pagina's.

Ik ben het 100% met je eens dat CSS3 de mooiste oplossing is, maar dan moeten we wachten tot iedereen een browser gebruikt die het ondersteunt.

Neen, je laat gewoon de ronde hoeken voor de browsers die het ondersteunen en de rest krijgt rechte hoeken. Als iedereen images blijft gebruiken vindt niemand het nodig te upgraden naar een nieuwe browser. Het is hetzelfde als programma's schrijven die ook nog werken in OS9... Het gaat, maar je gaat nooit de kwaliteit hebben moest je vooruit denken. http://dowebsitesneedtolookexactlythesameineverybrowser.com/

[+]  
  •    [+]  
Ronde hoeken voor gebruik op website
10 augustus 2010 - 18:36    reactie #8
geplaatst door: Peter Villevoye
Misschien even ter verduidelijking:
Zolang de CSS3 nog niet officieel is, kunnen er nog verschillen kunnen optreden tussen de CSS-properties die sommige vooroplopende browsers al gebruiken en wat het officieel wordt. Daarom dat deze browser "custom" CSS-properties (met hun engine-naam voorop) ondersteunen, zodat de echte naam (en instellingen) van de property straks niet in conflict komt met de officiële.

Dreamweaver CS5 met de HTML5/CSS3 LabPack ondersteunt deze nieuwe mogelijkheden ook, compleet met die custom-properties (handig vanwege code-hints).

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
  
eerder topic   volgend topic