HTML - How To Double Indent?

This is not my expertise and you guys are a great help! I've got all of the copy on the page, but everything is along the left margin. I want to indent a few bullet points and paragraphs. What html do I use? Thx.

I would like to know if there is such a thing as a tag within a table, that can collapse if the next table within that prior one gets too big to center?

Here is an example of a part of my code:

Code:

      <table style="width:757; border-style:solid; border-width:thin; margin:0 0 15px 0">
       <tr><td class="spb-category" width="750" style="text-align:left;" colspan="3">Title of this category</td></tr>       
       <tr>
        <td valign="top" width="33%">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=103">large size book title with author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=187">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=197">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
         </table>        </td>
        <td valign="top" width="33%">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=101">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=188">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=120">Medium sized boot title</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
         </table>        </td>
        <td valign="top" width="33%">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=102">a very long title of a book which includes the author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
         </table>
        </td>
       </tr>
      </table>

1. I want to center each column so that the first letter of each book title is lined-up, but that the longest title on each column has equal space on both left and right.

2. If you look at each column, the width is about 245px. With regard to the first book title in the first column, I have 50px that is extra, therefore I'd like to automatically add 25px to the front of each one of the books for that column.

3. On the second column, there is about 80px extra, therefore I'd like to auto-add 40px to the front of each book in that column.

My problem is that I don't want the column centered individually because then I will lose the straight line that I'd like each book to be on top of each other as it starts the line.

I tried:
style="margin-left:20px"
and
style="padding-left:20px"
but when the title got too long it would not auto-collapse the left side, I want it to collapse!

I want one tag that I can insert evenly on every section to get the push to the right an even amount of spaces for every book on each column.

If it comes down to it, I wouldn't mind sacrificing that each column gets auto aligned to what is necessary for its own column. So if I have to use one number, say 30px, for the whole webpage, then ok, I'd do it.

My problem is that sometimes the 30px empty filler space for the left, in order to push the title to the right, is not enough space for a very long title and it winds up sending half the title to the next line, which I don't want.

This code is a list of books that spans about 20 categories and about 400 book titles.

Thanks in advance for any help you might offer.

Hi there. I am upkeeping a website in wordpess and one of the posts has links which always appear to be double-spaced. I want them to be single-spaced. I have tried changing around the html coding and such but it has not changed the spacing. I don't know much about html so my attempts have been experimentational. The html tags in there are ul, li and a href=. I've tried taking each out to no avail. What should I do? Thank you very much for your help.

I've got a scanned in document that has been processed by OCR - Omnipage - and saved as html.

The paragraphs often list five or six items.

Most of the paragraphs are single space but some are double spaced. In the original all are single spaced.

I would like them all to be single spaced.

The code seems very complicated with 'spans' and 'divs' and 'box' and 'style' and long lists of parameters repeated frequently. Too frequently I imagine, machine generated stuff, but I'm not an html coder.

The point is I couldn't figure out for the life of me what it was that caused one para to be double spaced and another to be single spaced.

Here's a sample of the code that causes double spacing (hope its okay to put snippets of code in these posts, moderator? )
<p><span
style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">*
To be informed of, and involved in, Centre Management and practices;</span></p>
<p><span
style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">*
To have accessibility to information about the Centre through written
policies and programs; and </span></p>
<p><span
style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">*
To be provided with support and assistance in the parenting role. </span></p>
<p
style="margin: 4.8px 0px 9.6px 9.6px; background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; line-height: normal;">&nbsp;</p>
</div>
<div class="Box"
style="border: 0pt none rgb(255, 255, 255); background-color: rgb(255, 255, 255); width: 549.65pt; left: 99.15pt; top: 1107px; height: 192px;">
<p

What I'm planning to do now is copy the whole section and paste to notepad to get rid of all html and then pick it up again and put it back into html.

I've tried NVU, Frontpage and Dreamweaver and I can't find a way in any of them to simply strip out all the crap and - obviously - I can't find a way to strip out this double spacing thing.

regards,

ab

I'm coding a simple HTML email in BBedit. Everything looks perfect and opens up fine in most email client, Gmail, yahoo, hotmail... all but Outlook 2007. Apparently Outlook doesn't like HTML because it keeps adding an extra space between sentences and extra spaces after all my <p> and <br /> tags.

