Comments on: Nice Drop caps with CSS http://www.onyx-design.net/featured/nice-drop-caps-with-css/ A weblog about webdesign, webdevelopment, css, php and other webrelated topics. Tue, 01 Jun 2010 09:29:28 +0200 http://wordpress.org/?v=2.8.4 hourly 1 By: Fabian http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-1412 Fabian Tue, 01 Jun 2010 09:29:28 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-1412 @Stephane, p is in fact a block element, not an inline one. @Stephane, p is in fact a block element, not an inline one.

]]> By: stephane http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-1367 stephane Mon, 30 Nov 2009 08:26:29 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-1367 I wonder if it's correct tu use a display block in an inline element as p!? The solution proposed by Rich in his <a href="http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-121" rel="nofollow">comment</a> seems more correct... Otherwise i like the idea of the background image, i never thought of that... thank you! :) I wonder if it’s correct tu use a display block in an inline element as p!?

The solution proposed by Rich in his comment seems more correct…

Otherwise i like the idea of the background image, i never thought of that… thank you! :)

]]> By: Adam C http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-1342 Adam C Wed, 14 Oct 2009 12:25:20 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-1342 I love CSS, but when will the <em>browsers</em> love CSS in a consistent fashion. I want to do the drop cap effect using advanced selectors <code>h1 + p:first-letter</code> but I'm sick of having to thing...oh wait, IE6 doesn't support any advanced selectors, IE7 supports some but not all and so on...grrr. Angry web designer. I love CSS, but when will the browsers love CSS in a consistent fashion. I want to do the drop cap effect using advanced selectors h1 + p:first-letter but I’m sick of having to thing…oh wait, IE6 doesn’t support any advanced selectors, IE7 supports some but not all and so on…grrr. Angry web designer.

]]> By: Using CSS to Do Anything: 50+ Creative Examples and Tutorials « Knowledge Articles http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-813 Using CSS to Do Anything: 50+ Creative Examples and Tutorials « Knowledge Articles Tue, 11 Aug 2009 07:57:58 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-813 [...] Nice Drop caps with CSS- Using the :first-letter pseudo-element, you can easily create nice drop caps with CSS. No extra HTML or Javascript required and IE5+ browser support. [...] [...] Nice Drop caps with CSS- Using the :first-letter pseudo-element, you can easily create nice drop caps with CSS. No extra HTML or Javascript required and IE5+ browser support. [...]

]]> By: » 50多个极富创意的CSS演示和教程 | 零食屋 http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-758 » 50多个极富创意的CSS演示和教程 | 零食屋 Thu, 02 Jul 2009 00:51:14 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-758 [...] Nice Drop caps with CSS- 使用 :first-letter属性来实现的下沉效果 . 不需要额外的HTML 或Javascript且支持 IE5以上版本的浏览器. [...] [...] Nice Drop caps with CSS- 使用 :first-letter属性来实现的下沉效果 . 不需要额外的HTML 或Javascript且支持 IE5以上版本的浏览器. [...]

]]> By: Selección de 19 tipografías en formatos vectoriales | Cosas sencillas http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-734 Selección de 19 tipografías en formatos vectoriales | Cosas sencillas Wed, 29 Apr 2009 06:01:54 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-734 [...] también colocando un gráfico, pero con más control, utilizando CSS tal y como lo muestran en ONYX DESIGN, con el siguiente código: p:first-letter { display:block; float:left; border:1px solid black; [...] [...] también colocando un gráfico, pero con más control, utilizando CSS tal y como lo muestran en ONYX DESIGN, con el siguiente código: p:first-letter { display:block; float:left; border:1px solid black; [...]

]]> By: WEB 3.0 » Blog Archive » ¿Así que querías saber (casi todo) de CSS? http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-729 WEB 3.0 » Blog Archive » ¿Así que querías saber (casi todo) de CSS? Sat, 18 Apr 2009 01:33:48 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-729 [...] Nice Drop Caps with CSS - Fabian van Luyn [...] [...] Nice Drop Caps with CSS – Fabian van Luyn [...]

]]> By: Joomla panel http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-709 Joomla panel Wed, 28 Jan 2009 16:51:49 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-709 Its great tutorials drop cap, could you post how to add for the code Drop cap letter in other to work on CMS Editor, many thanks for share it. Its great tutorials drop cap, could you post how to add for the code Drop cap letter in other to work on CMS Editor,
many thanks for share it.

]]> By: Hats http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-521 Hats Thu, 21 Aug 2008 09:23:41 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-521 Hello! I liked your blog and benefited from your posts. I'll be very interested in your further posts. Thanks. Hello! I liked your blog and benefited from your posts. I’ll be very interested in your further posts. Thanks.

]]> By: Jackson http://www.onyx-design.net/featured/nice-drop-caps-with-css/comment-page-1/#comment-477 Jackson Fri, 13 Jun 2008 20:06:36 +0000 http://www.onyx-design.net/weblog2/css/nice-drop-caps-with-css/#comment-477 I've noticed something strange happening when I try to implement text-only drop caps using the :first-letter pseudo-element and was wondering if anyone could verify. It seems that if I don't make adjustments to margin and padding, it lines up perfectly in Safari for Mac, but in Firefox for Mac (versions 2 and 3RC) the vertical alignment is messy. If I adjust for Firefox, Safari is misaligned. I don't have a PC to test in IE; does anyone know how the vertical alignment works in IE? I’ve noticed something strange happening when I try to implement text-only drop caps using the :first-letter pseudo-element and was wondering if anyone could verify. It seems that if I don’t make adjustments to margin and padding, it lines up perfectly in Safari for Mac, but in Firefox for Mac (versions 2 and 3RC) the vertical alignment is messy. If I adjust for Firefox, Safari is misaligned. I don’t have a PC to test in IE; does anyone know how the vertical alignment works in IE?

]]>