Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    ggn
    ggn is offline
    New to the CF scene
    Join Date
    May 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Changingw ebsite design by moving images and text.

    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:
    Code:
    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:
    Code:
     
    <? 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.
    Last edited by Apostropartheid; 05-18-2009 at 08:51 PM. Reason: [CODE] != [ICODE]!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    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
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •