holyyakker |
Feb 2, 2011 11:23 AM |
Header Area Widget Table auto resizing
I have put two widgets both 2 wide above my loop. But I want them to not auto resize to the full width of the center container... I have tried the following CSS
viewable here: www.nbrtc.com
Code:
table#header1
{
align: left;
border-spacing: 0px;
border-collapse: collapse;
width: 600px;
margin-left:auto;
margin-right:auto;
}
table#header2
{
align: left;
border-spacing: 0px;
border-collapse: collapse;
width: 600px;
margin-left:auto;
margin-right:auto;
}
td#header1_1
{
background: url('<?echo get_template_directory_uri();?>/images/redbg2.png');
background-repeat: no-repeat;
color: #ffffff;
padding: 15px;
height: 180px;
}
td#header1_2
{
background: url('<?echo get_template_directory_uri();?>/images/whitebg2.png');
background-repeat: no-repeat;
color: #ffffff;
font-weight: bold;
padding: 15px;
height: 180px;
}
td#header2_1
{
background: url('<?echo get_template_directory_uri();?>/images/whitebg2.png');
background-repeat: no-repeat;
color: #ffffff;
padding: 15px;
height: 180px;
}
td#header2_2
{
background: url('<?echo get_template_directory_uri();?>/images/bluebg2.png');
background-repeat: no-repeat;
color: #ffffff;
padding: 15px;
height: 180px;
}
I'm not sure if it is possible but if it is please let me know!
|