Can not align text next to picture! Help Needed

Discussion in 'HTML & Website Design' started by MI11264IM, Sep 7, 2009.

0
  1. #1
    Hello Guys, take a look at THIS site.

    I can not get the image and text side by side, the text whats to go under the image in IE 8 and Firefox.

    Any help would be good. This is what I am using:


    <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <th width="360" class="box" scope="col"><img src="design/linkwheel.jpg" alt="" width="350" height="250" align="top" /></th>
    <th width="600" class="box" scope="col"><div class="roundedcornr_box_166658">
    <div class="roundedcornr_top_166658">
    <div></div>
    </div>
    <div class="roundedcornr_content_166658">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at ligula metus. Donec lobortis, est eget varius placerat, tortor arcu varius odio, et porttitor sapien mauris a nunc. Suspendisse neque ipsum, sagittis in tristique non, scelerisque eu lorem. Vivamus mollis lacus ut sem sodales sit amet eleifend nunc interdum. Phasellus odio diam, mollis non scelerisque porta, egestas a leo. Aliquam non tortor justo. Curabitur condimentum ligula vel tortor commodo vitae faucibus orci porttitor. In consectetur felis id nisl tristique iaculis. Nulla facilisi. Nulla ut ligula ligula. Donec ligula diam, aliquam at pharetra nec, placerat sed tellus. Aenean cursus, mauris in ultricies aliquam, lorem augue iaculis orci, eu rutrum odio tortor ac sapien. Phasellus et orci a enim faucibus tempus nec ut nibh. Donec fermentum viverra sem vel porttitor. Proin placerat, odio eget mollis tristique, augue erat consequat urna, ac condimentum orci turpis vitae lacus. </div>
    <div class="roundedcornr_bottom_166658">
    <div></div>
    </div>
    </div></th>
    </tr>
    </table>
     
    MI11264IM, Sep 7, 2009 IP
  2. MaverickMoney

    MaverickMoney Active Member

    Messages:
    519
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    85
    #2
    I copied the code to my wordpress post, seemed to work fine for me. Are you using this on a site, post, or what?
     
    MaverickMoney, Sep 7, 2009 IP
  3. gumape

    gumape Peon

    Messages:
    30
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The problem is in your reset.css file. There are several unnecessary style declarations. Remove the following lines (139 - 163) from it:

    TABLE {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
CAPTION {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
TBODY {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
TFOOT {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
THEAD {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
TR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
TH {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
TD {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-RIGHT-WIDTH: 0px; outline: 0
}
    Code (markup):
     
    gumape, Sep 8, 2009 IP