Message 1120 of 1156

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

about 1 year 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

about 1 year ago
Hey mbotos, I really like this! It's perfect for blogging, too.
Sylk's profile

about 1 year ago
AWESOME - love it, thank you!
Debirae's profile

about 1 year ago
Very cool, thanks.


Rich702's profile

about 1 year ago
Wow! Learn something new every day! Thanks! Rose
Roseartlefty's profile

about 1 year 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!


about 1 year ago
Thanks i am learningstyle="clear:both;">
boomerinvegas's profile

about 1 year 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

about 1 year ago