 How Can I Indent Text A Specified Amount, (every line, not just the first) |
|
|
|
|
  |
  Dec 9 2006, 02:27 PM
Post
#1
|
|
|
A clever man learns from his own mistakes, a WISE man learns from those of OTHERS  Group: [HOSTED] Posts: 1,035 Joined: 12-April 06 From: Essex, UK Member No.: 21,719  |
Hey all
I'm working on several pages in HTML using external CSS formatting and i need a table for navigation along the left hand side with links in it and i want the text to sit next to this table to the right the entire length of the page even though the table will end, probably about half way down. eg: QUOTE ____ ____| text text text ____| text text text ____| text text text ____| text text text ------text text text ------text text text (the "-"'s are to add spacing as i cant use multiple spaces. See how the text stays in line and doesn't revert to going back to the left hand side of the browser window as it normally would) The problems im having are: 1) text-indent only indents the first line of every paragraph not every line of the text 2) position: absolute/relative mean that i have horizontal scrolling even though the text doesn't go over the browser window width, it seems there is unseen space which makes the page scroll horizontally. 3) i don't really want my table to stretch to fit the entire page as it has its own background colour and wouldn't look too great (but if this is the only way i can use cells with no bgcolor property methinks or add another hidden table to act as padding but then i have another problem with how do i make sure that table goes down as far as the text and not farther/shorter? if you can help me solve that then i can use this method) the CSS i used for the position attribute is as follows: CODE p{color: #6e6edb; font-family: Century Gothic, Century, Arial, System, Times New Roman; [b]position:relative; left:150;} [/b] if theres something i can do to change that code then im open to suggestions! Thanks |
 |
 
|
|
Dec 9 2006, 03:10 PM
Post
#2
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing.  Group: [MODERATOR] Posts: 4,076 Joined: 24-July 05 From: Linix, DOS and Windows…the good, the bad and the ugly Member No.: 9,787  |
Have you tried putting a margin-left on the div or block of code that you want indented?
I would float:left the div with the links and then margin:left the div with the content a similar amount as the width of the float. Post back if you need a code snippet. |
|
|
|
|
Dec 9 2006, 03:45 PM
Post
#3
|
|
|
Desperately seeking "any key" to continue...  Group: Admin Posts: 3,478 Joined: 23-April 05 From: Trap17 storage box Member No.: 6,042 |
Formatting style of PADDING would work as well.
CODE <div style="padding: 0 0 0 10px;"> where the sequence goes: top, right, bottom, left |
|
|
|
|
Dec 9 2006, 03:56 PM
Post
#4
|
|
|
A clever man learns from his own mistakes, a WISE man learns from those of OTHERS Group: [HOSTED] Posts: 1,035 Joined: 12-April 06 From: Essex, UK Member No.: 21,719 |
Genius! Works perfectly, just used a DIV with margin-left and it works fine. Cant believe it was so simple, thought it was going to be my downfall and ive had the same problem so many times but never found this solution lol
Thanks 
|
|
|
|
|
Dec 9 2006, 04:08 PM
Post
#5
|
|
|
Desperately seeking "any key" to continue... Group: Admin Posts: 3,478 Joined: 23-April 05 From: Trap17 storage box Member No.: 6,042 |
Topic resolved. Please PM a moderator if you wish to continue this topic.
|
|
|
|
|
Similar Topics
| Topics | Topics | |
|---|---|---|
|
|
|
|
Lo-Fi Version | Time is now: 6th October 2008 - 02:29 PM |