View Full Version : Changingw ebsite design by moving images and text.

05-18-2009, 07:07 PM
The public website I am working on have boxed images and teh text is wrapped inside those boxes.I am trying to move those images but I am unable to do that.Can anyone help me out?

Here i sthe css file:

body {
background: #EDEEED;

td {
font-family: Arial;
font-size: 10pt;
line-height: 100%;
color: black;

A:link {
color: navy;

A:visited {
color: navy;

A:hover {
color: #FF7200;

.blank {
font-size: 1pt;

.banner {
font-size: 12pt;
color: #FF7200;

.i_border {
border-style: solid;
border-color: #CFCECF;

.main_color {
background-color: #FFFFFF;

.td_color_1 {
background-color: #9E9E9E;
font-size: 1pt;

.td_color_2 {
background-color: #EAEAEA;

.v_line_color {
background-color: #D6D6D6;
font-size: 1pt;

.h_line_color {
background-color: #CCCCCC;
font-size: 1pt;

h1 {
font-family: verdana;
color: orange;

background-repeat: no-repeat;


p {line-height : 18px;}

Here is the index.php file:

<? include 'Functions.inc';

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript" src="flash_link.js" type="text/javascript"></script>
<TITLE> Supplier </TITLE>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color: #FFFFFF" language="Javascript1.2">
<div align="center">
<? //<table border="0" cellpadding="0" cellspacing="0" width="915">?>
<td width="212" height="31">&nbsp;</td>
<td width="15" height="31">&nbsp;</td>
<td width="700" height="31">
<div id="container">
<div id="header">
<div id="links">
<p align="right"></p>
<p align="right">&nbsp;</div>
<tr height="59">
<td class="main_color" height="59" align="right" valign="bottom" width="212">

<td class="main_color" height="59" align="right" valign="bottom" width="15">

<? <td class="main_color" align="center" valign="top" nowrap height="462" width="212" background="images/featured_bracket.gif"><br>?>//I want to move theimages coming from featured_bracket

<p> <? include 'FeaturedItems.inc';
$FeaturedItemsHTMLBlock = FeaturedItems(1);
<div style="text-align: center;"><a title="Featured Items" href="http://featured.php" ><strong><font color="orange"><u>FEATURED ITEMS</strong></div></u>

print $FeaturedItemsHTMLBlock[0];
print $FeaturedItemsHTMLBlock[1];
print $FeaturedItemsHTMLBlock[2];
print $FeaturedItemsHTMLBlock[3];

Thanks in advance.

05-19-2009, 08:29 AM
I am trying to move those images but I am unable to do that.Can anyone help me out? Move? to where?
btw, I'd recommend you to read why using tables for making layout is very bad (http://www.hotdesign.com/seybold/)