B
Barely Audible
Okay I've been struggling with my first attempt at a div table for a
couple of hours now and I must be making a fundemental mistake that I
cannot see...
The following code is supposed to to reproduce the 'Listing by Type'
buttons in the conventional html table here..
http://www.jedsite.info/content/jed1.html
But all its doing is producing a long column of buttons....
<a name="listing"></a>
<div style="position: relative; width: 706px; height: 28px; background:
#808000;"><div style="position: absolute; left: 4px; top: 4px; bottom:
4px; font-size:14px; color : #fff;">LISTING BY TYPE</div></div>
<div>
<div class="button3">
<li><a href="../aerostats/aerostats.html">Aerostats</a></li>
<li><a href="../artillery/artillery.html">Artillery</a></li>
<li><a href="../grenade/grenade.html">Grenade</a></li>
<li><a href="../naval/naval.html">Naval</a></li>
<li><a href="../robots/robots.html">Robots</a></li>
<li><a href="../trailers/trailer.html">Trailers</a></li>
</div>
<div class="button3">
<li><a href="../afv/afv.html">AFV Wheeled</a></li>
<li><a href="../cycle/cycle.html">Cycles</a></li>
<li><a href="../halftrack/halftrack.html">Half Track</a></li>
<li><a href="../navweapons/navweapons.html">Naval +</a></li>
<li><a href="../shelters/shelters.html">Shelters</a></li>
<li><a href="../transport/transport.html">Transport</a></li>
</div>
<div class="button3">
<li><a href="../aircraft/aircraft.html">Aircraft</a></li>
<li><a href="../electronic-misc/electronic-misc.html">Electronics</a></li>
<li><a href="../helicopter/helicopter.html">Helicopters</a></li>
<li><a href="../nbc/nbc.html">NBC</a></li>
<li><a href="../smallarms/smallarms.html">Small Arms</a></li>
<li><a href="../uav/uav.html">UAV</a></li>
</div>
<div class="button3">
<li><a href="../airweapons/aircraft-weapons.html">Aircraft +</a></li>
<li><a href="../engineer/engineer.html">Engineer</a></li>
<li><a href="../mines/mines.html">Mines</a></li>
<li><a href="../radar/radar.html">Radar</a></li>
<li><a href="../support/support.html">Support</a></li>
<li><a href="../vision/vision.html">Vision</a></li>
</div>
<div class="button3">
<li><a href="../ammunition/ammunition.html">Ammunition</a></li>
<li><a href="../electronic-warfare/ew.html">EW</a></li>
<li><a href="../missiles/missiles.html">Missiles</a></li>
<li><a href="../radio/radio.html">Radio</a></li>
<li><a href="../tanks/tanks.html">Tanks</a></li>
<li><a href="../wheeltrack/wheeltrack.html">Wheel+Track</a></li>
</div>
<div class="button3">
<li><a href="../armament/armament.html">Armament</a></li>
<li><a href="../fulltrack/fulltrack.html">Full Track</a></li>
<li><a href="../mortar/mortar.html">Mortars</a></li>
<li><a href="../railway/railway.html">Railway</a></li>
<li><a href="../tractors/tractors.html">Tractors</a></li>
</div>
</div>
Some help/direction would be appreciated!
couple of hours now and I must be making a fundemental mistake that I
cannot see...
The following code is supposed to to reproduce the 'Listing by Type'
buttons in the conventional html table here..
http://www.jedsite.info/content/jed1.html
But all its doing is producing a long column of buttons....
<a name="listing"></a>
<div style="position: relative; width: 706px; height: 28px; background:
#808000;"><div style="position: absolute; left: 4px; top: 4px; bottom:
4px; font-size:14px; color : #fff;">LISTING BY TYPE</div></div>
<div>
<div class="button3">
<li><a href="../aerostats/aerostats.html">Aerostats</a></li>
<li><a href="../artillery/artillery.html">Artillery</a></li>
<li><a href="../grenade/grenade.html">Grenade</a></li>
<li><a href="../naval/naval.html">Naval</a></li>
<li><a href="../robots/robots.html">Robots</a></li>
<li><a href="../trailers/trailer.html">Trailers</a></li>
</div>
<div class="button3">
<li><a href="../afv/afv.html">AFV Wheeled</a></li>
<li><a href="../cycle/cycle.html">Cycles</a></li>
<li><a href="../halftrack/halftrack.html">Half Track</a></li>
<li><a href="../navweapons/navweapons.html">Naval +</a></li>
<li><a href="../shelters/shelters.html">Shelters</a></li>
<li><a href="../transport/transport.html">Transport</a></li>
</div>
<div class="button3">
<li><a href="../aircraft/aircraft.html">Aircraft</a></li>
<li><a href="../electronic-misc/electronic-misc.html">Electronics</a></li>
<li><a href="../helicopter/helicopter.html">Helicopters</a></li>
<li><a href="../nbc/nbc.html">NBC</a></li>
<li><a href="../smallarms/smallarms.html">Small Arms</a></li>
<li><a href="../uav/uav.html">UAV</a></li>
</div>
<div class="button3">
<li><a href="../airweapons/aircraft-weapons.html">Aircraft +</a></li>
<li><a href="../engineer/engineer.html">Engineer</a></li>
<li><a href="../mines/mines.html">Mines</a></li>
<li><a href="../radar/radar.html">Radar</a></li>
<li><a href="../support/support.html">Support</a></li>
<li><a href="../vision/vision.html">Vision</a></li>
</div>
<div class="button3">
<li><a href="../ammunition/ammunition.html">Ammunition</a></li>
<li><a href="../electronic-warfare/ew.html">EW</a></li>
<li><a href="../missiles/missiles.html">Missiles</a></li>
<li><a href="../radio/radio.html">Radio</a></li>
<li><a href="../tanks/tanks.html">Tanks</a></li>
<li><a href="../wheeltrack/wheeltrack.html">Wheel+Track</a></li>
</div>
<div class="button3">
<li><a href="../armament/armament.html">Armament</a></li>
<li><a href="../fulltrack/fulltrack.html">Full Track</a></li>
<li><a href="../mortar/mortar.html">Mortars</a></li>
<li><a href="../railway/railway.html">Railway</a></li>
<li><a href="../tractors/tractors.html">Tractors</a></li>
</div>
</div>
Some help/direction would be appreciated!