Align 3 boxes in the center

Hello, I have checked all over google and have not found an answer to my question that works. I have 3 boxes with text boxes underneath that need to be aligned to the center while remaining in a line. Note the boxes under the picture boxes are separate due to peoples suggestions.

Pleas help.

html code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="
"/>

Simple Footer Problem....

Hi guys I am new to CSS but it is bugging me already I have a footer which has a footer wrap. Basically I want some text to float right and left of this wrap whilst being on the same line. I have tried for ages but I know its a quick minute job once you know how. Here is the code:

HTML

<div id="footer">
  <div id="footerwrap">
  	<div class="leftfooterwrap">
    <ul>
      <li><a href="/" title="Home">Home</a></li>
      <li><a href="/" title="CCTV">CCTV</a></li>
      <li><a href="/" title="Burglar Alarms">Burglar Alarms</a></li>

Removing empty spaces on a table, and measuring and positioning form elements

Hi, i am working in the application: www.plantasic.es. The problem is on the table on the right top corner of the screen: perhaps the two images columns make the table higher, but i haven't the way of putting them without vertical spaces, since vspace is deprecated and the W3C Markup validator doesn't allow it. Thus, the table has the two rows of the first column higher than its content. Should i separate the images into table cells? Any other suggestion?

Having some trouble with my CSS

Alright, I'm making a site using a pre-created style.css and index.html that I downloaded from this website.

Body being bumped below side bar - but not in IE.

I'm building a site using a template for Joomla at www.stcharleshockey.com. The site works perfectly in IE, but when I try any other browser for the page at http://stcharleshockey.com/contact-us it pushes the body content below the sidebar. I've tried using Firebug but I can't figure out what the problem would be.

Any CSS whiz out there have an answer that I couldn't find?

Thanks in advance.

Syndicate content