PHP/MySQL image upload

I am looking for an easy to understand PHP tutorial on
uploading an image to a folder. However I would like to put a
reference/path to the image in a MySQL batabase table.

newhorizonhosting.com wrote:
> I am looking for an easy to understand PHP tutorial on
uploading an image to a folder. However I would like to put a
reference/path to the image in a MySQL batabase table.
The PHP online manual is pretty comprehensive on file
uploads.
http://www.php.net/manual/en/features.file-upload.php
You can get the name of the file from
$_FILES['fieldName']['name']
(where 'fieldName' is the name of the form field that uploads
the
image). It's just a question of using that information to
insert into a
database.
I cover image file uploads in considerable detail in "PHP
Solutions" if
you're interested in a more comprehensive approach.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Similar Messages

  • PHP -Mysql image resize and upload

    All,
    Any good ideas, code out there to help me do a PHP MySQL image resize, uploade and display? Thanks for your help!

    For upload image, u may look at the similar thread HERE

  • Php & mysql images

    I have some images in a mysl table(blob field)
    does anyone have a sample to show how to display some images
    in a movie?
    Cheers
    Stevew

    Gotcha. In that case you can just make a php script to pull
    the images and
    return them. I just did a little test and it worked fine - I
    placed a jpg
    into a mediumblob field in MySQL. I then made a little PHP
    script, test.php:
    <?PHP
    include_once("../scripts/db_connect.php");
    $sql = "SELECT image FROM test WHERE id=1";
    $result = mysql_query($sql, $connection);
    $row = mysql_fetch_array($result);
    echo($row['image']);
    ?>
    Then in Flash, I simply loaded the image from the script into
    an empty
    movieClip (imClip) using:
    var lm = new MovieClipLoader();
    lm.loadClip("url/test.php", imClip);
    HTH
    Dave -
    Head Developer
    http://www.blurredistinction.com
    Adobe Community Expert
    http://www.adobe.com/communities/experts/

  • Best way to update images using PHP / MySQL?

    HI
    I want to update images using PHP/MySQL, so users can update their images and maybe some other files but mainly images.
    thanks

    How messed up is this code?!
    <?php
    //connect to database
    $con = mysql_connect("testhost","testuser","pass");
    // file properies
    $file = $_FILES['image']['tmp_name'];
    if (!isset($file))
    echo "please select an image";
    else {
        $id = $_REQUEST['id_display'];
        $image = ($_FILES['image']['tmp_name']) ? file_get_contents ($_FILES['image']['tmp_name']) : '';
        $image_name = ($_FILES['image']['name']) ? addslashes($_FILES['image']['name']): '';
        $image_size = ($_FILES['image']['tmp_name']) ? getimagesize($_FILES['image']['tmp_name']): '';
        if ($image_size == FALSE)
        echo "You have not selected an image.";
        else {
            mysql_select_db("test_display", $con);
            mysql_query("UPDATE testtable SET image = '$image', imagename = '$image_name' WHERE id_display='$id'");
    ?>
    And the upload page....
    /*Update code */ /*End update code */                            

  • Image upload in mysql Databse is working fine of IE bt not in Firefox?

    i hav developed an application of image upload in mysql database,it is working good in Internet Explorer but showing exception of " java.io.FileNotFoundException: (The system cannot find the file specified)" in Mozilla Firefox.
    i'm sending my java servlet code here ,please help me out.
    * uploadData.java
    * Created on July 17, 2008, 12:11 PM
    import java.io.*;
    import java.sql.*;
    import java.sql.Connection;
    import java.sql.ResultSet;
    import java.sql.PreparedStatement;
    import javax.servlet.*;
    import javax.servlet.http.*;
    import javax.sql.rowset.serial.SerialBlob;
    public class uploadData extends HttpServlet {
    String mysql_driver = null;
    String mysql_url=null;
    String mysql_pwd=null;
    ServletConfig servletConfig;
    Connection con=null;
    ResultSet rs=null;
    PreparedStatement pstmt=null;
    FileInputStream fis=null;
    String currentYear;
    String nextYear;
    String letterNo;
    String currentAmount;
    String actualExpenditure;
    String fp;
    public void init(ServletConfig config) throws ServletException {
    servletConfig = config;
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    PrintWriter out = response.getWriter();
    ServletContext context= servletConfig.getServletContext();
    fp=request.getParameter("uploadfile");
    currentYear=request.getParameter("currentYear");
    nextYear=request.getParameter("nextYear");
    letterNo=request.getParameter("letterNo");
    currentAmount=request.getParameter("currentAmount");
    actualExpenditure=request.getParameter("actualExpenditure");
    HttpSession session=request.getSession();
    String userName = (String) session.getAttribute("User");
    String institute = (String) session.getAttribute("inst");
    mysql_driver =context.getInitParameter("jdbcdriver");
    mysql_url=context.getInitParameter("jdbcurl");
    mysql_pwd=context.getInitParameter("password");
    mysql_url=mysql_url + "&" + mysql_pwd;
    try {
    fis=new FileInputStream(fp);
    byte b[]=new byte[fis.available()];
    fis.read(b);
    fis.close();
    Blob blob=new SerialBlob(b);
    Class.forName(mysql_driver).newInstance();
    con=DriverManager.getConnection(mysql_url);
    String query="insert into uploads (FILENAME,BINARYFILE,user_id,nameOrganization,currentYear,nextYear,letterNo,currentAmount,actualExpenditure) values (?,?,?,?,?,?,?,?,?)";
    pstmt=con.prepareStatement(query);
    pstmt.setString(1,fp);
    pstmt.setBlob(2,blob);
    pstmt.setString(3,userName);
    pstmt.setString(4,institute);
    pstmt.setString(5,currentYear);
    pstmt.setString(6,nextYear);
    pstmt.setString(7,letterNo);
    pstmt.setString(8,currentAmount);
    pstmt.setString(9,actualExpenditure);
    out.print("-----------"+query);
    //pstmt.executeUpdate();
    int i=pstmt.executeUpdate();
    if(i>0)
    out.println("Image Stored in the Database");
    else
    out.println("Failed");
    } catch (Exception ex) {
    out.print("*******************"+ex);
    ex.printStackTrace();
    out.close();
    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
    /** Handles the HTTP <code>GET</code> method.
    * @param request servlet request
    * @param response servlet response
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
    processRequest(request, response);
    /** Handles the HTTP <code>POST</code> method.
    * @param request servlet request
    * @param response servlet response
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
    processRequest(request, response);
    /** Returns a short description of the servlet.
    public String getServletInfo() {
    return "Short description";
    // </editor-fold>
    in variable " fp " in IE it is showing complete path of image but in firefox only name of image.
    please help me.......
    Thanks in Advance.

    thanks for your help,
    i had also tried this application by taking help from javazoom.upload, using multipart request,
    but that is was working fine,but the problem with that was i not only hav to upload a file in the same page i also have to save other textbox value (parameters).
    i have used 2-3 solutions to upload but the main prblm coming in my way is to save other information apart from uploaded file.
    with that MultipartRequest i'm unable to save all those information  to mysql database.
    thats why i used this way.
    Note give me hint so that solution can work on both Explorer.
    one more thing please tell me ,will this work on remote server ,as our site is hosted from other place ,we do't hav permission to access (in case of absolute path).
    please help me out............where i'm going wrong.
    thankx

  • PHP image upload to SERVER

    Hi, I had create a upload picture into the server.It is able
    to work on the WAMP server and upload successfully. However, I
    faced some error when I upload into the server.
    Warning: copy(): open_basedir restriction in effect.
    File(/images/uploaded/1221651842.jpg) is not within the allowed
    path(s):
    (/var/www/vhosts/sppa.org.sg/subdomains/istaff/httpdocs:/tmp) in
    /var/www/vhosts/sppa.org.sg/subdomains/istaff/httpdocs/editImage.php
    on line 138
    Warning: copy(/images/uploaded/1221651842.jpg): failed to
    open stream: Operation not permitted in
    /var/www/vhosts/sppa.org.sg/subdomains/istaff/httpdocs/editImage.php
    on line 138
    Can anybody please help?
    Thanks a million!

    Hi, I had create a upload picture into the server.It is able
    to work on the WAMP server and upload successfully. However, I
    faced some error when I upload into the server.
    Warning: copy(): open_basedir restriction in effect.
    File(/images/uploaded/1221651842.jpg) is not within the allowed
    path(s):
    (/var/www/vhosts/sppa.org.sg/subdomains/istaff/httpdocs:/tmp) in
    /var/www/vhosts/sppa.org.sg/subdomains/istaff/httpdocs/editImage.php
    on line 138
    Warning: copy(/images/uploaded/1221651842.jpg): failed to
    open stream: Operation not permitted in
    /var/www/vhosts/sppa.org.sg/subdomains/istaff/httpdocs/editImage.php
    on line 138
    Can anybody please help?
    Thanks a million!

  • Multiple Image Uploading Question

    Please forgive my ignorance here but I saw the question on multiple image uploading and this is something i have been trying to do for a few days now without any success.
    I am using CS3 with ADDT and PHP
    I want to allow my users to be able to upload say 5 pictures at a time, each user has multiple photo albums the names of which are stored in mysql table, the image name is stored in a different table with a reference to the album id.
    So, I assume that i put an insert record on the page, I followed the usual process used to have a single image upload and thought it would give me or add the extra file field options on the form when telling the multi upload to allow 5 images to be uploaded, not the case. Do i have to create a form on the page first with 5 file fields or am i just missing the plot here.
    Sorry if this is just something that seems simple but i just don't seem to be able to get it to work at all. I have no working example to look over and have serach google to see if there are any tutorials for doing this but can't find any at all.
    Thank you in advance of any help and guidance given
    Regards
    Ray

    Hi Günter
    Thank you for your reply and also for the great tutorial site you run which has helped me quite a lot with several things.
    ok, so i am maybe a little confused here, so what is the multiple image uploader for if not for uploading multiple images, and how does it give you the option to select more than one file or is it that you can't use it when inserting the image file into a database?
    Please forgive my ignornace again, i can see when i have tried using the multiple image upload thatit puts a text link called upload, what is that for because it doesn't seem to do anything on the page i have tried it on?
    Kind Regards
    Ray

  • Image upload bombs

    I'm working through a book right now on PHP, MySQL, and Web
    Dev. For the most part I've been doing fine, but when I was
    creating an image upload form today, it's giving me some errors.
    Here's the url:
    http://lwrussell.com/phptesting/chapt7/upload_image.htm
    Here's my form:
    <html>
    <head>
    <title>Upload your pic to our site!</title>
    </head>
    <body>
    <form name="form1" method="post" action="check_image.php"
    enctype="multipart/form-data">
    <table border="0" cellpadding="5">
    <tr>
    <td>Image Title or Caption<br>
    <em>Example: You talkin' to me?</em></td>
    <td><input name="image_caption" type="text"
    id="item_caption" size="55"
    maxlength="255"></td>
    </tr>
    <tr>
    <td>Your Username</td>
    <td><input name="image_username" type="text"
    id="image_username" size="15"
    maxlength="255"></td>
    </tr>
    <td>Upload Image:</td>
    <td><input name="image_filename" type="file"
    id="image_filename"></td>
    </tr>
    </table>
    <br>
    <em>Acceptable image formats include: GIF, JPG/JPEG,
    and PNG.</em>
    <p align="center"><input type="submit" name="Submit"
    value="Submit">
    <input type="reset" name="Submit2" value="Clear Form">
    </p>
    </form>
    </body>
    </html>
    Here's my php code:
    <?php
    //connect to the database
    $link = mysql_connect("hostomitted", "usernameomitted",
    "passwordomitted")
    or die("Could not connect: " . mysql_error());
    mysql_select_db('moviesite', $link)
    or die(mysql_error());
    //make variables available
    $image_caption = $_POST['image_caption'];
    $image_username = $_POST['image_username'];
    $image_tempname = $_FILES['image_filename']['name'];
    $today = date("Y-m-d");
    //upload image and check for image type
    //make sure to change your path to match your images
    directory
    $ImageDir ="
    http://lwrussell.com/phptesting/chapt7/images/";
    $ImageName = $ImageDir . $image_tempname;
    if (move_uploaded_file($_FILES['image_filename']['tmp_name'],
    $ImageName)) {
    //get info about the image being uploaded
    list($width, $height, $type, $attr) =
    getimagesize($ImageName);
    switch ($type) {
    case 1:
    $ext = ".gif";
    break;
    case 2:
    $ext = ".jpg";
    break;
    case 3:
    $ext = ".png";
    break;
    default:
    echo "Sorry, but the file you uploaded was not a GIF, JPG,
    or " .
    "PNG file.<br>";
    echo "Please hit your browser's 'back' button and try
    again.";
    //insert info into image table
    $insert = "INSERT INTO images
    (image_caption, image_username, image_date)
    VALUES
    ('$image_caption', '$image_username', '$today')";
    $insertresults = mysql_query($insert)
    or die(mysql_error());
    $lastpicid = mysql_insert_id();
    $newfilename = $ImageDir . $lastpicid . $ext;
    rename($ImageName, $newfilename);
    ?>
    <html>
    <head>
    <title>Here is your pic!</title>
    </head>
    <body>
    <h1>So how does it feel to be
    famous?</h1><br><br>
    <p>Here is the picture you just uploaded to our
    servers:</p>
    <img src="images/<?php echo $lastpicid . $ext; ?>"
    align="left">
    <strong><?php echo $image_name;
    ?></strong><br>
    This image is a <?php echo $ext; ?> image.<br>
    It is <?php echo $width; ?> pixels wide
    and <?php echo $height; ?> pixels high.<br>
    It was uploaded on <?php echo $today; ?>.
    </body>
    </html>
    Thanks guys! I appreciate it.
    -Luke

    Never mind, I figured it out. The $ImageDir needed so simply
    be "images/"

  • Image upload tools

    I was wondering if anyone can steer me in the right direction
    please, if dreamweaver cs4 can generate the code neccessary to
    create image uploads for admin pages.
    I have been using the Data Objects - Insert and Update Record
    Insertion Form Wizzard with php and mysql and wondered if there was
    a way of adding a button to these forms with relivent code to
    insert a set of images from my desktop to my rootfolder without
    having to hand code it.
    Thanks

    Hi Henry,
    so do you currently have a column named "order" ? If so, you´ll need to rename it to "order_ord" or something.
    Cheers,
    Günter Schenk
    Adobe Community Expert, Dreamweaver

  • Image Upload with overwrite renaming

    Hi
    I wonder whether anyone can help, I have created an image upload page and want to edit the images in the albums I have created. I want to overwrite the image files and not rename them. Is this possible or do I need to create an update page? If so what would be the best way to go about this? I have tried to create an update page but it doesn't seem to work.
    Im using PHP/MYSQL
    Cheers

    Hi Sarah,
    ADDT has a "Delete File" behaviour
    (under "File Upload") -- as the Image Upload feature doesn´t provide an "overwrite if exists" option, I guess you´ll have to figure out a tailor-made chain of actions first, like...
    1. if the "filename" column of your table is not empty
    (means, an image has been uploaded)...
    2. then apply the "Delete File" behaviour and delete it.
    3. afterwards proceed to the "Image Upload" page and upload the image in question once again
    Would this approach make any sense ? ;-)
    Günter Schenk
    Adobe Community Expert, Dreamweaver

  • Multiple image upload problem

    When trying to use the Multiple Image Upload feature I get this error
    A script in this movie is causing Flash Player 9 to run slowly, if it continues your computer may become unresponsive. Do you want to abort the script?
    This message pops up after a single file is uploaded, the second bar labeled progress remains at 0%.
    I have experimented with this all day with no luck, any help would be great...
    Forgot to mention, PHP/MYSQL
    Also happens if I try multiple file upload vs. image.
    I can't tell if it's ADDT or Flash, hopefully since they are both adobe someone can figure it out.
    Thanks in advance...

    Thanks for the reply, in this case it was a server setting that had to be modified. Mod_security would not allow folder creation by Apache. The single up loadd worked fine because it did not have to write a directory.
    It did not show up in the server logs for some reason.
    Hope this saves someone hours of trouble shooting.

  • Can you move a 'Multiple Image Upload' button  into the 'Update Form'?

    I am able to creat and an Update form and an image upload using the "Update Form Wizard" tool and the "Multiple Image Upload" tool succesfully.
    <br />
    <br />The problem comes when I try to move the "UPLOAD" button inside the Update form. Right now it looks like this:
    <br />http://www.webritesolutions.com/Test/upload/now.JPG
    <br />
    <br />This is how I would like it to show:
    <br />http://www.webritesolutions.com/Test/upload/tryingto.JPG
    <br />
    <br />I want to "Upload" button to go next to the "Update record" button. When I do this I get a javascript error and the "Update record" button is disabled.
    <br />Here is the code of what I tried to do:
    <br />
    <br />
    <br />
    <br />
    <br />
    <table>
    <tr class="KT_buttons">
    <td>
    <?php<br />        // Multiple Upload Helper<br /> echo $muploadHelper->Execute();<br /> ?>
    </td>
    <td colspan="1">
    <input type="submit" name="KT_Update1" id="KT_Update1" value="Update record" />
    <br /></td>
    </tr>
    </table>
    <br />
    <br />Here is the Javascript error:
    <br />http://www.webritesolutions.com/Test/upload/error.JPG
    <br />
    <br />thanks for your help.

    A control can only appear once in the visual tree. So you have to remove it from the Grid before you can add it to the DockPanel.
    This code will move the Border element from the Grid to the DockPanel when you click the button:
    Private Sub Button_Click(sender As Object, e As RoutedEventArgs)
    Dim border = CType(LayoutRoot.FindName("myborder"), Border)
    LayoutRoot.Children.Remove(border)
    contain.Children.Add(border)
    End Sub
    <StackPanel>
    <Grid x:Name="LayoutRoot">
    <Border x:Name="myborder" BorderBrush="Black" BorderThickness="2">
    <TextBlock>...</TextBlock>
    </Border>
    </Grid>
    <DockPanel x:Name="contain" Background="Yellow">
    <TextBlock>2</TextBlock>
    </DockPanel>
    <Button Click="Button_Click" Content="Move"/>
    </StackPanel>
    You can try it for yourself. But please post your code as formatted text and not as embedded images if you want anyone to be able to reproduce your issue and help you in the future.
    Please remember to close your threads by marking helpful posts as answer.

  • Multiple image upload CRASH!!! but works with simple image upload

    I'm getting MAD.
    I'm using php and GD
    While the simple image and re size works like a charm, the multiple image upload or the multiple file upload have a strange behavior.
    It opens the pop-up with flash, then eventually shows me files or thumbnails but when I try to up load I just wait and get the typical "system becoming unstable" flash error.
    As I can see the directory is always generated (I've tried also to put a static directory) but after stargin the upload the flash uploader just crashes and no result.
    Any help would be really appreciated

    Hi Fonzie,
    as the folder is getting created, the issue you´re having is not related to wrong folder permission - it´s something else...
    As I wrote before, che common upload and resize function works perfectly
    this one works perfectly, because it´s just one file to upload and to process, wheras doing that with multiple files might collide with some settings on your server
    So for sure it's not a simple issue as the max filesize
    Are you sure ? Did you check the current "max_upload_filesize" setting ? As long you don´t check it, you can´t know :-)
    As a general rule of thumb, it´s important to be aware of the fact that uploading & resizing images on the server might collide with several PHP settings -- and the more images you upload and resize in one swoop, the closer you´re getting to these limits respectively might even be exceeding them. The following "directives" are those which have an effect on whether your image/file upload & processing will work or not:
    - "max_upload_filesize" :: is sometimes set to just 8 MB on a shared hosting, sometimes 16 MB, sometimes more. This setting will affect the file upload procedure only
    - "set_time_limit" (e.g. 30 seconds) :: if the execution time of a script exceeds this limit for whatever reason, the server simply shuts it down without letting you (respectively the flash uploader) know it´s been shut down. This *might* be the reason why ADDT´s flash uploader hangs respectively returns that error message after some time, because it´s waiting for some response from the server which never comes.
    - "memory_limit" (e.g. 8 MB) :: this directive is a sort of "allocated server RAM" for your account, and it´s in particular the image resizing process which will grab more or less memory resources -- the higher the the resizing factor is, the more RAM is spent, and the more images are getting resized in one swoop, the worser it gets.
    However, all these PHP directives can be changed, and your host might even be so courteous to increase the currently defined values of those abovementioned directives for you -- and that´s what I´m suggesting at this point.
    Cheers
    Günter Schenk
    Adobe Community Expert, Dreamweaver

  • PHP/Mysql issue

    I use Dreamweaver CS3 to create my sites on a Windows/Apache
    Server with PHP5 and Mysql 5. The site works perfectly on my
    testing server at home. On the Web server I'm getting the following
    error which causes the page to not load:
    PHP Warning: mysql_query(): supplied argument is not a valid
    MySQL-Link resource in
    /hermes/bosweb/web248/b2488/ipw.horsehelp/public_html/residents/residents.php
    on line 63
    PHP Warning: mysql_select_db(): supplied argument is not a
    valid MySQL-Link resource in
    /hermes/bosweb/web248/b2488/ipw.horsehelp/public_html/residents/residents.php
    on line 61
    The lines in question are:
    Line 61 - mysql_select_db($database_conn_phh, $conn_phh);
    $query_getSuccess = "SELECT * FROM horses WHERE status =
    'Success Story' ORDER BY horse_barn ASC";
    $getSuccess = mysql_query($query_getSuccess, $conn_phh) or
    die(mysql_error());
    $row_getSuccess = mysql_fetch_assoc($getSuccess);
    $totalRows_getSuccess = mysql_num_rows($getSuccess);
    All of the code is supplied by Dreamweaver. I did not tweak
    the code. I'm not a web developer and what I have found out there
    is still reading greek to me. My connection file is working and
    connecting the database that I have tested.
    Since the above code is throughout the site in one form or
    another it's causing me major headaches. Any help would be
    appreciated.

    This is the first time I've used Adobe products so if the
    following is in the wrong forum (It's the closest one I found so
    far) or the format is incorrect please forgive me.
    I'm new to Dreamweaver CS3 and as I was reading the "first
    steps" it mentions to set up a Dreamweaver site right away. I got
    as far as completing "Site Definition" page under the basic side of
    the setup screen.
    The next screen is "Do you want to work with server
    Technology?"
    There are 2 options - Yes or No. If you select yes a
    drop-down menu appears with several options (but you can only
    select one)...
    Asp Javascript
    Asp VbScript
    Asp.net#
    Asp.net Vb
    Cold Fusion
    JSP
    Php MySql.
    I know nothing about these format and brand new to web design
    so I thought it best to contact GoDaddy (my hosting account) to
    find out what their servers would support. I spoke to a tech rep
    but she wasn't sure.
    She did mention that I have a windows hosting account and Php
    MySql would not work unless I changed to their Linux platform at no
    additional charge.
    The site I have in mind will design with CSS, Liquid layout,
    have some flash, widgets, an inquiry form that clients complete and
    results e-mailed to me, auto-responder, Paypal link and whatever
    else I can discover from Dreamweaver.
    My question being:
    I haven't even begun designing my site because I do not know
    what weather I should select the Yes option and select one of the
    formats mentioned above (if so which one) - or select the No
    option. If I do select the No option at the very beginning, will I
    have problems with my site uploading and working correctly?
    Thank you
    Travis

  • How to use spry in the dreamweaver with the php/mysql

    hello,
    Iam new to the spry framework
    and i want to know can we use the spry in the dreamweaver
    along with php / mysql code
    if so please tell how to do this
    thanks in advance

    swetha123 wrote:
    > but when i complie this page it is not showing the
    preiew or any thing in the
    > browser i saved this page with the extension .php if i
    run the same page with
    > .html then i can see the design but it is not being
    executed
    The reason you get nothing when you save the page with a .php
    extension
    is because you have display_errors turned off, so you can't
    see the
    error message telling you there's a syntax error. The
    semicolon is
    missing at the end of this line:
    > echo "<font color='white'>Hello
    Swetha</font>"
    The reason it doesn't work with an .html extension is
    probably because
    you haven't uploaded SpryAssets/SpryTabbedPanels.js. I have
    copied your
    page and tested it locally with the correct JavaScript file,
    and the
    tabbed panels work as expected.
    There are lots of other mistakes in your page. You can't use
    float and
    position:absolute on the same element. In at least one place,
    you have
    used </br> instead of <br />. You have also got
    an closing paragraph tag
    after the paragraph that contains abc.jpg.
    Getting Spry or any other JavaScript library to work
    correctly relies on
    good, clean code. Your mixture of inline styles and font tags
    is going
    to make it difficult to incorporate Spry into your pages. I
    suggest you
    improve your HTML and CSS before bringing Spry into the mix.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS3" (friends of
    ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

Maybe you are looking for