[TYPO3-UG Denmark] Menu hjælp

[Kim Egede Jakobsen]

Hej igen, nu prøver jeg at fortælle hvad jeg havde tænkt mig/forstillet mig.
Men har stadig problemer med <li> da jeg ikke ved ang. width på den, da der
gerne må kunne være 4-5 menu pkt.er eller i den dur, så det tilpasser sig.
(self hvis teksten er for langt på linket, må man tilpasse det)

<div class="menu">
  <ul class="topmenu">
    <li class="first"> <!-- IF selected got class="first selected" -->
      <div> <!-- IF selected got class="selected" -->
        <a onfocus="blurLink(this);" href="http://www.mydomain.com
">Forside</a>
      </div>
    </li>
    <li class="middle"> <!-- IF selected got class="middle selected" -->
      <div> <!-- IF selected got class="selected" -->
        <a onfocus="blurLink(this);" href="menu2/">Menu pkt. 2</a>
      </div>
    </li>
    <li class="middle"> <!-- IF selected got class="middleselected" -->
      <div> <!-- IF selected got class="selected" -->
        <a onfocus="blurLink(this);" href="menu3/">Menu pkt. 3</a>
      </div>
    </li>
    <li class="last"> <!-- IF selected got class="last selected" -->
      <div> <!-- IF selected got class="selected" -->
        <a onfocus="blurLink(this);" href="menu4/">Menu pkt. 4</a>
      </div>
    </li>
  </ul>
</div>

div.menu {
  background:transparent url(../images/menu.png) no-repeat scroll 0 0;
  height:84px;
  width:765px;
}

div.menu ul.topmenu {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none
}

div.menu ul.topmenu li {
  text-align: center;
  display: inline;
  line-height: 44px;
  float: left;
}


2010/1/23 Kim Egede Jakobsen <typoegede at gmail.com>

> Halløjsa liste, jeg har et problem.
>
> Muligvis ikke så meget med TS'en nok mere hvordan pokker jeg lige skulle
> gøre det i CSS'en.
>
> Jeg har vedhæftet en menu (sprite) for at vise hvad det er jeg har
> problemer
> med.
>
> *TS'en:*
> lib.topmenu = HMENU
> lib.topmenu {
>  entryLevel = 0
>  1 = TMENU
>  1 {
>    wrap = <ul class="topmenu">|</ul>
>    NO {
>      allWrap = <div>|</div>
>      wrapItemAndSub = <li class="first">|</li> |*| <li
> class="middle">|</li> |*| <li class="last">|</li>
>      //doNotLinkIt = 1
>    }
>    ACT < .NO
>    ACT = 1
>    ACT {
>      allWrap = <div class="selected">|</div>
>      wrapItemAndSub = <li class="first selected">|</li> |*| <li
> class="middle selected">|</li> |*| <li class="last selected">|</li>
>    }
>    IFSUB < .NO
>    IFSUB = 1
>    IFSUB {
>      doNotLinkIt = 1
>    }
>    ACTIFSUB < .ACT
>    ACTIFSUB = 1
>    ACTIFSUB {
>      doNotLinkIt = 1
>    }
>  }
> }
>
> Hvordan skulle jeg evt. få min liste til at være dynamisk og kunne vise.
> evt. 3-5 pkt.er, der skulle jo gerne være space imellem hver <li>?
>
> /Kim Jakobsen
>
> _______________________________________________
> TYPO3-UG-Denmark mailing list
> TYPO3-UG-Denmark at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-denmark
>