...

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



ggn
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;
text-decoration:none;
}



A:visited {
color: navy;
text-decoration:none;
}



A:hover {
color: #FF7200;
text-decoration:underline;
}



.blank {
font-size: 1pt;
}



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



.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;
}

TD
{
background-repeat: no-repeat;

}

p {line-height : 18px;}




Here is the index.php file:



<? include 'Functions.inc';

opendb();
?>
<html>
<head>
<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>

</head>
<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">?>
<tr>
<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>
</div>
</div>
</td>
</tr>
<tr height="59">
<td class="main_color" height="59" align="right" valign="bottom" width="212">

</td>
<td class="main_color" height="59" align="right" valign="bottom" width="15">
&nbsp;</td>




<? <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);
?>
<br>
<TABLE> <TR>
<p>
<div style="text-align: center;"><a title="Featured Items" href="http://featured.php" ><strong><font color="orange"><u>FEATURED ITEMS</strong></div></u>
<br>

<?
shuffle($FeaturedItemsHTMLBlock);
print $FeaturedItemsHTMLBlock[0];
print $FeaturedItemsHTMLBlock[1];
print $FeaturedItemsHTMLBlock[2];
print $FeaturedItemsHTMLBlock[3];
?>
</TABLE>





Thanks in advance.

abduraooft
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/)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum