Shrinking list indent 1

[webmigit]

I have one of those javascripts that allows me to make lists collapsible... but the list indent requires a lot of room... is there a way to shrink that in css? html? javascript?

Any ideas, anyone?

Tony ALFII.com

http://www.alfii.com

---------------------
If this post answered or helped to answer your question, please reply with such so that forum members with a similar question will know to use this advice.

 

[elegidito]

it would help to see your code, but if theres something that says visible:none or something like that..replace it with

display:none

in your style part. "Those who dare to fail miserably can achieve greatly." - Robert F. Kennedy
So true..

 

[webmigit]

You can see how it appears on

http://www.ithinkpc.com

          <dir>  
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=78&quot;>Cases</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=79&quot;>Desktop</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=80&quot;>Power Supply</A></li>
</SPAN>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=1&quot;>CPU</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=24&quot;>AMD</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=25&quot;>Intel</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=27&quot;>Thermal Solutions</A></li>
</SPAN>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=2&quot;>Digital Cameras</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=62&quot;>Digital</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=63&quot;>Storage Cards</A></li>
</SPAN>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=4&quot;>Hard Drives</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=31&quot;>IDE</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=32&quot;>SCSI</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=33&quot;>Laptop</A></li>
</SPAN>
<li><A href=&quot;browseCats.cfm?CategoryID=4&quot;>more...</A></li>
</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=5&quot;>Memory</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=35&quot;>DDR</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=36&quot;>SDRAM</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=37&quot;>RDRAM</A></li>
</SPAN>
<li><A href=&quot;browseCats.cfm?CategoryID=5&quot;>more...</A></li>
</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=13&quot;>Mice & Keyboards</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=6&quot;>Modems</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=7&quot;>Monitors</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=57&quot;>CRT</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=58&quot;>LCD</A></li>
</SPAN>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=14&quot;>Motherboards</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=28&quot;>AMD</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=29&quot;>Intel</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=30&quot;>Server</A></li>
</SPAN>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=8&quot;>Multimedia</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=46&quot;>CDROM (IDE)</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=47&quot;>CDROM (Laptop)</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=48&quot;>DVD (IDE)</A></li>
</SPAN>
<li><A href=&quot;browseCats.cfm?CategoryID=8&quot;>more...</A></li>
</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=9&quot;>Networking</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=39&quot;>PCMICA</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=40&quot;>Router</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=41&quot;>Hub</A></li>
</SPAN>
<li><A href=&quot;browseCats.cfm?CategoryID=9&quot;>more...</A></li>
</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=70&quot;>NoteBooks</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=10&quot;>Printers</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=11&quot;>Software</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=59&quot;>OS</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=60&quot;>Office Tools</A></li>
</SPAN>

 <li><A href=&quot;/browseCats.cfm?CategoryID=61&quot;>Other</A></li>
</SPAN>

</ul> 
              <li id=&quot;foldheader&quot;>[<a href=&quot;#&quot; onclick=&quot;return false&quot;>+</A>] 
                <a href=&quot;/browseCats.cfm?categoryID=12&quot;>Video Cards</a> 
                
              </li>
              <ul id=&quot;foldinglist&quot; style=&quot;display:none&quot; style=&{head};>

 <li><A href=&quot;/browseCats.cfm?CategoryID=45&quot;>AGP</A></li>
</SPAN>

</ul> </dir>

ALFII.com

http://www.alfii.com

---------------------
If this post answered or helped to answer your question, please reply with such so that forum members with a similar question will know to use this advice.

 

[Boomerang]

Hi Tony,

You can set a negative text-indent with CSS, like:

<li style=&quot;text-indent:-10&quot;><A href=&quot;/browseCats.cfm?CategoryID=79&quot;>Desktop</A></li>

or better is to set it in your style sheet:
<style>
NegInd
{
text-indent:-10
}
</style>
<li class=&quot;NegInd&quot;><A href=&quot;/browseCats.cfm?CategoryID=79&quot;>Desktop</A></li>

Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->

 

[webmigit]

Gracias ALFII.com

http://www.alfii.com

---------------------
If this post answered or helped to answer your question, please reply with such so that forum members with a similar question will know to use this advice.

 

[theocraticmind]

For all your list styling needs, including a really cool menu bit, this is a good article.

http://www.alistapart.com/stories/taminglists/