scarezekiel Posted March 21, 2012 Share Posted March 21, 2012 i need the image to go down same as the right column.. where and what do i need to alter? so this is the page source <html> <div id="wrapper"> <? include ("header/header.php"); ?> <div id="main-content"> <? if(isset($_GET[ttid])) { $ttid = $_GET[ttid]; } if(isset($_GET[pstypeid])) { $pstypeid = $_GET[pstypeid]; } if(isset($_GET[psid])) { $psid = $_GET[psid]; } $connection=mysql_connect("$server", "$username", "$password") or die("Could not establish connection"); mysql_select_db($database_name, $connection) or die ("Could not select database"); $query = "select master_event.* , (DATE_FORMAT(event_datefrom, '%d %M %Y')) as datefrom, (DATE_FORMAT(event_dateto, '%d %M %Y')) as dateto, ucase(event_name) as eventname from master_event where master_event.event_id = '$ttid '"; $result=mysql_query($query); while($row = mysql_fetch_array($result)){ $eventname = $row['eventname']; $eventdesc = $row['event_desc']; //$companydescription = $row['company_description']; $eventvenue = $row['event_venue']; $eventfee = $row['event_fee']; $datefrom = $row['datefrom']; $dateto = $row['dateto']; ?> <div class="header" align="center"> <? echo "<font color='#000000' face='arial' ><b> $eventname </b> </font> <br>"; echo "<font color='#000000' face='arial' ><i>Date</i> : $datefrom - $dateto <br>"; echo "<i>Venue</i> : $eventvenue <br>"; $querypstype = "SELECT master_pstype.* FROM master_pstype WHERE master_pstype.pstype_id = '$pstypeid'"; $resultpstype=mysql_query($querypstype); while($rowpstype = mysql_fetch_array($resultpstype)){ $pstypeid = $rowpstype['pstype_id']; $pstypedesc = $rowpstype['pstype_desc']; $queryps = "SELECT * FROM master_ps WHERE master_ps.ps_id = $psid"; $resultps=mysql_query($queryps); while($rowps = mysql_fetch_array($resultps)){ $companyname = $rowps['company_name']; $companyid = $rowps['ps_id']; $companylinkori = $rowps['company_link']; $companydescription = $rowps['company_description']; $logopath = $rowps['logo_filename']; ?> <div id="left-column"> <div id="left" align="left" > <div id="main-image"> <table style="text-align: right; width: 300px; height: 92px; padding : 0 30px 30px;float : left;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="font-family: Arial; text-align: left;"><font color='#000000' size='2' face='arial'> <br> <br> <? echo "<font color='#8B3A3A' size='1' face='georgia' ><b><i>$pstypedesc</i></b> </font> <br>"; echo '<img src="http://localhost/aep/pslogo/'.$logopath.'" width="40%">'; ?> </td> </tr> </tbody> </table> </div> </div> </div> </div> <? ?> <div id="right-column"> <div id="right" align="right" > <span style="color: rgb(144, 66, 84);"> <table style="text-align: left; width: 600px; height: 92px;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="font-family: Arial; text-align: justify;"><font color='#000000' size='2' face='arial'><? echo $companydescription; ?> <br> <br> </td> </tr> </tbody> </table> </div> </div> <br> <? } echo ""; ?> <div id="footer">footer <a href="http://www.confidential.com.my/">u mad bro?</a><br /> </div> </div> <? } } ?> </html> this is the css /*** Global Settings ****/ body {font : normal 12px/1.6em Arial, Helvetica, sans-serif;color : #2a3845;margin : 0px;padding : 0; background: #FFFFFF repeat-x; } p { margin : 0;padding : 0;} a:visited, a:link {color : #2a3845;text-decoration : none;background:none;outline:none; } a:hover {color : #a43b55;text-decoration : none;background:none;outline:none; } h1 { color : #7a2e40;margin: 0px 0px 10px 0px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #efece7;} h2 {color : #7a2e40;margin : 20px 0 10px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #efece7;} h3 {color : #7a2e40;margin : 10px 0;padding-bottom : 10px;font : bold 14px Arial, Helvetica, sans-serif;border-bottom : 1px solid #efece7;} h4 { color : #7a2e40;font : normal 12px Georgia, serif;} h5 {color : #7a2e40;margin : 10px 0;padding-bottom : 10px;font : bold 12px Arial, Helvetica, sans-serif;border-bottom : 0px solid #efece7;} ul {padding:0;margin:0 0 0 17px;list-style: square url(images/bullet.gif);} .box {background : #f7f7f7;border : 1px solid #f0e9eb;padding : 15px;} /*** Layout ****/ #wrapper {margin : 0 auto;width : 776px;border-left : 1px solid #f0e9eb;border-right : 1px solid #f0e9eb;} #header {margin : 0 50px;} #bg {height : 25px;background : url(images/bg.gif) repeat-x;} #nav {background : url(images/red.jpg) repeat-x; padding : 10px 20px;text-align : right;color : #f6dde3;} #nav a:visited, #nav a:link {text-decoration : none;color : #f6dde3;} #nav a:hover {text-decoration : underline;color : #f6dde3;} #main-content {margin : 0 auto;} #logo {margin-bottom : 50px;} .logotxt1 {font : normal 18px Georgia, serif;color : #fa7393;margin : 10px 0 0 15px;} .logotxt2 {font : normal 18px Georgia, serif;color : #7a2e40; } #left-column {width : 440px;padding : 0 10px 30px;float : left;} #left-column2 {width : 715px;padding : 0 30px 30px;float : left;} #right-column {width : 270px;float : right;padding-top: 20px;} .crd a:visited, .crd a:link, .crd a:hover{text-decoration : none;color : #2a3845;cursor: text;} #footer {height: 20px; background : #f7f7f7;bottom:0px; border-top : 1px solid #f0e9eb;border-bottom : 1px solid #f0e9eb;padding : 5px 5px;clear : both;} /*** SideBAR ***/ #main-image {text-align : center;} .sidebar {width : 235px;margin : 0 auto;padding : 10px 25px;background : url(images/shadow.jpg) no-repeat top;} /*** image drop shadow***/ img.shadow { background: url(images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; } Quote Link to comment Share on other sites More sharing options...
AyKay47 Posted March 21, 2012 Share Posted March 21, 2012 I see the picture, but I don't see the correlation of that in the code. Just post the css and the html of the relevant data for the left and right columns. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.