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, 08:14 PM
phoenixaz phoenixaz is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Feb 2008
Posts: 490 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: 4 Days 17 h 52 m 32 sec
Reputation Power: 25
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 29th, 2009, 12:07 AM
Nilpo's Avatar
Nilpo Nilpo is offline
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Jun 2006
Location: Salem, OH
Posts: 1,877 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 8 h 39 m 25 sec
Reputation Power: 967
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, 02:23 PM
phoenixaz phoenixaz is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Feb 2008
Posts: 490 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: 4 Days 17 h 52 m 32 sec
Reputation Power: 25
That was very helpful, thank you!

Reply With Quote
  #4  
Old June 29th, 2009, 05:18 PM
Nilpo's Avatar
Nilpo Nilpo is offline
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Jun 2006
Location: Salem, OH
Posts: 1,877 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 8 h 39 m 25 sec
Reputation Power: 967
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 05: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!
 
How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.

 
Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.

 
Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.

 
Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.

 
Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.

 

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





© 2003-2009 by Developer Shed. All rights reserved. DS Cluster 1 Hosted by Hostway
Stay green...Green IT