1 Reply Latest reply on Mar 17, 2011 4:58 PM by ajanz

    links suddenly dead

    ajanz

      Hi,

       

      i use a template which includes my navigation bar via ui:include

       

      but after login or page redirect the links are dead.

       

      the very strange thing is, if i leave the css out...everythings works fine but looks ugly.

       

      I use Richfaces 3.3.3 final.

       

      the navigation bar is

       

      <?xml version="1.0" encoding="ISO-8859-15"?>
      <div id ="oben" class="header" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:s="http://jboss.com/products/seam/taglib"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j" >
      <div class="logo">
         <h:graphicImage id="image" value="#{WorkflowPage.logo}"  width="70" height="45" rendered="#{identity.isLoggedInNoAutoLogin()}" >
         </h:graphicImage>
      </div>
      <h1>#{Application.version} <h:outputLabel value="#{Application.environment}" style="color:red"  /></h1>
      <a4j:form >
        <div id="reiteroben" >
         <ul id="nav" >
        <h:panelGroup rendered="#{identity.isLoggedInNoAutoLogin()}">
         <li>
         <a4j:commandLink value="#{identity.data.getName()}"  onclick="return false;" >
        
         <span/>
         </a4j:commandLink>
         </li>  
         <li><a4j:commandLink id="changepasswordlink" value="Kennwort ändern"
            reRender="dlginclude"
          action="#{WorkflowPage.dialogSerializer().dialogShow('dlg_ChangePassword.xhtml')}"  >
          <span></span>
          </a4j:commandLink>
          </li>
        
         <li><a4j:commandLink id="logoutlink" action="#{WorkflowPage.logout}" value="Logout"    >
          <span></span>
          </a4j:commandLink>
          </li>
        
         <li><s:link action="#{Download.getfile}" id="helplink" value="?" propagation="none">
          <f:param name="file" value="/archiv/hilfe/benutzerdokumentation.pdf" />
          <f:param name="orig" value="benutzerdokumentation.pdf" />
          <span/>
         </s:link></li>
         <rich:toolTip for="helplink" style="color:black">Aufruf der Benutzerdokumentation</rich:toolTip>
         </h:panelGroup>
        
        </ul>
        </div>

        </a4j:form> 
      </div>

       

       

      the css is

       

       

      #nav {
      font-size:13px;
      height:20px;
      list-style:none;
      }

      #nav a:link {
      background-color: #004696;
      background-image:url(../img/reiter_links.jpg);
      background-position:left top;
      background-repeat:no-repeat;
      color:#fff;
      display:block;
      padding-bottom:2px;
      padding-left:10px;
      padding-top:2px;
      text-decoration:none;
      }

      #nav a span {
      background-image:url(../img/reiter_rechts.jpg);
      background-position:right top;
      background-repeat:no-repeat;
      color:#fff;
      padding-right:10px;
      padding-top:2px;
      }

       

      #nav a:hover {
        background-color: #3169A9;
      background-image:url(../img/reiter_links_hover.jpg);
      background-position:left top;
      background-repeat:no-repeat;
      }

      #nav  a:hover span {
      background-image:url(../img/reiter_rechts_hover.jpg);
      background-position:right top;
      background-repeat:no-repeat;
      }

      #nav a:hover,#nav a:active,#nav a:focus {
      color:#FFF;
      }


      #nav li {
      color:#fff;
      float:left;
      margin-right:1px;
      }

        • 1. links suddenly dead
          ajanz

          urgh this was quite difficult for me.

           

          the rich:messages tag got a z-index which caused the problem. removing the z-index and rearranging with several div solved the problem