Need help formatting my html code in aspl.net

lapucca
lapucca used Ask the Experts™
on
For page, http://www.labctsi.org/Community/surveyresults.aspx/list,
1.  I need to bring in the <ol>listing to be align with the rest of the paragraph.  
2.  I would like to get rid of the table border for the contact information for LAB-CTSI's Office of Community Engagement
Thank you.
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>

    <title><asp:ContentPlaceHolder ID="header" runat="server" />
    Clinical Translational Science Institute (CTSI) - USC, CHLA, COH</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="http://www.labctsi.org/newcss/basic.css" type="text/css" />
    <link rel="stylesheet" href="http://www.labctsi.org/newcss/site.css" type="text/css" />
    <link rel="stylesheet" href="http://www.labctsi.org/newcss/layout.css" type="text/css" />
    <link rel="stylesheet" href="http://www.labctsi.org/newcss/tablesorter.css" type="text/css" />
    <!-- Css styles for main menu (Superfish + jQuery) -->
    <link rel="stylesheet" type="text/css" href="http://www.labctsi.org/newcss/superfish-dropdown.css" media="screen" />
    <!-- Javascript and initialization of main menu (Superfish) -->

    <script type="text/javascript" src="http://www.labctsi.org/js/jquery.js"></script>

    <script type="text/javascript" src="http://www.labctsi.org/js/hoverIntent.js"></script>

    <script type="text/javascript" src="http://www.labctsi.org/js/superfish.js"></script>

    <script type="text/javascript" src="http://www.labctsi.org/js/supersubs.js"></script>

    <script type="text/javascript" src="http://www.labctsi.org/js/jquery.tablesorter.min.js"></script>

    <script type="text/javascript" src="http://www.labctsi.org/js/jquery.tablesorter.pager.js"></script>
    
    

<script type="text/javascript">
    $(document).ready(function() {
             $("ul.sf-menu").supersubs({
                minWidth: 8,   // minimum width of sub-menus in em units 
                maxWidth: 25,   // maximum width of sub-menus in em units 
                extraWidth: 0     // extra width can ensure lines don't sometimes turn over 
                // due to slight rounding differences and font-family 
            }).superfish();

            $("#projSummary")
            .tablesorter({ widthFixed: true, sortList: [[0, 0]], widgets: ['zebra'] })
            .tablesorterPager({ container: $("#pager") });

            $("#TagProjSummary")
            .tablesorter({ widthFixed: true, sortList: [[0, 0]], widgets: ['zebra'] })
            .tablesorterPager({ container: $("#pager") });

            $("#surveyDetails")
            .tablesorter({ widgets: ['zebra'] }); 
        
    });
   </script>
 
<%--/*********************************************************************************************
 * Copyright (c) 2009 USC - Clinical Translation Science Institue(CTSI)
 * 8/30/2009, Alpha Davis
 * 
 * Function: This script will only allow user to select from one ddb menu to search
 * Selection information are kept in cookies that will only be deleted when all browsers are closed (not when tabs are closed)
 * 
*********************************************************************************************/--%>
<%--<script type="text/javascript">
    $(document).ready(function() {

        $(window).bind('load', function() {
            existingMenuId = readCookie("menuId");
            existingMenuItemIndex = readCookie("menuItemIndex");

            if (existingMenuId != null) {
                $("#" + existingMenuId).attr("selectedIndex", existingMenuItemIndex);
                //alert('Existing menu id cookie = ' + existingMenuId + ', the menu item index = ' + existingMenuItemIndex);
            }
        });

        //alert("Before bind");
        $("#DDBDisease, #DDBEthnicity, #DDBAge, #DDBGender, #DDBMethod, #DDBGeographic").bind('change', function() {
            //eraseCookie("menuId");
            existingMenuId = readCookie("menuId");
            existingMenuItemIndex = readCookie("menuItemIndex");

            //            if (existingMenuId == null)
            //                alert('Existed coookie is null');
            //            else {                
            //                alert('Existed cookie = ' + existingMenuId);
            //            }

            var curSelectedId = $(this).attr('id');
            var curSelectedItemId = $(this).attr('selectedIndex');

            //if no prior menu selected item then create a cookie for it
            if (existingMenuId == null) {
                existingMenuId = curSelectedId;
                createCookie("menuId", curSelectedId);
                createCookie("menuItemIndex", curSelectedItemId);
                //                alert('Existed cookie was null.  New cookie id created value = ' + curSelectedId + ' new cookie indes = ' + curSelectedItemId);
                //                //alert("Frist existingMenuId set.  Selected text = " + $("#" + curSelectedId + " :selected").text());
            }
            else { //Prior menu item was selected
                //alert("Selected text = " + $("#" + curSelectedId + " :selected").text());
                //alert('Current cookie is ' + existingMenuId);

                //if the selected ddb menu is selected again and no item is selected then remove the cookie that records the previous selected menu item 
                if (existingMenuId == $(this).attr('id') && $("#" + curSelectedId + " option:selected").filter(":contains('Select')").text()) {
                    existingMenuId = null;
                    eraseCookie("menuId");
                    eraseCookie("menuItemIndex");
                    //                    alert('cookie erased');
                    //                    //alert('The existingMenuId is set to null');
                }
                else if (existingMenuId != $(this).attr('id')) {//if user selects another menu item but there is already another prev menu selected, warn user
                    alert('Please only select from one drop down menu at a time to search.');
                    DeSelect($(this).attr('id'));
                }
                else if (existingMenuId == $(this).attr('id'))//differnt item is selected with the same ddb menu
                    createCookie("menuItemIndex", curSelectedItemId);
            }
        });

            $("ul.sf-menu").supersubs({
                minWidth: 8,   // minimum width of sub-menus in em units 
                maxWidth: 25,   // maximum width of sub-menus in em units 
                extraWidth: 0     // extra width can ensure lines don't sometimes turn over 
                // due to slight rounding differences and font-family 
            }).superfish();

            $("#projSummary")
            .tablesorter({ widthFixed: true, sortList: [[0, 0]], widgets: ['zebra'] })
            .tablesorterPager({ container: $("#pager") });

            $("#TagProjSummary")
            .tablesorter({ widthFixed: true, sortList: [[0, 0]], widgets: ['zebra'] })
            .tablesorterPager({ container: $("#pager") });

            $("#surveyDetails")
            .tablesorter({ widgets: ['zebra'] }); 
        
    });


     function DeSelect(id)
    {
        $("#"+id).find('option:selected').removeAttr('selected');

    }

    function createCookie(name, value, days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            var expires = "; expires=" + date.toGMTString();
        }
        else var expires = "";
        document.cookie = name + "=" + value + expires + "; path=/";
    }

    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }

    function eraseCookie(name) {
        createCookie(name, "", -1);
}
 
 
 
   </script>
--%>

</head>
<body class="twocolumn">
    <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr valign="top">
            <td align="left" bgcolor="#000000">
                <a href="http://www.usc.edu">
                    <img src="http://www.usc.edu/usc/img/01/usc-name-lightgray-black.gif" alt="University of Southern California"
                        width="255" height="25" border="0" /></a>
            </td>
            <td width="50" rowspan="2" align="left" bgcolor="#990100">
                <a href="http://www.usc.edu">
                    <img src="http://www.usc.edu/usc/img/01/mono-gold-cardinal-med.gif" alt="" width="65"
                        height="50" border="0" /></a>
            </td>
        </tr>
        <tr valign="top">
            <td align="left" bgcolor="#990100">
                <a href="http://www.labctsi.org/">
                    <img src="http://www.labctsi.org/media/images/title.gif" width="475" height="25" border="0"></a>
            </td>
        </tr>
    </table>
    <div id="wrapper">
        <div id="header">
            <a href="http://www.labctsi.org">
                <img alt="CTSI" src="http://www.labctsi.org/media/images/logolabctsi.gif" /></a>
            <ul id="utilityLinks">
                <li><a href="http://www.labctsi.org/Membership.aspx/Apply">
                    <img alt="CTSI Memeber" src="http://www.labctsi.org/media/images/ctsimember.png" /></a></li>
            </ul>
        </div>
        <div id="mainNavigation">
	<ul class="sf-menu">
		<li>
			<a href="http://www.labctsi.org/">Home</a>
		</li>
		<li>
			<a href="http://www.labctsi.org/index.php/institute">Institute</a>
		</li>
		<li>
			<a href="#">Centers</a>
			<ul>
                <li><a href="http://www.labctsi.org/index.php/cct/">Community</a></li>
				<li><a href="http://www.labctsi.org/index.php/cetcd/">Education</a></li>
                <li><a href="http://www.labctsi.org/index.php/chs/">Human Studies</a></li>
				<li><a href="http://www.labctsi.org/index.php/cbis/">Informatics</a></li>
				<li><a href="http://www.labctsi.org/index.php/cst">Scientific Translation</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Programs</a>
			<ul>
                <li><a href="http://www.labctsi.org/index.php/ethics/">Ethics</a></li>
				<li><a href="http://www.labctsi.org/index.php/ord/">ORD</a></li>
				<li><a href="http://regulatory.usc.edu" target="_blank">Regulatory</a></li>
			</ul>
		</li>
		<li>
			<a href="#a">Resources</a>
			<ul>
				<li><a href="http://www.labctsi.org/community">Community</a></li>
				<li><a href="http://www.labctsi.org/index.php/education/overview">Education</a></li>
				<li><a href="http://www.labctsi.org/index.php/resources/core_facilities">Research Cores</a></li>
			</ul>
		</li>
	</ul>		
        </div>
        <ul id="breadcrumb">
            <li><a href="http://www.labctsi.org/" title="Home">
                <img src="http://www.labctsi.org/media/images/home.png" alt="Home" class="home" /></a></li>
            <li><a href="#">Centers</a></li>
            <li>Office of Community Engagement (OCE)</li>
        </ul>
        <div id="Div1">
            <div id="secondaryNavigationColumn">
                <div id="navcontainer">
                    <h2>
                        OCE Menu</h2>
                    <ul id="navlist">
                        <li id="active"><a href="http://www.labctsi.org/index.php/cct/">Home</a></li>
                        <li><a href="http://www.labctsi.org/community">Resources/Services</a></li>
                        <li><a href="http://www.labctsi.org/index.php/cct/all_news/">News</a></li>
                        <li><a href="http://www.labctsi.org/index.php/cct/all_events/">Events</a></li>
                        <li><a href="http://www.labctsi.org/index.php/cct/about_us/">About Us</a></li>
    	                <h2>Committees</h2>
	                    <li><a href="http://www.labctsi.org/index.php/cct/community_advisory_committee/">Center Advisory</a></li>
                        <li><a href="http://www.labctsi.org/index.php/cct/community_health_providers/">Community Health Care Providers</a></li>
                        <li><a href="http://www.labctsi.org/index.php/cct/community_leadership_council/">Community Leadership Council</a></li>
                    </ul>
                </div>
            </div>
            
            <%--This is intro for using the Communition database--%>

            <div id="informationColumn">
                <br />
                <h3>Welcome to the LAB-CTSI Community Research Inventory!</h3>
                <p>The Community Research Inventory (CRI) provides information about community and clinical research focused on community health, health outcomes, health promotion, disease prevention, health disparities, access to quality care and other issues related to the health and well being of LA County's diverse communities. The CRI was created to serve as a resource to promote "cross-talk" between and stimulate new academic-community partnerships and collaborations among researchers, health and social service providers, policy and advocacy groups, educators, community leaders and consumers of care.
                Launched in 2009, the CRI contains information that was provided by researchers from LAB-CTSI partner institutions/organizations, including the University of Southern California, Childrens Hospital Los Angeles, Kaiser Permanente Southern California, as well as our other LAB-CTSI community and clinical partner organizations.  This resource will grow as an increasing number of projects and research activities are added to the inventory.  Instructions for use:  
                Here are several ways you can search the Community Research Inventory.
                <ol>
                    <li>By project title:  All projects are listed, by title, in alphabetical order.  Once you identify a project of interest, you can access complete information about the project by selecting "View Project".</li>

                    <li>By keyword(s):  In the search box, enter key words of interest, e.g., teen pregnancy, breastfeeding, autism, etc.  Any project description that contains keywords you select will be listed for your review.  For more information about each project listed, select "View Project".</li>

                    <li>By specific criteria:  Drop down menus have been created to allow you to search by specific disease or illness, by demographic characteristics (age, race/ethnicity, gender), by geography and by research methods used.  You may select multiple criteria.  Projects will be listed for you review.  For more information about each project listed, select "View Project".  Note: Presently, many of "specific disease or illness" categories are broad, e.g., chronic illness, developmental disability.  If you are interested in a specific illness not on the list, e.g., diabetes, autism, hypertension, please search by keywords. </li>
                </ol><br />
                    If you have questions about the CRI or would like to enter a project not yet represented in the inventory please contact the Community-Research Coordinators from LAB-CTSI's Office of Community Engagement:
                </p>            
                <table border="0" width="300">
                    <tr>
                        <td>Julie Carpineto</td>  				<td>Lindsay Wetmore-Arkader</td> 
                    </tr>
                    <tr>
                        <td>jcarpineto@chla.usc.edu</td> 		<td>lwetmore@chla.usc.edu</td>
                    </tr>
                    <tr>
                        <td>323-361-8317</td>					<td>323-361-3695</td>
                    </tr>
                </table>
                
                <% using (Html.BeginForm("SearchSurveyResults", "SurveyResults", FormMethod.Get, new Dictionary<string, object>() {{@"class", "communitysearch"}}))  
                    { %>                          
                        <fieldset>
                            <legend>Search by Keyword</legend>
                            <%= Html.TextBox("textKeys")%>     
                            <input name="keySearch" type="submit" value="Search By Keyword" class="button" />                                        
                        </fieldset>
                            <h3>OR</h3> 
<fieldset>
                    <legend>Search by Criteria (multiple criteria allowed)</legend>
                            <%= Html.DropDownList("DDBDisease", new[] {
                            new SelectListItem { Text = "Cancer",Value = "CANCER" },
                            new SelectListItem { Text = "Chronic Illness",Value = "CHRONIC ILLNESS"},
                            new SelectListItem { Text = "Developmental Disabilities",Value = "DEVELOPMENTAL DISABILITIESS" },
                            new SelectListItem { Text = "HIV",Value = "HIV" },
                            new SelectListItem { Text = "Infectious Diseases",Value = "Infectious Disease, infection, infectious, contagious, parasite, parasitic" },
                            new SelectListItem { Text = "Mental Health",Value = "Mental Health" },
                            new SelectListItem { Text = "Sexual Transmitted Infections",Value = "Sexual Transmitted Infections" },
                            new SelectListItem { Text = "Substance/Alcohol/Tobacco user",Value = "Substance, Alcohol, Tobacco".ToUpper() },
                            new SelectListItem { Text = "Transplant",Value = "Transplant" },
                            new SelectListItem { Text = "Trauma/Accident/Critical Care",Value = "Trauma, Accident, Critical Care" },
                            new SelectListItem { Text = "Violence",Value = "Violence" },
                            new SelectListItem { Text = "Women's Reproductive Health",Value = "pregnant, pregnancy, prenatal, menopause, gynecology, obstetrics, OBGYN, contraception, birth control, abortion" }
                            }, "Select Disease/Illness") %>                            
                            <br />
                            
                            <%--Q28, Which of the following best describes the racial/ethnic characteristics of the project participants?                            
                            <%= Html.DropDownList("DDBEthnicity", new[] {
                            new SelectListItem { Text = "Asian",Value = "Asian (please specify):" },
                            new SelectListItem { Text = "Black/African American",Value = "Black/African American" },
                            new SelectListItem { Text = "East Asian",Value = "East Asian" },
                            new SelectListItem { Text = "Latino/Hispanic",Value = "Latino/Hispanic" },
                            new SelectListItem { Text = "Middle Eastern (please specify):",Value = "Middle Eastern (please specify):" },
                            new SelectListItem { Text = "Multiple ethnicities (e.g. multi-ethnic community)",Value = "Multiple ethnicities (e.g. multi-ethnic community)" },
                            new SelectListItem { Text = "Native American",Value = "Native American" },
                            new SelectListItem { Text = "Pacific Islander",Value = "Pacific Islander" },
                            new SelectListItem { Text = "White/Caucasian",Value = "White/Caucasian".ToUpper() }
                            }, "Select Ethnicity") %>  
                            <br />
                            
                            <%--Q26, Which of the following best describe the population this project targets?--%>                            
                            <%= Html.DropDownList("DDBGender", new[] {
                            new SelectListItem { Text = "All genders",Value = "All genders" },
                            new SelectListItem { Text = "Male only",Value = "Male only" },
                            new SelectListItem { Text = "Female only",Value = "Female only" },
                            new SelectListItem { Text = "Transgender only",Value = "Transgender only" },
                            }, "Select Gender") %>  
                            <br />   
                            
                            <%--Q27, Which of the following best describes the age groups this project targets?--%>
                            <%= Html.DropDownList("DDBAge", new[] {
                            new SelectListItem { Text = "All ages ",Value = "All ages" },
                            new SelectListItem { Text = "Infants/children (0-11 years)",Value = "nfants/children (0-11 years)" },
                            new SelectListItem { Text = "Adolescents (12-18 years)",Value = "Adolescents (12-18 years)" },
                            new SelectListItem { Text = "Young adults (19-25 years)",Value = "Young adults (19-25 years)" },
                            new SelectListItem { Text = "Adults (25-65 years)",Value = "dults (25-65 years)" },
                            new SelectListItem { Text = "Older adults (> 65 years)",Value = "Older adults (> 65 years)" }
                            }, "Select Age") %>  
                            <br />     
                             
                            <%--Q31, In which LA County Service Planning Area (SPA) do/did your project activities take place?--%>
                            <%= Html.DropDownList("DDBGeographic", new[] {
                            new SelectListItem { Text = "LA County",Value = "LA County" },
                            new SelectListItem { Text = "SPA 1 (Antelope Valley)",Value = "SPA 1 (Antelope Valley)" },
                            new SelectListItem { Text = "SPA 2 (San Fernando Valley)",Value = "SPA 2 (San Fernando Valley)" },
                            new SelectListItem { Text = "SPA 3 (San Gabriel Valley)",Value = "SPA 3 (San Gabriel Valley)" },
                            new SelectListItem { Text = "SPA 4 (Metro)",Value = "SPA 4 (Metro)" },
                            new SelectListItem { Text = "SPA 5 (West)",Value = "SPA 5 (West)" },
                            new SelectListItem { Text = "SPA 6 (South)",Value = "SPA 6 (South)" },
                            new SelectListItem { Text = "SPA 7 (East)",Value = "SPA 7 (East)"},
                            new SelectListItem { Text = "SPA 8 (South Bay/Long Beach)",Value = "SPA 8 (South Bay/Long Beach)"},
                            new SelectListItem { Text = "Outside LA County",Value = "Outside LA County"},
                            new SelectListItem { Text = "Both LA County and location outside LA County",Value = "Both LA County and location outside LA County"},
                            new SelectListItem { Text = "Other California locations",Value = "Other California locations"},
                            new SelectListItem { Text = "Other US States",Value = "Other US States "},
                            new SelectListItem { Text = "Outside US",Value = "Outside US"}
                            }, "Select Geographic")%>  
                            <br />    
                                      
                            <%--Q24, What type of data collection methods are used? --%>                                                            
                            <%= Html.DropDownList("DDBMethod", new[] {
                            new SelectListItem { Text = "Chart/electronic medical record review",Value = "Chart/electronic medical record review" },
                            new SelectListItem { Text = "Collection of specific clinical data",Value = "Collection of specific clinical data" },
                            new SelectListItem { Text = "Content analysis of documents",Value = "Content analysis of documents"},
                            new SelectListItem { Text = "Data collected from existing dataset (secondary data collection/analysis)",
                                                Value = "Data collected from existing dataset (secondary data collection/analysis)" },
                            new SelectListItem { Text = "Focus groups ",Value = "Focus groups" },
                            new SelectListItem { Text = "Geo-spatial data collection/analysis",Value = "Geo-spatial data collection/analysis"},
                            new SelectListItem { Text = "Individual open-ended (qualitative) interviews",
                                                Value = "Individual open-ended (qualitative) interviews" },
                            new SelectListItem { Text = "Literature review/meta-analysis",Value = "Literature review/meta-analysis "},
                            new SelectListItem { Text = "Observational data collection",Value = "Observational data collection" },
                            new SelectListItem { Text = "Surveys",Value = "Surveys" }
                            }, "Select Method")%>  
                            <input name="ddbSearch" type="submit" value="Search By Criteria" class="button"/>    
                            <br />                 
                            </fieldset>                
                    <% } %>                    

                    
                <% if(TempData["message"] != null) { %>
                    <div><%= Html.Encode(TempData["message"]) %></div>
                <% } %>
                
                <br />
                <a href="http://www.labctsi.org/Community/surveyresults.aspx/list">Clear search and display all surveys</a>
                <asp:ContentPlaceHolder ID="MainContent" runat="server">  
                </asp:ContentPlaceHolder>

            </div>
        </div>--%>
        <div id="footer">
            <a href="#">Terms of Use</a> | <a href="http://usc1.centraldesktop.com/login" target="_blank">
                Central Desktop</a> | <a href="http://www.labctsi.org/system">Content Management</a>
        </div>
    </div>
</body>
</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Author

Commented:
Also, is there a easy way to invoke email when user clicks on the email id on this page in the table of contact information?  Thanks.
for the <ol> add some style setting between the <head></head> tags as below:

    <style type="text/css">
        #informationColumn ol
        {
            margin-left:20px;
        }
    </style>

for the table set its border to none:

                <table border="0" width="300" style="border:none">
                    <tr>
                        <td>Julie Carpineto</td>                          <td>Lindsay Wetmore-Arkader</td>
                    </tr>
                    <tr>
                        <td>jcarpineto@chla.usc.edu</td>             <td>lwetmore@chla.usc.edu</td>
                    </tr>
                    <tr>
                        <td>323-361-8317</td>                              <td>323-361-3695</td>
                    </tr>
                </table>
For the emails use a mailto in the table:

e.g.

<a href="mailto:lwetmore@chla.usc.edu">lwetmore@chla.usc.edu</a>

Author

Commented:
Great!  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