0 Replies Latest reply on Aug 30, 2006 6:44 AM by socks_

    Aligning text with css

    socks_ Level 1
      I have created a css designed page, here is a preview of the skeleton

      http://217.146.112.210/test

      i am having trouble aligning the text within the css boxes - i have used text align tags and they just dont work for some reason unbeknown to me. what am i missing?

      also - as you can see from the graphical box around the body, i used a table for this graphic 'wrap' - i tried to do it in css but it just wouldnt align - any ideas on how to approach this?

      here the css:

      /* CSS Document */

      html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
      margin: 5px;
      padding: 0;
      border: 0;
      }

      body {
      font-family: Verdana, Arial, sans-serif;
      color: #666666;
      background-color:#FFFFFF;
      font-size: 11px;
      }

      #master_wrapper {
      width: 754px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
      }

      #logo_box {
      width: 145px;
      height: 120px;
      float: left;
      }

      #banner_box {
      width: 580px;
      height: 120px;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 29px;
      float: right;
      }

      #empty_box {
      width: 150px;
      height: 25px;
      float: left;
      }

      #global_menu {
      height: 25px;
      float: left;
      padding-left: 10px;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 35px;

      }

      #global_menu_item {
      background-image: url(../website_graphics/global_graphics/global_tab.jpg);
      background-repeat:no-repeat;
      width: 79px;
      height: 25px;
      text-align:center;
      float: left;
      }

      #global_tab_edge {
      background-image: url(../website_graphics/global_graphics/global_tab_edge.jpg);
      background-repeat:no-repeat;
      width: 1px;
      height: 25px;
      float: left;
      }


      #sub_menu_wrapper {
      width: 145px;
      float: left;
      }

      #sub_menu_header {
      width: 145px;
      height: 25px;
      float: left;
      background-image: url(../website_graphics/global_graphics/submenu_tab.jpg);
      background-repeat: no-repeat;
      }

      #sub_menu_content {
      width: 145px;
      float: left;
      background-image: url(../website_graphics/global_graphics/submenu_content_bg.jpg)
      }

      #sub_menu_footer {
      width: 145px;
      height: 10px;
      float: left;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 25px;
      margin-left: 0;
      background-image: url(../website_graphics/global_graphics/submenu_footer.jpg);
      background-repeat: no-repeat;
      }

      #content_wrapper {
      width: 580px;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 29px;
      float: left;
      }

      #content_header {
      width: 580px;
      height: 11px;
      float: left;
      }

      #content {
      width: 580px;
      float: left;
      background-color: #f1f1f1;
      }

      #content_footer {
      width: 580px;
      height: 11px;
      float: left;
      }