Item5666: A TableLess WebTopBar

The current WebTopBar is a table based layout piece of Pattern Template. Is not good to use table based layout and it was not good for SaferNet's logo on TWiki 4.2.

I make tis change to be "table less" (good thing) and to enable bigger logos:

<span id="twikiLogo" class="twikiImage"><a href="%WEBLOGOURL%"><img src="%WEBLOGOIMG%" border="0" alt="%WEBLOGOALT%" border="0" style="border:none;" /></a></span>
<div align="right" class="patternMetaMenu"><noautolink>
   * <form name="jumpForm" action="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%"><input id="jumpFormField" type="text" class="twikiInputField" name="topic" value="" size="18" /><noscript>&nbsp;<input type="submit" class="twikiButton" size="5" name="submit" value="%MAKETEXT{"Jump"}%" />&nbsp;</noscript>
   </form>
   * <form name="quickSearchForm" action="%SCRIPTURLPATH{view}%/%INCLUDINGWEB%/WebSearch"><input type="text" class="twikiInputField" id="quickSearchBox" name="search" value="" size="18" /><input type="hidden" name="scope" value="all" /><input type="hidden" name="web" value="%BASEWEB%" /><noscript>&nbsp;<input type="submit" size="5" class="twikiButton" name="submit" value="%MAKETEXT{"Search"}%" />&nbsp;</noscript>
   </form>
   * %INCLUDE{%SYSTEMWEB%.LanguageSelector}%
</noautolink></div>

You need to add this code to some pattern css file to format correctily this WebTopBar:

.twikiLogo img {
  float: left;
}
#patternTopBarContents .patternMetaMenu {
  position: absolute;
  top: 10px;
  right: 20px;
}

---

Still a valid concern. Should not be too hard to have those bits arranged using floats, as long as customized top bars still work.

-- Main.MichaelDaum - 24 Sep 2015 - 06:58