1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

another wordpress classified site plugin - need html coding help

Discussion in 'HTML & JavaScript' started by theconfidenceman, Aug 17, 2010.

  1. theconfidenceman

    theconfidenceman Regular Member

    Joined:
    Feb 24, 2008
    Messages:
    262
    Likes Received:
    57
    Location:
    New York
    Home Page:
    AWPCP lists all ads in vertical format; 1 image and text formatted to the left of the pages like this

    image1 - title and description

    image2 - title and description

    image3 - title and description

    I want to list the photos horizontally with the text below the image...
    like this

    image1-image2-image3 with text description below the image

    the ppl in their forum suggest I edit this coding, but I dont know what to
    edit and what codes will acomplish my objective.

    the code is below...

    any ideas?

    Code:
    <div id="$awpcpdisplayaditems"><div style="width:$imgblockwidth;padding:5px;float:left;margin-right:20px;">$awpcp_image_name_srccode</div><div style="width:50%;padding:5px;float:left;"><h4>$ad_title</h4> $addetailssummary...</div><div style="padding:5px;float:left;"> $awpcpadpostdate $awpcp_city_display $awpcp_state_display $awpcp_display_adviews $awpcp_display_price </div><div class="fixfloat"></div></div><div class="fixfloat"></div>
     
  2. theconfidenceman

    theconfidenceman Regular Member

    Joined:
    Feb 24, 2008
    Messages:
    262
    Likes Received:
    57
    Location:
    New York
    Home Page:
    anybody?
     
  3. ElmosGotAGun

    ElmosGotAGun Newbie

    Joined:
    Dec 18, 2009
    Messages:
    18
    Likes Received:
    1
    Have you got the answer to this....

    By the looks of it all you have to do it remove the float:left from everything and add it to the containing DIV

    Code:
    <div id="$awpcpdisplayaditems" style="float:left; margin-right:20px" >
      <div style="width:$imgblockwidth;padding:5px;">$awpcp_image_name_srccode</div>
      <div style="padding:5px;">
        <h4>$ad_title</h4>
        $addetailssummary...</div>
      <div style="padding:5px;"> $awpcpadpostdate $awpcp_city_display $awpcp_state_display $awpcp_display_adviews $awpcp_display_price </div>
      <div class="fixfloat"></div>
    </div>
    <div class="fixfloat"></div>
    
    
     
    Last edited: Sep 1, 2010