Message 1725 of 1761

CSS 'Drop Cap' example

This is my Drop Cap example....

Basic code copied from www.mandarindesign.com/troops.html# alphabetblocks




Do 'view source' to see the code necessary to accomplish this. Experiment with the settings in the STYLE definition. The M example has the style keywords on separate lines to help you identify them. The 'Michael' example makes some glaring changes to be sure you notice them!


M ichael likes to play with little snippets of code. Here is a sample. I set the overall paragraph width to 400 pixels. Next I placed unique styles on the SPAN tag, to control the presentation of the character 'M', which is the first letter in my name. I could also do my entire name. [see below] Just a little more text here so that you can see how it wraps around the drop cap.

Michael likes to play with little snippets of code. Here is a sample. I set the overall paragraph width to 400 pixels. Next I placed unique styles on the SPAN tag, to control the presentation of the characters 'Michael'.

mbotos's profile

W oohoo, Michael. I'm sure glad you like to play with little snippets of code (and that you put the code somewhere where I can copy it!). Thanks for this and for the link to the site. I started getting mesmerized by all the "little" snippets there. I'll add this to the help files later. I'm too busy playing with it now!

Mimi58's profile

over 3 years ago

Guilt is a terrible thing. I couldn't have fun thinking about the people who are not yet adept at using view source to get the code. So, I updated the codes to share file. Now I can go play with a clear conscience!

Mimi58's profile

over 3 years ago
Hey mbotos, I really like this! It's perfect for blogging, too.
Sylk's profile

over 3 years ago
AWESOME - love it, thank you!
Debirae's profile

over 3 years ago
Very cool, thanks.

Rich702's profile

over 3 years ago
Wow! Learn something new every day! Thanks! Rose
Roseartlefty's profile

over 3 years ago

Clueless! I can copy but I am still clueless as to what all the coding means. Be patient grasshopper, it will come with time and study!


over 3 years ago
Thanks i am learningstyle="clear:both;">
boomerinvegas's profile

over 3 years ago
vivian's in the houseMike Golby might like the background color y better ellow than gold.



another example of my genius...this is fun
boomerinvegas's profile

over 3 years ago

Eons Picks

Visit Eons-Only Specials
For a limited time, get FREE SmartSound Earbuds on purchases of $100+! Use the code “EONSBUDS” at checkout.

Eons Rewards Club
Great shopping deals & savings for Eons Members!

Save on Eons Games
Eons Downloadable Games. Now just $6.99!

Read Member Blogs
Eons has great blogs—read the latest from members or start yours!