HTML, JavaScript And CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
Go Back   ASP Free ForumsProgrammingHTML, JavaScript And CSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old June 28th, 2009, 07:14 PM
phoenixaz phoenixaz is offline
Contributing User
ASP Free Novice (500 - 999 posts)
 
Join Date: Feb 2008
Posts: 565 phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 5 Days 9 h 36 m 49 sec
Reputation Power: 26
CSS - Indent entire paragraph not just first line

I am stuck here. I wanted to not only indent the first line, but all the lines. Basically a margin on both sides. This is my code....

Code:
<style type="text/css">
/* basic formatting */
body {font:76% normal verdana,tahoma,arial,"sans serif";text-indent: 10px;}
h1 {font:1.7em georgia,"times new roman",helvetica,verdana,"sans serif";text-indent: 10px;}
p {line-height:1.4em;text-indent: 10px;}
</style>


Would appreciate your help.

Thanks

Reply With Quote
  #2  
Old June 28th, 2009, 11:07 PM
Nilpo's Avatar
Nilpo Nilpo is offline
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Jun 2006
Location: Salem, OH
Posts: 1,905 Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)  Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1
Time spent in forums: 1 Week 2 Days 11 h 16 m 7 sec
Reputation Power: 969
Send a message via ICQ to Nilpo Send a message via AIM to Nilpo Send a message via MSN to Nilpo Send a message via Yahoo to Nilpo Send a message via Google Talk to Nilpo Send a message via Skype to Nilpo Send a message via XFire to Nilpo
Facebook MySpace Orkut
That sounds like a job for padding.
css Code:
Original - css Code
  1. p {
  2.   line-height:1.4em;
  3.   text-indent: 10px;
  4.   padding:10px;
  5. }
Although, if you're using em for your line units, you really ought to be using em's for your indentation and padding units as well.

I'd recommend reworking a little bit. You're specifying a body text size of 76%, which is not a standard size. You should make that 75% or use one of the values below. Your value falls between standard sizes.

12px = 0.75em = 75% = 9pt

With all of that established in em's, you can go back and adjust your paddings.


Based on a body font size of 0.75em (75%, or 12px), a 10px space is 0.833em.

Voila! Liquid layout to your specifications.
css Code:
Original - css Code
  1. /* basic formatting */
  2. body {
  3.   font:0.75em normal Verdana,Tahoma,Arial,"Sans Serif";
  4.   text-indent:0.833em;
  5. }
  6. h1 {
  7.   font:1.7em Georgia,"Times New Roman",Helvetica,Verdana,"Sans Serif";
  8.   text-indent:0.833em;
  9. }
  10. p {
  11.   line-height:1.4em;
  12.   text-indent:0.833em;
  13.   padding:0.833em;
  14. }
Comments on this post
phoenixaz agrees: perfect..thanks
__________________
Don't like me? Click it.

Scripting problems? Windows questions? Ask the Windows Guru!

Stay up to date with all of my latest content. Follow me on Twitter!

Help us help you! Post your exact error message with these easy tips!

Reply With Quote
  #3  
Old June 29th, 2009, 01:23 PM
phoenixaz phoenixaz is offline
Contributing User
ASP Free Novice (500 - 999 posts)
 
Join Date: Feb 2008
Posts: 565 phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level)phoenixaz User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 5 Days 9 h 36 m 49 sec
Reputation Power: 26
That was very helpful, thank you!

Reply With Quote
  #4  
Old June 29th, 2009, 04:18 PM
Nilpo's Avatar
Nilpo Nilpo is offline
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Jun 2006
Location: Salem, OH
Posts: 1,905 Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)Nilpo User rank is General (90000 - 100000 Reputation Level)  Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1Folding Points: 214558 Folding Title: Super Ultimate Folder - Level 1
Time spent in forums: 1 Week 2 Days 11 h 16 m 7 sec
Reputation Power: 969
Send a message via ICQ to Nilpo Send a message via AIM to Nilpo Send a message via MSN to Nilpo Send a message via Yahoo to Nilpo Send a message via Google Talk to Nilpo Send a message via Skype to Nilpo Send a message via XFire to Nilpo
Facebook MySpace Orkut
Quote:
Originally Posted by phoenixaz
That was very helpful, thank you!
You are most welcome, my friend.

Last edited by Nilpo : June 29th, 2009 at 04:27 PM.

Reply With Quote
Reply

Viewing: ASP Free ForumsProgrammingHTML, JavaScript And CSS Help > CSS - Indent entire paragraph not just first line


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump





 Free IT White Papers!
 
Create the Optimal Architecture for your Critical Applications
Warburton's the largest independently owned bakery in the UK faced a number of difficult challenges in providing the most robust yet efficient IT infrastructure for their organization's success. IBM's services combined with their xSeries servers created the perfect platform for their SAP environment with sufficient flexibility, and did so in very time effective fashion.

 
Five Best Practices for Deploying a Successful Service-Oriented Architecture
This white paper describes the benefits you can expect with SOA, and how IBM can help take your business there.

 
Gartner Magic Quadrant for Application Delivery Controllers
Gartner summarizes its view on Application Delivery Controllers, evaluates strengths and weaknesses of solutions, and provides Magic Quadrant reporting for a quick comparison across all vendors. Learn from Gartner how you can benefit from an all-in-one device like Citrix NetScaler that delivers the highest levels of availability, performance and security.

 
Knowledge is Power
What you don't know can hurt you, and is likely costing you money and increasing your security risks during an era of scarce resources. This white paper proposes six key strategies that enterprise security managers can use to improve their network defense posture.

 
Rationalizing the Multi-Tool Environment
The rationalized multi-tool approach is flexible, scalable and cost effective. It provides the necessary input to the IT service management business processes. It preserves prior investments in monitoring tools, empowers technologists to select the best tools with which to do their jobs, and enhances effective response to incidents.

 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2010 by Developer Shed. All rights reserved. DS Cluster 4 Hosted by Hostway
For more Enterprise Application Development news, visit eWeek