Does anyone know what code I have to add to fix this issue? I've searched the web for the past two days and can't find an a clear answer.

Thanks!

I've seen this used but I can't find any info on what it's meant to do.

example:

<<style>#saleDiv{display:none;}</style>>

It's a user entered css on a social site.

Code:

<p><center><table width="50%" bgcolor="black" cellpadding="20px"><tr><td><a href="index.html">Home</a></td><td><a href="imglist.html">Img list</a></td></tr><td><a href="about.html">About</a></td></tr></table></center></p>

in ie the center works fine, but in firefox its almost 2 inches to the left of being center, why would that be? ive tried to change the precent and all, but that doesnt do a thing.

Hi,

I had a previous post but have changed teh way teh links are styled so thought it need a new subjest to solve a different problem.

The links in teh bottom left column appear nicely in IE but have double line spacing in FF

Here is the link www.creativecogs.com/new

Here is the CSS style for the links in questions

Code:

.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	color:#6ba033;
}

and the HTML

Code:

<p><span class="links"><a href="#" class="links">Web Design Somerset</a><br>
<a href="#" class="links">Web Design Dorset</a><br>
<a href="#" class="links">Web Design Devon</a><br>
<a href="#" class="links">Web Design Yeovil</a><br>
<a href="#" class="links">Web Design Taunton</a><br>
<a href="#" class="links">Web Design Bath</a><br>
<a href="#" class="links">Web Design Bridgewater</a></span></p>

Any ideas how to stop the double line spacing in FF?

I have tried using ul and li tags but i come accross other problems posted in this thread http://www.htmlforums.com/html-xhtml...tml#post596995

A soultion to either one would be appreciated.

CC_DESIGN

Ok, I'm in the process of creating a file explorer using 2 cgi scripts and one html file. The html file creates 2 frames, and calls 1 of the cgi scripts in each frame. The cgi scripts are written in python and html code.
What I want I need to do is be able to click on a directory in the left frame and it opens it up in the right frame, while also opening the directory up in the left frame. Now link is dynamic seing as there are several directories. So I want to make it so that when I click on the directory link, it opens two links, modifying both frames.

So I tried adding this underlined code in my code in the script that is called in the left frame: frame2 is the name of the second frame.

#!/usr/bin/python


print "Content-type: text/html\n\n"

import re,os,sys


def arbre(repertoire):
liste=os.listdir(repertoire)
print "<html>" +str(sys.argv[1])+ "<html>"
for fichier in liste:
if os.path.isdir(repertoire+"/"+fichier):
print "<html>" "<div style='position:relative; top:15; width:500; height:20;'>" "<a href='http://localhost/cgi-bin/liste.cgi?"+str(sys.argv[1])+"/"+str(fichier)+"' onClick='parent.frame2.location.href='http://localhost/cgi-bin/contenu.cgi?"+str(sys.argv[1])+"/"+str(fichier)+"'>" "<img src='http://localhost/apache2-default/repertoire.gif' width='25' height='25' alt='blarr' align=left border=no>" "</img>" "</a>" "<h5>" ,fichier, "</h5>" "</div>" "</html>"



arbre(sys.argv[1])

This does not work, the left frame(frame1) works the same, but the second frame is not modified, help please?

This might you give you a better idea of what I'm talking about:

Please help.
I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E.

hello wizards,

i am trying to create a site with image links which open a link in a new window and then the image changes.
the target url of the link needs to be hidden too.

the method will be repeated various times on the page.

please help, i dont have any idea how to get a double function of the onclick command.

any help would be great.

cheers

confusedidiot

Hi
I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it.
Please help me
Thank you.

Please help.
I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E.



----------------------

I hand coded my website myself, but whilst working perfectly in IE, there are some problems when viewing it using Firefox.

Specifically, the table rows have double-spacings (scroll down to the 'Education' section he www.lombrozo.co.uk/resume.html), and also table borders have a 3D look (a black border to emphasise the shadow), again, this shadow is not visible in IE...

Any ideas anyone? Any help would be most appreciated!