tree view with pictures

HawaiiDragon
HawaiiDragon used Ask the Experts™
on
Hello all, I am having a problem with my tree view.

1. This Tree View displays the members of the staff in a particular department. It has thier picture in each node and thier name and title in the Text section. I need for there to be spaces in between each node as so thier pictures quit running together.
2. This is a web app written in C#

 Can anyone help please?
<asp:TreeView ID="TreeView1" runat="server" Height="100px" 
        ImageSet="BulletedList">
        <Nodes>
            <asp:TreeNode ImageUrl="~/Photos/MonchusieDavid.jpg" Text="David Monchusie <br/> &lt;/br&gt; &lt;/br&gt; Chief Information Officer <br/> <br/>&lt;/br&gt;" 
                Value="David Monchusie  Chief Information Officer;
                 &lt;/br&gt; Chief Information Officer                                                                                                                                                                                                                                                                            " 
                Expanded="True" NavigateUrl="Chief Information Officer" 
                ShowCheckBox="False" SelectAction="None"> 
                <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                    Text="Ken Austin &lt;/br&gt; <br/>Assistant Director of Networking and Security" 
                    Value="New Node" SelectAction="None">
                    <asp:TreeNode ImageUrl="~/Photos/ tripp.wade.JPG" 
                        Text="Wade Tripp &lt;/br&gt; </br><br/>Webmaster / Senior Web Developer " 
                        Value="Wade Tripp &lt;/br&gt; Webmaster / Senior Web Developer " 
                        SelectAction="None">
                        <asp:TreeNode ImageUrl="~/Photos/DavisScott.jpg" 
                            Text="Scott Davis <br/>&lt;/br&gt; Web Developer" 
                            Value="Scott Davis &lt;/br&gt; Web Developer" SelectAction="None"></asp:TreeNode>
                        <asp:TreeNode ImageUrl="~/Photos/matt.shier.JPG" 
                            Text="Matt Shier &lt;/br&gt; <br/>Web Developer" 
                            Value="Matt Shier &lt;/br&gt; Web Developer" SelectAction="None"></asp:TreeNode>
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Dave McElwee &lt;/br&gt; <br/>Educational Technology Support Administrator " 
                        Value="New Node" SelectAction="None">
                        <asp:TreeNode ImageUrl="~/Photos/ snyder.derek.JPG" 
                            Text="Derek Snyder &lt;/br&gt; <br/>Academic Technology and Training Specialist" 
                            Value="New Node" SelectAction="None"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                    Text="Tewaney Ayalnex &lt;/br&gt; <br/>Assistant Director for Technical Operations" 
                    Value="New Node" SelectAction="None">
                    <asp:TreeNode ImageUrl="~/Photos/ akedi.okogn.JPG" 
                        Text="Okkoyn Akede &lt;/br&gt; <br/>Technical Specialist / Campus Support " 
                        
                        Value="Okkoyn Akede &lt;/br&gt; <br/>Technical Specialist / Campus Support " 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Tina Elliott &lt;/br&gt; <br/>Senior Technical Specilalist/Campus Support" 
                        
                        Value="Tina Elliott &lt;/br&gt; <br/>Senior Technical Specilalist/Campus Support" 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Donnie Jones &lt;/br&gt; <br/>Technical Specialist/Campus Support" 
                        Value="Donnie Jones &lt;/br&gt; Technical Specialist/Campus Support" 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Ronnie LaNear &lt;/br&gt; &lt;br/&gt;Media Services Assistant Manager" 
                        Value="Ronnie LaNear &lt;/br&gt; Ronnie LaNear " SelectAction="None">
                        <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                            Text="Debbie Meranda &lt;/br&gt; <br/>Media Services Technician" 
                            Value="New Node" SelectAction="None">
                        </asp:TreeNode>
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Tom Martin &lt;/br&gt; <br/>Technical Specialist/Campus Support" 
                        Value="Tom Martin &lt;/br&gt; Technical Specialist/Campus Support" 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Nathan Scherman   &lt;/br&gt; <br/>Procurement Manager &amp; Inventory Specialist" 
                        
                        Value="Nathan Scherman   &lt;/br&gt; Procurement Manager &amp; Inventory Specialist" 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/StanleyCarrie.jpg" 
                        Text="Carrie Stanley &lt;/br&gt; <br/>Help Desk Coordinator" 
                        Value="Carrie Stanley &lt;/br&gt; Help Desk Coordinator" 
                        SelectAction="None"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                    Text="Nancy Oiler &lt;/br&gt; <br/>Assistant Director for Technical Operations" 
                    Value="New Node" SelectAction="None">
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="John Callicotte&lt;/br&gt;<br/>Administrative Systems Analyst " 
                        Value="John Callicotte&lt;/br&gt;Administrative Systems Analyst " 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Bill Foley&lt;/br&gt; <br/>Systems (Database) Analyst Programmer&lt;/br&gt;" 
                        
                        Value="Bill Foley&lt;/br&gt; Systems (Database) Analyst Programmer&lt;/br&gt;" 
                        SelectAction="None">
                    </asp:TreeNode>
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="Zalmia Malallia &lt;/br&gt; <br/>System &amp; Data Specialist" 
                        Value="Zalmia Malallia &lt;/br&gt; System &amp; Data Specialist" 
                        SelectAction="None">
                    </asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                    Text="Ruben Ramirez &lt;/br&gt; <br/>Senior Information Security and Network Administrator Specialist" 
                    
                    Value="Ruben Ramirez &lt;/br&gt; Senior Information Security and Network Administrator Specialist" 
                    SelectAction="None">
                    <asp:TreeNode ImageUrl="~/Photos/photo_not_available_BW.png" 
                        Text="David Chescher &lt;/br&gt; <br/>Client Access &amp; Campus Center Support" 
                        
                        Value="David Chescher &lt;/br&gt; Client Access &amp; Campus Center Support" 
                        SelectAction="None">
                    </asp:TreeNode>
                </asp:TreeNode>
            </asp:TreeNode>
        </Nodes>
    </asp:TreeView>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Try adding NodeStyle-VerticalPadding to the treeview.
 <asp:TreeView ID="TreeView1" runat="server" Height="100px"
<?xml:namespace prefix = asp />ImageSet="BulletedList" NodeStyle-VerticalPadding="10">

Author

Commented:
Perfect thanks!!!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial