SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Oct 2006
    Posts
    146
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    frozen drop downs

    Hi

    I have just gone live with a site:

    www.leadershape.biz

    www.leadershape.biz/leadershape.css

    I have a problem that if a viewer clicks on the left hand nav then its drop downs come up but stay up even when the viewer moves onto a new section.

    Obviously I dont want them to click but to hover instead - however, if they click and the drop downs remain after they have moved off that isnt great.

    Does anyone have any solutions

    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    First of all you've made us guess which browser you are having problems with I had to check 5 browsers before I found out it was IE7. Please be more specific in future

    This seems to be a similar bug to IE6 concerning :hover and it needs a little helping hand to make things work smoothly. If you add the following it will fix the problem.

    Code:
     :hover{visibility:visible}
    It shouldn't have any adverse effects anywhere else but you mmay want to make it specific to the menu though.

    Why have you put the javascript code in your page twice? Once is enough

    IE7 doesn't actually need that javascript anyway so you should hide it from ie7 by wrapping it in conditional comments and giving it to less than IE7.

    Hope that helps

  3. #3
    SitePoint Zealot
    Join Date
    Oct 2006
    Posts
    146
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    I have solved the problem above thanks to Paul but now the 2nd tier of drop downs down work,

    For example on horizontal nav under LIBRARY it comes up with ALERT which should then drop down to LAERT1, ALERT2 etc.

    I am viewing in IE7 pc.

    Any help would be great.

    Thanks

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,
    You seemed to have overcooked that menu a bit. This is the best I could come up with stripping it all down to basics.
    Code:
     
     #nav {
        width:1000px;
         height:25px;
        text-align: left;
        font-family: Arial, Helvetica,  sans-serif;
        font-size: 11px;
        line-height: 25px;
    }
    #nav  {position:relative;z-index:99;}
    #nav a{
            font-family: Arial,  Helvetica, sans-serif;
            color: #fff;
            text-decoration:  none;
            font-weight: bold;
            }
    #nav a:hover {
             color: #d5d6ea;
      visibility:visible;
            }
    #nav ul{
          padding: 0;
         margin: 0;
         list-style: none;
       float:right;
    }
      
     #nav li {
         float: left;
          position:relative;
         height: 20px;
        padding-right:0px;
         padding-left:20px;
      
     }
      
     ul li  :hover{visibility:visible;}
      
      
      
     #nav a {
     display:block;      
      
     }
    #nav li ul a{
         width:200px;
        float:left;
    }
    #nav li ul{
    border-left: 1px solid  #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid  #fff;
    position : absolute;
    left : -999em;
    margin-left :  0px;
    margin-top : 0px;
    min-height :  1%;
    top:0;
    color:#fff;
    background:#fff;
    width:200px
    }
    #nav li  ul li{
        border-bottom: 1px solid  #fff;
     background:transparent;
     position:relative;
    }
    #nav ul li li  ul { 
      margin : -26px 0 0 200px;
    }
    #nav li li{
         float:left;
      clear:left;
        height:25px;    
         line-height:25px;
        width:203px;
      text-indent:10px;
       padding:0px;
     }
    #nav li li a{ background:#036;}
    #nav li li  a:hover{
    background:#099;
            color:#fff;
    }
      
      
      
     #nav ul li:hover ul,
    #nav ul li.sfhover  ul
     {
     left: 0px;
     top:25px;
    }
    #nav li:hover ul ul, 
    #nav  li:hover ul ul ul, 
    #nav li.sfhover ul ul, 
    #nav li.sfhover ul ul ul  {
      left: -999em;
     }
     
    #nav li:hover ul, 
    #nav li li:hover ul,  
    #nav li li li:hover ul, 
    #nav li.sfhover ul, 
    #nav li li.sfhover ul,  
    #nav li li li.sfhover ul { /* lists nested under hovered list items  */
      left: 0; top:25px;
    }
      
     #frame-content{border-bottom:1px solid  #FFFFFF;background:#fff url(http://www.leadershape.biz/resources/background.gif) repeat-y left top;
    }
    



    There are multiple changes and deletions in that section so you may have to replace your section completely (make sure you keep a back up though).

    The dimensions are critical in some places or the third menu won't show in IE.

    Full code:
    Code:
    <!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>LEADERSHAPE</title>
    <meta name="description" content="description here" />
    <meta name="keywords" content="keywords here" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="leadershape.css" rel="stylesheet" media="screen" type="text/css" />
    <link href="leadershape-print.css" rel="stylesheet" media="print" type="text/css" />
    <style>
    *{margin:0;padding:0}
    
    body{
    text-align:center;
    background:#036;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    }
     
    #logo{display:none;}
    
    div{text-align:left;}
    
    a{text-decoration:none;font-weight:bold;}
    
    #frame-header,#frame-nav{background:#036;border-bottom:1px solid #FFFFFF;}
    
    #header,#nav,#location,#content,#footer,#quote-content {width:1000px;margin:0 auto;}
    
    #header{
    height:160px;
    color:#ffffff;
    }
    
    #quote-content{height:70px;background:#099;}
    
    #frame-quote{
    background:#099;
    border-bottom:1px solid #FFFFFF;
    }
    
    #alert{
    width:270px;
    float:left;
    
    color:#fff;
    line-height:14px;
    margin:0 auto;
    }
    #quote{
    width:730px;
    float:left;
    color:#333;
    font-size:12px;
    line-height:18px;
    }
    
    
    
    #frame-location{background:#80cccc;border-bottom:1px solid #FFFFFF;}
    
    #location{
    text-align:right;
    color:#fff;
    }
    
    #location a:link,#location a{
    color:#036;
    text-decoration:underline;
    }
    #location a:visited{}
    #location a:hover{color:#099;}
    
    #frame-nav{background:#036;border-bottom:1px solid #FFFFFF;clear:both}
    
    #location,#footer{
    height:25px;
    line-height:25px;
    width:1000px;
    }
    
    #nav {
        width:1000px;
        height:25px;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 25px;
    }
    #nav {position:relative;z-index:99;}
    #nav a{
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            }
    #nav a:hover {
            color: #d5d6ea;
            visibility:visible;
            }
    #nav ul{
         padding: 0;
         margin: 0;
         list-style: none;
         float:right;
    }
    
    #nav li {
         float: left;
         position:relative;
         height: 20px;
              padding-right:0px;
              padding-left:20px;
    
    }
    
    ul li :hover{visibility:visible;}
    
    
    
    #nav a {
     display:block;     
    
    }
    #nav li ul a{
        width:200px;
        float:left;
    }
    #nav li ul{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    position : absolute;
    left : -999em;
    margin-left : 0px;
    margin-top : 0px;
    min-height : 1%;
    top:0;
    color:#fff;
    background:#fff;
    width:200px
    }
    #nav li ul li{
        border-bottom: 1px solid #fff;
        background:transparent;
        position:relative;
    }
    #nav ul li li ul { 
         margin : -26px 0 0 200px;
    }
    #nav li li{
        float:left;
            clear:left;
        height:25px;    
        line-height:25px;
        width:203px;
         text-indent:10px;
         padding:0px;
        }
    #nav li li a{    background:#036;}
    #nav li li a:hover{
    background:#099;
            color:#fff;
    }
    
    
    
    #nav ul li:hover ul,
    #nav ul li.sfhover ul
     {
     left: 0px;
     top:25px;
    }
    #nav li:hover ul ul, 
    #nav li:hover ul ul ul, 
    #nav li.sfhover ul ul, 
    #nav li.sfhover ul ul ul {
            left: -999em;
        }
        
    #nav li:hover ul, 
    #nav li li:hover ul, 
    #nav li li li:hover ul, 
    #nav li.sfhover ul, 
    #nav li li.sfhover ul, 
    #nav li li li.sfhover ul { /* lists nested under hovered list items */
            left: 0; top:25px;
    }
    
    
    
    
    
    #frame-content{border-bottom:1px solid #FFFFFF;background:#fff url(http://www.leadershape.biz/resources/background.gif) repeat-y left top;
    }
    
    #content{background:#FFF url(http://www.leadershape.biz/resources/background-column.gif) repeat-y left top;padding-bottom:10px;padding-top:0px;}
    
    #main_nav{
    float:left;
    width:250px;
    color:#fff;
    line-height:14px;
            padding-top: 20px;
    }
    
    #main_nav p{}
    
    #main_nav ul { /* all lists */
            padding: 0px;
            margin-bottom: 5px;
            list-style: none;
            float : left;
                    width:220px;
    
        }
        
        #main_nav li { /* all list items */
            position : relative;
            float : left;
            line-height : 25px;
            margin-bottom : 5px;
            height:25px;
            padding: 0;
                    background:#099;
    
        }
            #main_nav li li{ /* all list items */
            position : relative;
            float : left;
            line-height : 25px;
                    height:25px;
            margin-bottom : 5px;
            padding: 0;
                    background:#099;
    
        }
        #main_nav li ul { /* second-level lists */
            position : absolute;
            left: -999em;
            margin-left : 221px;
              top:0;
        }
        #main_nav li li a {
            width: 350px;
            display : block;
            color : #fff;
            font-weight : bold;
            text-decoration : none;
            border : 1px solid #fff;
            text-indent:5px;
            margin-left:5px;
        }
        
        #main_nav li ul ul { /* third-and-above-level lists */
            left: -999em;
        }
        
        #main_nav li a {
            width: 220px;
            display : block;
            color : #fff;
            font-weight : bold;
            text-decoration : none;
            border : 1px solid #fff;
            text-indent:5px;
            margin-bottom:2px;
        }
        
        #main_nav li a:hover {
            color : white;
            background-color : #036;
        }
        
        #main_nav li:hover ul ul, #main_nav li:hover ul ul ul, #main_nav li.sfhover ul ul, #main_nav li.sfhover ul ul ul {
            left: -999em;
        }
        
        #main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul, #main_nav li.sfhover ul, #main_nav li li.sfhover ul, #main_nav li li li.sfhover ul { /* lists nested under hovered list items */
            left: 0;
        }
        
    #news{
        float:left;
        width:220px;
        height:136px;
        color:#fff;
        border:1px solid #FFFFFF;
        margin-top:5px;
            margin-bottom:30px;
        background-image: url(http://www.leadershape.biz/resources/latest-news.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    #news h1{
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    color:#036;
    text-indent:5px;
    }
    #news p{
    width:100px;font-size:11px;
    font-weight:normal;
    line-height:13px;
    color:#036;
    padding-left:5px;
    text-indent:0px;
    }
    #news a:link,#left a{color:#036;}
    #news a:visited{color: #036;}
    #news a:hover{color: #099;}
    
    
    #left-column{
    width:450px;
    float:left;
    color:#333;
    font-size:12px;
    line-height:18px;
    background:#fff;
    padding:20px;
    font-weight:normal;
    }
    #left-column ul{ 
        padding-left:20px;
            padding-BOTTOM:20px;
    
        margin: 0;
        list-style: outside;
        height: auto;
        }
        #left-column ol{ 
        padding:0px;
        margin: 0;
        list-style: inside;
        height: auto;
        }
        
    #left-column h1, h2, h3{
    font-size:21px;
    font-weight:normal;
    line-height:24px;
    color:#099;
    margin-top:20px;
    margin-bottom:20px;
    }
    
    #left-column p{
    margin-bottom:10px;
    }
        #left-column a:link,#left a{color:#099;}
    #left-column a:visited{color: #099;}
    #left-column a:hover{color: #333;}
    
    #right-column{
        width:228px;
        float:left;
        color:#333;
        font-size:12px;
        line-height:18px;
        background:#e6e6e6;
        padding:15px;
        font-weight:normal;
        margin-top:20px;
        border:1px solid #ccc;
        list-style-position: inside;
        list-style-type: circle;
    }
    #right-column h1, h2, h3{
    font-size:17px;
    font-weight:normal;
    line-height:20px;
    color:#333;
    margin-top:0px;
    margin-bottom:20px;
    }
    #right-column p{
    margin-bottom:10px;
    }
    #right-column ul{
    padding-left:20px;
        margin: 0;
        list-style: outside;
        height: auto;
        margin-bottom:10px;
    
        }
        #right-column a:link,#left a{color:#099;}
    #right-column a:visited{color: #099;}
    #right-column a:hover{color: #333;}
    
    
    #full-width{
    width:710px;
    float:left;
    color:#333;
    font-size:12px;
    line-height:18px;
    background:#fff;
    padding:20px;
    font-weight:normal;
    }
    #full-width ul{
        padding:0px;
        margin: 0;
        list-style: inside;
        height: auto;
        }
    #full-width ol{
        padding:0px;
        margin: 0;
        list-style: inside;
        height: auto;
        }
        
    #full-width h1, h2, h3{
    font-size:21px;
    font-weight:normal;
    line-height:24px;
    color:#099;
    margin-top:20px;
    margin-bottom:20px;
    }
    
    #full-width p{
    margin-bottom:10px;
    }
        #full-width a:link,#left a{color:#099;}
    #full-width a:visited{color: #099;}
    #full-width a:hover{color: #333;}
    
    
    #frame-footer{background:#036;}
    
    #footer{
    clear:both;
    font-weight:normal;
    color:#fff;
    text-align:right;
    padding-top:10px;}
    
    #footer p{
    font-size:11px;
    font-weight:normal;
    line-height:13px;
    color:#fff;
    text-indent:0px;
    
    }
    .quote{
    color:#099;
    font-size:12px;
    line-height:16px;
    font-weight:bold;
    
    }
    
    .clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both;
    visibility:hidden;
    }
    .clearfix{display:inline-block;}
    
     /* mac hide \*/
    * html .clearfix {height:1%;}
    .clearfix {display:block;}
     /* End hide */
    </style>
    </style>
    <script type="text/javascript">
    multiList = function (){
        sfHover('nav'); // list your list id's here
        sfHover('main_nav'); 
    }
    sfHover = function(ulid) {
            var sfEls = document.getElementById(ulid).getElementsByTagName("LI");
            for (var i=0; i<sfEls.length; i++) {
                    sfEls[i].onmouseover=function() {
                            this.className+=" sfhover";
                    }
                    sfEls[i].onmouseout=function() {
                            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                    }
            }
    }
    if (window.attachEvent) window.attachEvent("onload", multiList);
    /** end **/</script>
    </head>
    <body>
    <div id="logo"><img src="resources/leadershape.gif" alt="leadershape" /></div>
    <div id="frame-header">
        <div id="header"><img src="resources/leadershape_banner.jpg" alt="leadershape" /></div>
    </div>
    <div id="frame-quote">
        <div id="quote-content">
            <div id="alert"><a href="leadershape-alert7.html"><img src="resources/alert.gif" alt="" /></a></div>
            <div id="quote"><img src="resources/quotes.gif" alt="" /></div>
        </div>
    </div>
    <div id="frame-nav">
        <div id="nav">
            <ul class="clearfix">
                <li><a href="index.html">HOME</a> </li>
                <li><a href="site-map.html">SITE MAP</a></li>
                <li><a href="#">ABOUT US</a>
                    <ul>
                        <li><a href="mission-vision-values.html">MISSION, VISION, VALUES</a> </li>
                        <li><a href="#">FACULTY</a>
                            <ul>
                                <li><a href="faculty-introduction.html">FACULTY INTRODUCTION</a> </li>
                                <li><a href="faculty-john-knights.html">JOHN KNIGHTS</a> </li>
                                <li><a href="faculty-chris-gulliver.html">CHRIS GULLIVER</a> </li>
                                <li><a href="faculty-sophy-robinson.html">SOPHY ROBINSON</a> </li>
                                <li><a href="faculty-peter-lewis.html">PETER LEWIS</a> </li>
                                <li><a href="faculty-humphrey-claxton.html">HUMPHREY CLAXTON</a> </li>
                                <li><a href="faculty-greg-young.html">GREG YOUNG</a> </li>
                                <li><a href="faculty-danielle-grant.html">DANIELLE GRANT</a> </li>
                                <li><a href="faculty-patricia-mallett.html">PATRICIA MALLETT</a> </li>
                                <li><a href="faculty-steve-breibart.html">STEVE BREIBART</a> </li>
                                <li><a href="faculty-rachel-holmes.html">RACHEL HOLMES</a> </li>
                                <li><a href="faculty-martin-palethorpe.html">MARTIN PALETHORPE</a> </li>
                            </ul>
                        </li>
                        <li><a href="#">PRACTICE STANDARDS</a>
                            <ul>
                                <li><a href="practice-code-ethics.html">CODE OF ETHICS</a> </li>
                                <li><a href="practice-supervision.html">SUPERVISION</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                </li>
                <li><a href="#">CLIENTS</a>
                    <ul>
                        <li><a href="#">CASE STUDIES</a>
                            <ul>
                                <li><a href="merlin.html">MERLIN</a> </li>
                                <li><a href="poolia-parker-bridge.html">POOLIA PARKER BRIDGE</a></li>
                                <li><a href="kgb.html">KGB</a></li>
                            </ul>
                        </li>
                        <li><a href="#">CLIENT TESTIMONIALS</a>
                            <ul>
                                <li><a href="testimonials-peer-groups.html">PEER GROUPS</a></li>
                                <li><a href="testimonials-programmes.html">PROGRAMMES</a></li>
                                <li><a href="testimonials-leadership.html">LEADERSHIP</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">LIBRARY</a>
                    <ul>
                        <li><a href="#">LEADERSHAPE ALERT</a>
                            <ul>
                                <li><a href="leadershape-alert1.html">ALERT 1</a> </li>
                                <li><a href="leadershape-alert2.html">ALERT 2</a> </li>
                                <li><a href="leadershape-alert3.html">ALERT 3</a> </li>
                                <li><a href="leadershape-alert4.html">ALERT 4</a> </li>
                                <li><a href="leadershape-alert5.html">ALERT 5</a> </li>
                                <li><a href="leadershape-alert6.html">ALERT 6</a> </li>
                                <li><a href="leadershape-alert7.html">ALERT 7</a> </li>
                            </ul>
                        </li>
                    </ul>
                <li><a href="#">DIAGNOSTICS</a>
                    <ul>
                        <li><a href="leipa.html">LEIPA</a> </li>
                        <li><a href="culture-survey.html">CULTURE SURVEY</a></li>
                        <li><a href="mbti-step2.html">MBTI STEP II</a></li>
                        <li><a href="firo-b.html">FIRO-B</a></li>
                        <li><a href="tms.html">TMS</a></li>
                        <li><a href="16pf.html">16PF</a></li>
                        <li><a href="sdi.html">SDI</a></li>
                        <li><a href="hogan.html">HOGAN</a></li>
                    </ul>
                </li>
                <li><a href="contacts.html">CONTACTS</a></li>
                <li><a href="links.html">LINKS</a></li>
                <li><a href="#">RESOURCES</a></li>
            </ul>
        </div>
    </div>
    <div id="frame-content" class="clearfix">
        <div id="content" class="clearfix">
            <div id="main_nav">
                <ul>
                    <li><a href="#">INDIVIDUAL DEVELOPMENT</a>
                        <ul>
                            <li><a href="executive-coaching.html">IS EXECUTIVE COACHING RIGHT FOR YOU?</a> </li>
                            <li><a href="first-100-days.html">FIRST 100 DAYS</a></li>
                            <li><a href="talent-development.html">TALENT DEVELOPMENT</a></li>
                            <li><a href="stress-management.html">STRESS MANAGEMENT</a></li>
                            <li><a href="behavioural-selection.html">BEHAVIOURAL SELECTION & DEVELOPMENT</a></li>
                        </ul>
                    </li>
                    <li><a href="#">BOARD/TEAM DEVELOPMENT</a>
                        <ul>
                            <li><a href="good-board.html">HOW GOOD IS YOUR BOARD?</a> </li>
                            <li><a href="leadership-programmes.html">LEADERSHIP PROGRAMMES</a> </li>
                            <li><a href="board-senior-development.html">BOARD & SENIOR TEAM DEVELOPMENT</a></li>
                            <li><a href="developing-internal-coach.html">DEVELOPING INTERNAL COACHES/MENTORS</a></li>
                            <li><a href="ceo-peer-groups.html">CEO PEER GROUPS</a> </li>
                            <li><a href="rapidly-growing-companies.html">RAPIDLY GROWING COMPANIES</a></li>
                            <li><a href="expert-facilitation.html">FACILITATION</a></li>
                            <li><a href="behavioural-selection.html">BEHAVIOURAL SELECTION & DEVELOPMENT</a></li>
                        </ul>
                    </li>
                    <li><a href="#">COMPANY DEVELOPMENT</a>
                        <ul>
                            <li><a href="board-senior-development.html">BOARD & SENIOR TEAM DEVELOPMENT</a> </li>
                            <li><a href="talent-development.html">TALENT DEVELOPMENT</a></li>
                            <li><a href="expert-facilitation.html">FACILITATION</a></li>
                            <li><a href="stress-management.html">STRESS MANAGEMENT</a></li>
                            <li><a href="developing-high-performance-teams.html">TEAMBUILDING</a></li>
                            <li><a href="shaping-ideal-culture.html">SHAPING THE IDEAL CULTURE FOR PERFORMANCE</a> </li>
                            <li><a href="making-acquisitions-successful.html">MAKING ACQUISITIONS SUCCESSFUL</a></li>
                            <li><a href="behavioural-selection.html">BEHAVIOURAL SELECTION & DEVELOPMENT</a></li>
                        </ul>
                    </li>
                    <li><a href="#">LEADERSHIP PROGRAMMES</a>
                        <ul>
                            <li><a href="leadership-programmes.html">LEADERSHIP PROGRAMMES</a> </li>
                            <li><a href="board-senior-development.html">BOARD & SENIOR TEAM DEVELOPMENT</a></li>
                            <li><a href="talent-development.html">TALENT DEVELOPMENT</a></li>
                            <li><a href="stress-management.html">STRESS MANAGEMENT</a></li>
                        </ul>
                    </li>
                    <li><a href="#">CULTURE CHANGE</a>
                        <ul>
                            <li><a href="shaping-ideal-culture.html">SHAPING THE IDEAL CULTURE FOR PERFORMANCE</a> </li>
                            <li><a href="making-acquisitions-successful.html">MAKING ACQUISITIONS SUCCESSFUL</a></li>
                        </ul>
                    </li>
                    <li><a href="#">DEVELOP INTERNAL 
                        COACH/MENTORS</a>
                        <ul>
                            <li><a href="developing-internal-coach.html">DEVELOPING INTERNAL COACH/MENTORS</a></li>
                        </ul>
                    </li>
                </ul>
                <form method="get" action="search.php">
                    <input type="text" name="zoom_query" size="15" />
                    <input type="submit" value="Search" />
                </form>
                <div id="news">
                    <h1>LATEST NEWS</h1>
                    <p>LeaderShape speak on Spiritually Intelligent Leadership at prestigious joint
                        IoD, Oxford Brookes University Dinner<br />
                        <a href="latest-news.html">CLICK HERE</a></p>
                </div>
            </div>
            <div id="left-column">
                <h3><em>Business
                    Leaders</em> shaping the best <em>Business Leaders</em> for the 21st Century</h3>
                <p>LeaderShape exists for leaders and organisations who are dissatisfied
                    with the conversion of leadership training into effective behaviours and
                    performance.&nbsp; </p>
                </p>
                <p>Unlike temporary short term learning often associated with conventional
                    training and business school seminars, we provide bespoke programmes that
                    embed accelerated leadership maturity into the daily life of the organisation. </p>
                <p><strong>Why we&rsquo;re different</strong></p>
                <p>Our backgrounds as experienced former CEOs and other Business Leaders
                    enables rapid understanding of the key issues faced at the most senior
                    management and Board levels, including CEOs. It also shapes and hones the
                    questions and challenges we pose by bringing fresh perspectives and alternative
                    interpretations based upon personal knowledge.</p>
                <p>&nbsp;We sharpen the focus on business performance and results &ndash; and
                    encourage relevant and regular evaluation against clear objectives.</p>
                <p>Our
                    experience enables us to focus firmly on the practical &ldquo;how to&rsquo;s&rdquo; of
                    leadership and performance development. We develop our clients&rsquo; leadership
                    capability, enabling the creation of high performance cultures through
                    the coaching mentoring and facilitation of individuals, groups and teams.</p>
                <p><strong>And another thing&hellip;</strong></p>
                <p>LeaderShape has huge experience in the field of Emotional Intelligence
                    and has developed a proprietary tool for the assessment of leadership skills
                    in the context of EI using 360&deg; feedback.&nbsp; We can adapt the tool
                    to include the leadership competencies required of your organisation.<a name="_PictureBullets"> </p>
                <h1>&nbsp;</h1>
            </div>
            <div id="right-column">
                <h1>Click here to download:<br />
                    <a href="downloads/LSPROFILE.pdf" target="_blank">Profile
                    Document </a> (PDF)</h1>
                <h1>Situations where we add value include&hellip;</h1>
                <ul>
                    <li>Rapidly growing companies looking to &lsquo;raise their game&rsquo;</li>
                    <li>Post- merger integration</li>
                    <li>Succession planning</li>
                    <li>First 100 days for new key appointments</li>
                    <li>Generating Performance Enhancing Cultures</li>
                    <li>Development of high potential talent</li>
                    <li>Board and team development</li>
                    <li>In-company &nbsp;Coach&nbsp; and Mentor development</li>
                </ul>
                <p><span class="quote">&ldquo; I recommend this programme for any Chief Executive
                    interested in continuing their personal development&rdquo;</span><em><br />
                    </em><strong>Richard Westmore</strong><br />
                    President
                    Panasonic Mobile Communications Development Europe</p>
                <p><span class="quote">&ldquo; The leadership development programme has not
                    only helped me become a better and more confident leader, it has also facilitated
                    the changes in climate and culture that the business needs to move forward&rdquo;</span><br />
                    <strong>Mark Widnall </strong><br />
                    MD<br />
                    Poolia Parker Bridge </p>
            </div>
        </div>
    </div>
    <div id="frame-footer">
        <div id="footer">
            <p>PO Box 480, Abingdon, Oxon, OX14 1WW  T: +44 (0)870 990 5576  F: +44 (0)1235 522549  E: info@leadershape.biz</p>
        </div>
    </div>
    </body>
    </html>
    Tested working in IE6, Ie7, and Firefox.

  5. #5
    SitePoint Zealot
    Join Date
    Oct 2006
    Posts
    146
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    brilliant Paul

    Many thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •