GOod Afternoon. I am doing a website for a drama group.
I would like to do a really big leading first letter (like a monogram letter) then continues into the regular size and font.
I tried to do the letter in 96px then the rest of the font normal. and then did a shift for the line to bring it up next to that letter.
but then you have a huge space between that line and the next one.
There must be a simpler way of doing this. Can any one please help?
the only other way I am thinking is 2 graphic boxes one with the letter and the underneath one wrapping around that…
If you are using a graphic box for your initial cap, then it’s as
simple as setting that graphic to Align left (float left). The rest of
the text will wrap around it like a proper drop cap. If you’re using
HTML text for the first letter, then open that style you created when
you edited the one letter using the Styles palette editor and use the
Extended button to add:
Name: float
Value: left
If you really want to fiddle, you can also add negative margin-left to
this same style, which will pull the drop-cap out of the column of
text. Depending how much you add, the drop cap can even be a hanging
cap.
Name: margin-left
Value: -30px
Fiddle with that value until it looks right.
Walter
On Jun 14, 2011, at 3:23 PM, swimmer35 wrote:
GOod Afternoon. I am doing a website for a drama group.
I would like to do a really big leading first letter (like a
monogram letter) then continues into the regular size and font.
I tried to do the letter in 96px then the rest of the font normal.
and then did a shift for the line to bring it up next to that letter.
but then you have a huge space between that line and the next one.
There must be a simpler way of doing this. Can any one please help?
the only other way I am thinking is 2 graphic boxes one with the
letter and the underneath one wrapping around that…
Dave, I could not find that thread. Thank you for posting it.
J
On Jun 14, 2011, at 4:16 PM, Walter Lee Davis wrote:
If you are using a graphic box for your initial cap, then it’s as simple as setting that graphic to Align left (float left). The rest of the text will wrap around it like a proper drop cap. If you’re using HTML text for the first letter, then open that style you created when you edited the one letter using the Styles palette editor and use the Extended button to add:
Name: float
Value: left
If you really want to fiddle, you can also add negative margin-left to this same style, which will pull the drop-cap out of the column of text. Depending how much you add, the drop cap can even be a hanging cap.
Name: margin-left
Value: -30px
Fiddle with that value until it looks right.
Walter
On Jun 14, 2011, at 3:23 PM, swimmer35 wrote:
GOod Afternoon. I am doing a website for a drama group.
I would like to do a really big leading first letter (like a monogram letter) then continues into the regular size and font.
I tried to do the letter in 96px then the rest of the font normal. and then did a shift for the line to bring it up next to that letter.
but then you have a huge space between that line and the next one.
There must be a simpler way of doing this. Can any one please help?
the only other way I am thinking is 2 graphic boxes one with the letter and the underneath one wrapping around that…
Well, I can’t find my example file, though I’m sure someone out there downloaded it so it’s floating around somewhere.
Julie, there are many tutorials on how to do this with CSS (Google: css drop caps) but you need to get hands-on with implementing it. Here’s one, http://safalra.com/web-design/typography/css-drop-caps/ but look around for others.
Thank you Todd.
I will look, but will also try the steps from Walter. I am code illiterate LOL
J
On Jun 14, 2011, at 4:45 PM, Todd wrote:
Well, I can’t find my example file, though I’m sure someone out there downloaded it so it’s floating around somewhere.
Julie, there are many tutorials on how to do this with CSS (Google: css drop caps) but you need to get hands-on with implementing it. Here’s one, http://safalra.com/web-design/typography/css-drop-caps/ but look around for others.
Thanks to DeltaDave who had a copy of my Drop Cap example I can now post a new link (for those interested) to the FW example that was mentioned earlier in this thread. This was done a long time ago so there may be browser issues. Dave’s example is probably the better choice at this point, but still, here you go, http://www.xiiro.com/demo/drop_cap/index.html.