...

View Full Version : My Sitemap and its upsetting layout



AndyArmstrong
06-27-2007, 04:10 PM
Ok so i wanted to create a simple sitemap.

Was going well and this is it so far :



<ol style="list-style-type='upper-roman'" start="1">
<a href="'"><li>Homepage</li></a>
<a href="'"><li>Services</li></a>
<ul>
<pre> <a href="'"><li>Supply and Install</li></a></pre>
<pre> <a href="'"><li>Consultancy</li></a></pre>
<pre> <a href="'"><li>Training</li></a> </pre>
</ul>


<a href="'"><li>Products</li></a>
<ul>
<tab> <a href="'"><li>Commercial</li></a>
<ul>

<pre>. </pre> <a href="'"><li>Pyrtec</li></a>
<pre> </pre> <a href="'"><li>Pyrot</li></a>
<pre> </pre> <a href="'"><li>Dyn</li></a>
<pre> </pre> <a href=""><li>Eco</li></a>
<pre> </pre> <a href="'"><li>Kunzel</li></a>
<ul>
<pre> </pre> <pre> </pre> <a href=""><li>Log</li></a>
<pre> </pre> <pre> </pre> <a href=""><li>Pellet</li></a>
</ul>
</ul>

<tab> <a href="'"><li>Domestic</li></a>

<ul>
<pre> </pre> <a href=""><li>Your needs</li></a>
<pre> </pre> <a href="'"><li>Kunzel</li></a>
<ul>
<pre> </pre> <pre> </pre> <a href=""><li>Log</li></a>
<pre> </pre> <pre> </pre> <a href=""><li>Pellet</li></a>
</ul>
</ul>
</ul>

<a href="'"><li>Case Studies</li></a>

<a href="'"><li>Links</li></a>

<a href="'"><li>Downloads</li></a>

<a href="'"><li>Contact Us</li></a>

However what is nasty about it is, no indentation on the sub levels of menu! Such as:

Homepage
Services
product 1
product 2
Products
prod 1
sub prod 1

.........you get the picture!(or maybe not because this as well removes my formatting :()

I have tried <tab> as I thought it was a command - it isnt i dont think, or at least it dosnt work. I also tried ising <pre> but this doesnt work well either!

Can anybody suggest anything?!

Thanks

Andy Andy:D :D

rmedek
06-27-2007, 05:38 PM
What are you using to create the sitemap? It looks like you're using a program that's inserting all sorts of stuff you don't need.

Mark it up with unordered lists. Style it with CSS. That is all. :)

AndyArmstrong
06-29-2007, 10:06 AM
I coded it from the start to finish!?

CSS wont do as I need, because I want a stepped layout - with css u couldnt add to one level , or you would need like 8 classes, one for each level...

Jutlander
06-29-2007, 11:32 AM
I find it hard to understand what it is you exactly want, but you can do a lot with CSS.

For example, make a class called indent or whatever and apply that to the list items that you want indented.



CSS
li.indent {
text-indent: 40px;
}

HTML
<li class="indent">Text</li>

(of course within an ol or ul)

AndyArmstrong
06-29-2007, 12:08 PM
but if i have:

home

product
.,....product 1
............sub product 2
......product 3

services
etc etc etc, i will need a new class for each level of indent.

Jutlander
06-29-2007, 01:52 PM
i will need a new class for each level of indent.

Yes. :)

AndyArmstrong
06-29-2007, 02:00 PM
lol right...

koyama
07-01-2007, 12:20 AM
but if i have:

home

product
.,....product 1
............sub product 2
......product 3

services
etc etc etc, i will need a new class for each level of indent.
Alternatively, you could use nested lists. Then all you would need would be something like this


ol {
margin-left: 0;
padding-left: 40px;
}



<ol>
<li>[...]</li>
<li>[...]
<ol>
<li>[...]</li>
<li>[...]</li>
</ol>
</li>
<li>[...]</li>
<li>[...]</li>
</ol>
It would also degrade nicely when styles are disabled.

rjoiram
07-01-2007, 02:38 AM
You could try adding a series of &nbsp; before each indent?

Jutlander
07-01-2007, 10:37 AM
That wouldn't be semantic at all and it is generally more trouble to it, harder to maintain.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum