You may also need to use the 'allWrap' to get at the parts outside the linkwrap. eg.

tt_content.menu.20.2.1.NO.allWrap = <br /><b>|</b>&nbsp;
tt_content.menu.20.2.2.NO.allWrap = <i>|</i>&nbsp;
tt_content.menu.20.2.3.NO.allWrap = <i>|</i>&nbsp;
tt_content.menu.20.2.4.NO.allWrap = <i>|</i>&nbsp;

ps. TYPO3Wizard.com this comments text box could be bigger to type in. Thanks

Enjoy,
Matthew
--
www.aoline.co.uk

How do you get at the <font> tag enclosing the sitemap code? I tried about everything, from 'allWrap' to 'wrap' and 'fontTag'. 'wrap' seems to insert code into the right place, but i can't get rid of the <font> tag...

Does anyone have an idea how I can create a sitemap with images (or the images in the media field to be used)?

I found the answer
So:

1. Edit the TScongfig of the RootPage adding the following lines (this will add a new menu type in the sitemap content element):
TCEFORM.tt_content.menu_type {
addItems {
99 = Page with abstract and image
}
}

2. Add the following lines at the bottom of the TypoScript Template
tt_content.menu.20 = CASE
tt_content.menu.20.key.field = menu_type
tt_content.menu.20.99 < temp.PageWithImage

3. Finally, create a HMENU as follows

<script src="http://gist.github.com/374016.js?file=gistfile1.txt"></script>

As follows

temp.PageWithImage = HMENU
temp.PageWithImage {
special = directory
special.value = 4

1 = TMENU
1 {
NO {
allWrap = <div class="some_class">|</div>
beforeImg {
import = uploads/media/
import.field = media
import.listNum = 0
width = 123
}
beforeImgLink = 1
beforeWrap = <div class="image_class">|</div>
linkWrap = <div class="link_class">|</div>
after = TEXT
after {
field = abstract
wrap = <div class="text_class">|</div>
}
}
}
}