header q: increase navbar font, add tabled banner

[dragon]

1. as shown in pix arrow. how to increase navbar font?

2. how to add my old tabled header comprised of two columns and 2 separate banners (without skewing browser displays like IE)

whereas old code with table is the ff:

Code: Select all

<tr> 
				
      <td width="100%" valign="center" height="78"> 
        <div align="center">
          <table align="LEFT" width="89%" border="0">
            <tr align="CENTER"> 
              <td height="23" width="36%"> 
                <div align="center"><a href="http://www.financemanila.net"><img alt="Finance Manila : The Philippine Stock Market Authority. Since 1998." src="http://i250.photobucket.com/albums/gg266/financemanila2/FM3.jpg" width="263" height="71" border="0"></a></div></td>
              <td width="64%"> 
                <div align="center">
                  <pre><a href="https://www.wealthsec.net/"><img src="http://i250.photobucket.com/albums/gg266/financemanila2/WSI_BANNER-ADS2.gif" alt="WealthSec Online and Philequity" width="468" height="75" border="0" align="middle"></a> </pre>
                  <h6><a href="https://www.wealthsec.net/">WealthSec</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; and &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.philequity.net/">Philequity</a></h6>
                </div></td>
            </tr>
          </table>
        </div></td>
	</tr>

[Steve]

look in content.css or common.css for font size,s

try this table

Code: Select all

    <table width="100%" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td>
        <div style="text-align: center;"><a href="http://www.financemanila.net"><img alt="Finance Manila : The Philippine Stock Market Authority. Since 1998." src="http://i250.photobucket.com/albums/gg266/financemanila2/FM3.jpg" width="263" height="71" /></a></div>
        </td>          
		<td style="width:64%">
        <div style="text-align: center;">
		    <pre><a href="https://www.wealthsec.net/"><img src="http://i250.photobucket.com/albums/gg266/financemanila2/WSI_BANNER-ADS2.gif" alt="WealthSec Online and Philequity" width="468" height="75" /></a> </pre>
            <p><a href="https://www.wealthsec.net/">WealthSec</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; and &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.philequity.net/">Philequity</a></p>
        </div>
		</td>
    </tr>
    </table>

[dragon]

say what? you mean add this table in the css files?
(misunderstanding perhaps on my part?)

,,,,,,,..........or really just add this table of yours to the overall header you mean?

[Steve]

your tables a mess my codes html valid and will go in a html file more than likely the overall_header.html, where did you use it last?

[dragon]

i used it last from an old *.tpl of phpbb2, even tried it on etech style of phpbb3 but had to scrap the whole style since it crashed my server continuously and too many errors to trace

will try out your tablecode later.

i think that navbar fontsize was the <h4> tag that i removed which bloated IE fonts

[dragon]

hello again.

using the CLOCK FIELD which i modified to turn into my logo. i again removed the logo, removed the whole box, placed it at the bottom square, and placed a search box

Code: Select all

<div class="forabg">
	<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
					<dt>SEARCH</dt>
			</li>
		</ul>
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<br />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>	
		<!-- ENDIF -->
	<span class="corners-bottom"><span></span></span></div>
</div>

-it works in IE but it kind of looks, well... ugly.
-displayed text is indented to the right.
-on top of the search field, there is too much space.
-it is on a big dark blue cel because the word ADVANCED SEARCH is white

[Steve]

try,

Code: Select all

    <div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
            <ul class="topiclist">
                <li class="header">
            <dt>{L_SEARCH}</dt>
                </li>
            </ul>
		        <li>
          <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
             <div id="search-box">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                   <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                   <br />
                   <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                   <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
             </div><!-- ENDIF -->
            	</li>
            </ul>				
       <span class="corners-bottom"><span></span></span></div>
    </div>

or,

Code: Select all

    <div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
            <ul class="topiclist">
                <li class="header">
            <dt>{L_SEARCH}</dt>
                </li>
            </ul>
		        <li>
          <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
             <div style="text-align: center;">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                   <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                   <br />
                   <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                   <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
             </div><!-- ENDIF -->
            	</li>
            </ul>				
       <span class="corners-bottom"><span></span></span></div>
    </div>

[dragon]

re: navbar. you were right it was in common css
i didnt locate what to change because i assumed there would be a font: something something
all along i had to add the font parameters myself as the default had none.

Code: Select all

.navbar {
	background-color: #ebebeb;
	padding: 5 20px;
	font-family: Arial, Sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}

and everything was okay

-----------------------------------------------------
re: search box alignment and space on top of search field
no go on both.

1st one appears okay and just the same as without your code, but with an added NEGATIVE due to table/box widening in IE only.

2nd one does align the search box and button, but are all pushed to the right of the table box, showing only half of the search and button in both ie and others