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

Need help with left float

P: n/a
I can't make the drop-cap work on this paragraph, and then get the
paragraph to float left to align. Here is the code below; the URL is
http://www.china-ready.com/colly/chapter04/text1.htm

Thanks in advance,

Paul

/* CSS Document */

/* Specify blanket rules for all elements */
body {
margin: 10px;
border: 1px solid #000;
padding:10px;
font: normal 12px Verdana, Arial, Sans-serif;
line-height:150%;
}
/* paragraph styling */
p {
font: 12px verdana,arial,sans-serif;
text-indent:15px;
}
/* Create drop cap characters */
p dropcap:first-letter {
float: left;
font: 60px "Lucida Grande",Arial,sans-serif;
line-height: 50px;
}
h1, h2 {
letter-spacing:1px;
}
h1 {
font-family: Georgia, Times, serif;
text-transform:uppercase;
}
h2 {
font-family: "Helvetica Neue", Arial, sans-serif;
text-transform:none;
font-style:italic;
}
/* Style the blockquote */
blockquote {
margin: 0 0 0 20px;
line-height:150%;
font: italic small-caps bold 12px verdana,arial,"sans-serif"
}

Feb 22 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
pa************@gmail.com wrote:
I can't make the drop-cap work on this paragraph, and then get the
paragraph to float left to align. Here is the code below; the URL is
http://www.china-ready.com/colly/chapter04/text1.htm

/* paragraph styling */
p {
font: 12px verdana,arial,sans-serif;
text-indent:15px;
}
/* Create drop cap characters */
p dropcap:first-letter {
float: left;
font: 60px "Lucida Grande",Arial,sans-serif;
line-height: 50px;
}
I only looked at that portion above and clearly it is not the same
stylesheet applied to the URL provided.

You should really get your act together.

--
Gus
Feb 22 '07 #2

P: n/a
pa************@gmail.com wrote:
I can't make the drop-cap work on this paragraph, and then get the
paragraph to float left to align. Here is the code below; the URL is
http://www.china-ready.com/colly/chapter04/text1.htm
[Superfluous and incorrect CSS snipped]

width:.05em is pretty small. When FF shifts the rest of your <p>
content, .05em doesn't leave much space for your 12px drop-cap. ;-)

Tips: Don't use px for sizing text.
Don't use transitional in your doctype, use strict.
Turn off your stove shortly before the food is cooked and use the
residual heat to complete the cooking in an energy-efficient way.

--
John
Feb 22 '07 #3

P: n/a
pa************@gmail.com wrote:
I can't make the drop-cap work on this paragraph, and then get the
paragraph to float left to align. Here is the code below; the URL is
http://www.china-ready.com/colly/chapter04/text1.htm
As John mentioned, remove the width:0.05em from the dropcap style.
Also use a Strict DTD. You are not transitioning from 1995 code are you?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Feb 22 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.