Comments on: Creating Triangles in CSS http://www.dinnermint.org/css/creating-triangles-in-css/ I'm a freelance web developer living in San Francisco. This is my portfolio where I share my work, thoughts, and whatever else. Sat, 19 Jun 2010 09:03:38 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Jan http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-304 Jan Mon, 07 Jun 2010 12:59:25 +0000 http://www.dinnermint.org/?p=2239#comment-304 Problem with textlinks: Take the chat bubble example: make the arrows bigger, place a textlink after it - then you can't click the area in the text where the arrows extend into. Any idea how to solve this? Problem with textlinks: Take the chat bubble example: make the arrows bigger, place a textlink after it – then you can’t click the area in the text where the arrows extend into. Any idea how to solve this?

]]> By: Giving credit where credit is due | 812studio http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-302 Giving credit where credit is due | 812studio Thu, 06 May 2010 03:22:07 +0000 http://www.dinnermint.org/?p=2239#comment-302 [...] Creating Triangles in CSS by John Rohan – I used this info to make the comment bubble arrows. [...] [...] Creating Triangles in CSS by John Rohan – I used this info to make the comment bubble arrows. [...]

]]> By: jitendra http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-301 jitendra Wed, 05 May 2010 03:57:48 +0000 http://www.dinnermint.org/?p=2239#comment-301 How to make angle like this http://stashbox.org/881002/1104381445-My-Desktop.png How to make angle like this http://stashbox.org/881002/1104381445-My-Desktop.png

]]> By: Santillo Design » CSS Rounded Corners In All Browsers (With No Images) http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-299 Santillo Design » CSS Rounded Corners In All Browsers (With No Images) Tue, 04 May 2010 05:44:07 +0000 http://www.dinnermint.org/?p=2239#comment-299 [...] with, and I ended up using them all over jonraasch.com. Combining this with some box-shadow and this CSS triangle trick, I was able to make it so that the only image assets my site loads are its background, logo and [...] [...] with, and I ended up using them all over jonraasch.com. Combining this with some box-shadow and this CSS triangle trick, I was able to make it so that the only image assets my site loads are its background, logo and [...]

]]> By: ARTisani http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-298 ARTisani Mon, 03 May 2010 14:15:19 +0000 http://www.dinnermint.org/?p=2239#comment-298 css rules!! css rules!!

]]> By: Andreas Panagiotidis http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-297 Andreas Panagiotidis Tue, 27 Apr 2010 09:25:26 +0000 http://www.dinnermint.org/?p=2239#comment-297 Internet Explorer 7 (IE7) needs for the css-arrow-multicolor -Y line-height: 0 , as well. Please update your post, so others do not have to lose time trying it Very nice trick, thanks. Internet Explorer 7 (IE7) needs for the css-arrow-multicolor -Y line-height: 0 , as well.

Please update your post, so others do not have to lose time trying it
Very nice trick, thanks.

]]> By: 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) | Top Web Hosts Review Best Web Hosting 2010 http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-290 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) | Top Web Hosts Review Best Web Hosting 2010 Wed, 24 Mar 2010 22:52:13 +0000 http://www.dinnermint.org/?p=2239#comment-290 [...] Creating Triangles in CSS Few people realize that a browser draws borders at angles. This technique takes advantage of that. One side of the border is given the color of the arrow, and the rest are transparent. Then you give the border a large width; the ones above are 20 pixels. [...] [...] Creating Triangles in CSS Few people realize that a browser draws borders at angles. This technique takes advantage of that. One side of the border is given the color of the arrow, and the rest are transparent. Then you give the border a large width; the ones above are 20 pixels. [...]

]]> By: mako http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-289 mako Fri, 19 Mar 2010 21:56:38 +0000 http://www.dinnermint.org/?p=2239#comment-289 wow.... i've been looking for something like this... many thanks!! wow…. i’ve been looking for something like this… many thanks!!

]]> By: Joseph McCullough http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-287 Joseph McCullough Thu, 11 Mar 2010 17:42:15 +0000 http://www.dinnermint.org/?p=2239#comment-287 I'm not seeing the dotted or dashed in IE7. But regardless, this is an amazing find, and it must have been very satisfying to come across. I’m not seeing the dotted or dashed in IE7. But regardless, this is an amazing find, and it must have been very satisfying to come across.

]]> By: Shaimifch http://www.dinnermint.org/css/creating-triangles-in-css/comment-page-2/#comment-285 Shaimifch Tue, 23 Feb 2010 20:23:50 +0000 http://www.dinnermint.org/?p=2239#comment-285 Thk a lot for this useful trick :) Thk a lot for this useful trick :)

]]>