[TYPO3-UG Denmark] Menu hjælp

[Søren Vedel]

Hej Kim,

Det er ikke helt klart, hvad du egentlig spørger om, men det er også 
lidt sent her i Rio :-)

Prøv at leg lidt med a-tagget i stedet for li-tagget. Måske skal du 
sætte lidt padding?

div.menu ul.topmenu li a {
	padding: 0 20px;
}

Og ellers skal du finde et site, der ser rigtigt ud og kigge lidt på, 
hvordan html/css er sat der?

Alternativt send et link til det konkrete site.

Med venlig hilsen/Kind regards
Søren Vedel

www.workhouse.dk · Freelance TYPO3 consultancy



Kim Egede Jakobsen wrote:
> 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
>>