css problem

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

AyKay47 · 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.

Sign In

css problem

Recommended Posts

scarezekiel

Link to comment

Share on other sites

AyKay47

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information