473,394 Members | 1,932 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,394 software developers and data experts.

Need help with left float

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
3 1618
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Oddball | last post by:
I have a problem with the positioning of two divisions. They are containined within a content division in which all the page content happens (ie not the menus, etc.). The behavior I would like...
1
by: books1999 | last post by:
Hi there, I have a problem with this css/div and i cannot work it out. I would like either container to be able to push the background box to grow but in Firefox it overflows. Can someone find a...
2
by: george.leithead | last post by:
Hi all, I have a very strange problem! In following Web page (which is generated from a CMS System), the navigation to the left 'dissapears' when you roll the mouse over the links? It does not...
11
by: shapper | last post by:
Hello, I am creating a centered web site with various div's inside the main (pBase) div. Somehow, I am getting a gap on the top of my browser window both in IE and Firefox. I tried...
3
by: charchap | last post by:
hello. I'm experiencing problems with my css code (once again) working with Firefox and not working with IE 6 or 7 I have a problem with my head_logo_inner not too sure what's going on . Here is...
6
mikeinspain
by: mikeinspain | last post by:
Hi Guys.. Hope someone can help. I have a problem with a particular page on one of the sites I am developing. The page is here: http://tagwealth.co.uk/contact/. The pages renders fine in...
7
by: arupfrancis | last post by:
Hi, I am trying to create a colored box using background images. I am able to do it easily using tables but doing it in divs is proving to be an issue. Moreover IE and Mozilla also seems to be...
3
by: rassklass | last post by:
HI all, I have designed a site found at www.pickupnewspapers.co.uk/nottinghamshire/index.html but I cant get the footer to sit stil on the page. It is because of the javascript ticker, everytime...
0
victorduwon
by: victorduwon | last post by:
Hi Folks, i have a list based navigation menu with two tiers of navigation. The second tier displays when the tabs on the first tier are hovered over. The problem I have is that when the tabs are...
8
by: azjudd | last post by:
Thank you in advance for your help on this one. I'm using named anchor tags on a FAQ page with questions listed at the top and answers below; a standard jump-to feature. However, anytime an anchor...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.