By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,952 Members | 1,737 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,952 IT Pros & Developers. It's quick & easy.

Drop Cap in a Table

P: n/a
Hello,

I have versified text in a table, where each table row contains a
verse. Like :

Verse 1
Verse 2
Verse 3
Verse 4

I want to "drop cap" using CSS the first letter of Verse 1. Like :

| | erse 1
| | Verse 2
Verse 3
Verse 4

Any suggestions?

I don't think it can be done by splitting the rows in two columns. The
reason is that I cannot know how many rows the drop cap requires,
because I only use relative font size in my page. The only solution I
see is if the drop cap is an image. Like an image of the letter "V". In
that case, I need the image to automatically push right the text. The
problem is that the text is in multiple rows, so the image needs to be
floating over the table. I don't know if that's possible.

Thanks!

Feb 10 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a
pe**********@hotmail.com wrote:

I want to "drop cap" using CSS the first letter of Verse 1. Like :

| | erse 1
| | Verse 2
Verse 3
Verse 4
Completely ignoring the highly dubious use of a table...
Any suggestions?
<td rowspan="2">.
I don't think it can be done by splitting the rows in two columns. The
reason is that I cannot know how many rows the drop cap requires,
because I only use relative font size in my page. [...]

If the text size is relative, the drop cap sizes at the same scale as
the rest of the text. So why would its height be unknown?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Feb 10 '06 #2

P: n/a
In article <11**********************@o13g2000cwo.googlegroups .com>, pepsi_cola40 writes:
Hello,

I have versified text in a table, where each table row contains a
verse. Like :

Verse 1
Verse 2
Verse 3
Verse 4

I want to "drop cap" using CSS the first letter of Verse 1. Like :

| | erse 1
| | Verse 2
Verse 3
Verse 4

Any suggestions?
Take it out of the table and it's simple:

CSS:
P.FirstStanza:first-letter {font-size: 180%; float: left;}

HTML:
<p class="FirstStanza">
Twas brillig, and the slithy toves<br>
Did gyre and gimble in the wabe:<br>
All mimsy were the borogoves,<br>
And the mome raths outgrabe.<br>
</p>
I don't think it can be done by splitting the rows in two columns.
Well, it can, but why do it that way? Lines of poetry don't sound
too tabular to me.
The
reason is that I cannot know how many rows the drop cap requires,
because I only use relative font size in my page.
If you make the drop cap 200%, it'll take up two rows.
The only solution I
see is if the drop cap is an image. Like an image of the letter "V".
This is backwards. The image won't resize with the text, which means
that, if you use it, you won't know how many rows it requires.
In
that case, I need the image to automatically push right the text.
Just float the image to the left.
The
problem is that the text is in multiple rows,


The real problem is that the text is in a table in the first place.

--
Michael F. Stemper
#include <Standard_Disclaimer>
A bad day sailing is better than a good day at the office.

Feb 13 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.