help make table? wider in css template

4 replies
  • WEB DESIGN
  • |
Hi,

Can some one help me make what I consider a table in this css wider? I think it is the body1 tag, I have tried and was able to change everything else in the css other than this. Other than this evening I haven't messed with css for over a year and I'm frustrated I just want my table? wider

Here's the link Untitled Document

style sheet below

What I would like wider is what appears to be the white table that the text is on. I'm sure its something so small, I also thought it was the graphic and tried to make it wider but that didn't help either. Gosh, after I learn after effects I have to re-visit css

Thanks so much if someone can help me Dolores


here's the sytle sheet

A:link {text-decoration: none; color:#333333;}
A:visited {text-decoration: none; color:#333333;}
A:active {text-decoration: none; color:#333333;}
A:hover {text-decoration: underline; color:#333333;}

body {
margin: 40px 0 30px 0;
background-image:url(images/bg.gif);
background-repeat:repeat-x,y;
background-color:#34454F;
background-attachment:fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p {
margin:0px;
}
#container {
margin: 0 auto 0 auto;
width:753px;
}
#top {
background-image:url(images/top.gif);
background-repeat:no-repeat;
height:7px;
}
#head {
height:100px;
padding: 25px;
}
#body {
background-color:transparent;
}
#body1 {
background-image:url(images/mid.gif);
background-repeat:repeat-y;
padding: 50px 50px 0 50px;
}
#footer {

}
#bottom {
background-repeat:no-repeat;
background-image:url(images/bottom.gif);
height:10px;
}

.testimonial {
width:450px;
background-color:#426D68;
border: 1px #7F7F7F solid;
margin: 0 auto 0 auto;
padding: 10px;
font-family:"Courier New", Courier, monospace;
color:#fff;
font-size:11px;
}
.testimonial img {
float:right;
border: 1px #757575 solid;
margin: 0 0 5px 5px;
}
.box {
font-family:"Courier New", Courier, monospace;
font-size:12px;
width: 450px;
margin: 0 auto 0 auto;

}
.box table{
border: 1px #333333 dashed;
border-bottom: none;
background-color:#E4E4E4;
}
.box td {
padding: 3px;
border-bottom: 1px #333333 dashed;
}
/** FONTS **/

h1, h2 {
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#FF3366;
}

.text_top {
background-color:#3C454B;
border-bottom: 1px #DB0000 solid;
color:#fff;
padding: 4px;
}

/** COLORS **/

.white {
background-color:#fff;
}
.text_white {
color:#fff;
}.color2 {
background-color:#34454F;}

.yellow {
background-color:#FFF5CB;}
#css #make #table #template #wider
  • Profile picture of the author Aronya
    Hi Dolores,
    Looks to me like this is what you need to play with:

    .testimonial {
    width:450px;
    background-color:#426D68;
    border: 1px #7F7F7F solid;
    margin: 0 auto 0 auto;
    padding: 10px;
    font-family:"Courier New", Courier, monospace;
    color:#fff;
    font-size:11px;
    }

    Tim
    {{ DiscussionBoard.errors[660092].message }}
  • Profile picture of the author dpepper
    Aronya,

    Thanks for the help but that only made the testimonial section wider, I wonder if it is the

    background-image:url(images/top.gif);

    and perhaps I need to make it a certain width. I had another site over a year ago that you could change the banner all you wanted but until you changed the width in the css it wouldn't budge. Could be?

    Dolores
    Signature

    Dolores Pepper
    .................................................. ..............

    {{ DiscussionBoard.errors[660820].message }}
  • Profile picture of the author Geejayz
    You can change the overall width of the main area (which is what I think you mean by the white text area) by modifying the container - for example:

    Code:
    #container {
     MARGIN: 0px auto; WIDTH: 900px
    }
    However, you will find that the images also need to be stretched or reworked to fit the new size. Does this help?
    {{ DiscussionBoard.errors[660956].message }}
  • Profile picture of the author dpepper
    I don't think that is working either I'm going re download the template and start over. I renamed the original style sheet so I could keep a copy and now the whole page is white I'm going to start again then try your suggestion Geejayz.
    Signature

    Dolores Pepper
    .................................................. ..............

    {{ DiscussionBoard.errors[665804].message }}

Trending Topics