Go Back   WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design
Register Blogs FAQ Social Groups CalendarHelp Desk

Reply
 
LinkBack Thread Tools
Old 04-01-2009, 10:01 PM   #1
Active Warrior
War Room Member
 
dpepper's Avatar
 
Join Date: Dec 2007
Location: West Virginia, USA!
Posts: 67
Blog Entries: 1
Thanks: 7
Thanked 16 Times in 6 Posts
Default help make table? wider in css template

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;}

Dolores Pepper
.................................................. ..............
DP Design Graphics premade niche blogs, templates, and graphics for your website.

Private Label Rights Riches Need Income Quickly? PLR is the Answer!
dpepper is offline   Reply With Quote
Old 04-01-2009, 11:15 PM   #2
Advanced Warrior
War Room Member
 
Join Date: Feb 2008
Location: Escondido, CA. Becase San Marcos just wasn't hot enough.
Posts: 510
Thanks: 35
Thanked 56 Times in 55 Posts
Default Re: help make table? wider in css template

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
Aronya is offline   Reply With Quote
Old 04-02-2009, 06:34 AM   #3
Active Warrior
War Room Member
 
dpepper's Avatar
 
Join Date: Dec 2007
Location: West Virginia, USA!
Posts: 67
Blog Entries: 1
Thanks: 7
Thanked 16 Times in 6 Posts
Default Re: help make table? wider in css template

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

Dolores Pepper
.................................................. ..............
DP Design Graphics premade niche blogs, templates, and graphics for your website.

Private Label Rights Riches Need Income Quickly? PLR is the Answer!
dpepper is offline   Reply With Quote
Old 04-02-2009, 07:55 AM   #4
Warrior Member
 
Join Date: Mar 2009
Posts: 28
Thanks: 2
Thanked 3 Times in 3 Posts
Default Re: help make table? wider in css template

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?
Geejayz is offline   Reply With Quote
Old 04-03-2009, 07:39 PM   #5
Active Warrior
War Room Member
 
dpepper's Avatar
 
Join Date: Dec 2007
Location: West Virginia, USA!
Posts: 67
Blog Entries: 1
Thanks: 7
Thanked 16 Times in 6 Posts
Default Re: help make table? wider in css template

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.

Dolores Pepper
.................................................. ..............
DP Design Graphics premade niche blogs, templates, and graphics for your website.

Private Label Rights Riches Need Income Quickly? PLR is the Answer!
dpepper is offline   Reply With Quote
Reply

  WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design

Tags
css, make, table, template, wider

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off



All times are GMT -6. The time now is 02:47 AM.