navBar help

[PaveFE]

First off, great site for people like me trying to learn.
This may have been answered before, but couldn't find it in any other posts. I have my navBar on my CSS and want to adjust the width, but can't seem to figure out how. Any ideas?

Thanks,

Vince

[Rambo Tribble]

It would be helpful if you were to post the code in question. There are many ways to set width, depending on what you want the width to be relative to.

[PaveFE]

My bad, I should've known after all the posts I just read. I'm looking to resize the width of the navBar.

<div id="navBar">
<div id="search"><form action="#">
<label>search</label>
<input name="searchFor" type="text" size="17">
<input name="goButton" type="submit" value="go">
</form>
</div>
<div id="SectionLinks">
<h3 class="style22"><strong>The Media Section</strong></h3>
<ul class="style73">
<li><a href="#">Photos</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">News Articles </a></li>
<li><a href="#">Tail # History </a></li>
<li><a href="#">Guest Book</a></li>
<li><a href="#">Guest Log</a></li>
<li><a href="#">Sound Files</a></li>
</ul>
</div>
<div id="SectionLinks">
<h3 class="style22"><strong>Mission Planning</strong></h3>
<ul class="style73">
<li><a href="#">Weather</a></li>
<li><a href="#">NOTAMS</a></li>
<li><a href="#">Time Hack </a></li>
<li><a href="#">Frag Sheet </a></li>
</ul>
</div>
<div id="SectionLinks">
<h3 class="style22"><strong>Password Protected</strong></h3>
<ul class="style73">
<li><a href="#">Pilot Lineage </a></li>
<li><a href="#">Limits Sheet (M) </a></li>
<li><a href="#">Limits Sheet (J) </a></li>
<li><a href="#">Weight & Balance </a></li>
<li><a href="#">Radar Paper</a></li>
</ul>
</div>
<div class="SectionLinks">
<h3 class="style22"><strong>Admin Section</strong></h3>
<ul class="style73">
<li><a href="#">TDY Center </a></li>
<li><a href="#">PCS Help </a></li>
<li><a href="#">Forms</a></li>
<li><a href="#">Official Sites</a></li>
<li><a href="#"> Unofficial Sites</a></li>
</ul>
</div>

<p><span class="style73">Order your <a href="Media/Pictures/Paveart/Pavedecal.JPG">PaveDecal</a><br>
<img src="Media/Pictures/Paveart/Pavedecal.gif" width="138" height="46"><br>
from here: </span><br>
<a href="http¦//www.3dcarfx.com"><img src="Media/Pictures/Misc%20Photos/3dcarfx.JPG" width="150" height="28" border="1"></a></p>
<p class="style6 style74"><em><strong>To order:</strong></em> Since the Pavedecal isn't listed on their website, order any product, then in the remarks section tell them you want to cancel the original order and order the Pave Leads decal instead. This is the only way they can get your credit card info. <span class="style6">$1.00 an inch. </span></p>
</div>
<!--end navBar div -->

[PaveFE]

Also, how do I make/set a border around the div classes?

[PaveFE]

Correction, the "SectionLinks"

[TheDoctor]

.navbar { width:75%; }

In your CSS file. Replace 75% with whatever width you want.

To put a border around it:

.navbar { width:75%;
  border: thin solid purple; }