[TYPO3-UG US] New T3 Site

Matthew Manderson matthew at manderson.co.uk
Tue Feb 14 08:29:57 CET 2006


> 2. I think we may need to adjust the font sizing issue, possibly fixing
> the size in the header.

No, that just breaks usability.

try this

..
setup
...

temp.navmain = HMENU
temp.navmain.special = list
temp.navmain.special.value = 208,117,103,99,100,101,209
temp.navmain.1 = TMENU
temp.navmain.1.wrap = <div id="header"><ul>|</ul></div>
temp.navmain.1.titleText.field = title
temp.navmain.1.NO.linkWrap = <li>|</li>
temp.navmain.1.ACT = 1
temp.navmain.1.ACT.linkWrap = <li id="current">|</li>

...
css
...

/* slidingdoorsnav */

#header {}
#header ul {margin:0;list-style:none;}
#header li {
  float:left;
  background:url("nav_left_off.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 10px; /* spaces the left image */
  }
#header a {
  float:left;
  display:block;
  background:url("nav_right_off.gif") no-repeat right top;
  padding:12px 10px 5px 0px; /* spaces the bg img TRBL */
  text-decoration:none;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  }
#header #current {
  background-image:url("nav_left_on.gif");
  }
#header #current a {
  background-image:url("nav_right_on.gif");
  }

...
img
...

Open your nav in photoshop and crop to get 4 images like these

one pair for 'on' and one pair for 'off'
http://www.alistapart.com/d/slidingdoors/tab_images.gif

Whole job should be done in 15 minutes and your nav problems have gone away
without fixed fonts.

Anyway great job on the site, hope this helps.

Matthew





More information about the TYPO3-UG-US mailing list