Results 1 to 4 of 4

Thread: need a little css help

  1. #1
    Join Date
    Jul 2007
    Location
    Irmo, SC
    Posts
    96
    Thanks
    10
    Thanked 7 Times in 7 Posts

    Default need a little css help

    I am learning, but still have issues

    http://outdoorsindoors.net/DEV/TFTD/

    Look at the bottom where the testimonials part is. I have them stacked side by side, 4 of them. I am trimming with php to the first 100 chars.

    However for some reason the container appears to be floating horizontally

    Also the links at the bottom, i would like them on one line. when I make changes to the css that I think would work, it gets crazy.

    code calling the container

    Code:
    echo "<Tr><td><div class=\"footer_container\">\n";
    include_once("mods/testimonials/index_block.php");
    echo "</div></td></tr>\n";
    code of testimonial itself
    Code:
    <?php
    $sql = mysql_query("select * from testimonials where t_approved = 1 order by rand() LIMIT 0,4") or die (mysql_error());
    while ($row = mysql_fetch_array($sql)) {?>
              <div class="footer_testi">
    		  <p><?php echo $row["t_name"]." - ".$row["t_location"];?></p>
    		  <?php echo substr($row["t_text"],0,100)."...";?>
              </div>
    <?php } ?>   
    <div class="testi_link"><a href="index.php?page=mods/testimonials/index">Read More</a> </div> <div class="testi_link"><a href="index.php?page=mods/testimonials/submit">Submit a Testimonial</a></div>
    and the relavant css
    Code:
    .footer_container{background-image:url('footer_bg.jpg'); text-align:center; width:937px; padding:0 5px 0 5px;}
    .footer_testi{text-align:left; width:200px; float: left; margin: 1em; overflow:hidden; vertical-align:top;}
    .footer_testi p{font-size:12px; color:#330000; font-weight:bold;}
    .testi_link {text-align:right; }
    .testi_link  a{text-align:right; font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight: bold;}
    Last edited by gpigate; 02-11-2010 at 09:58 PM.

  2. #2
    Join Date
    Sep 2008
    Location
    Seattle, WA
    Posts
    135
    Thanks
    1
    Thanked 11 Times in 11 Posts

    Default

    I'm confused. Shouldn't it be horizontal? I can't imagine it being vertical. Not clear on what your problem is, the page looks fine.

  3. #3
    Join Date
    Jul 2007
    Location
    Irmo, SC
    Posts
    96
    Thanks
    10
    Thanked 7 Times in 7 Posts

    Default

    my mistake, forgot to come back and post. I figured it out.

  4. #4
    Join Date
    Jul 2007
    Location
    Irmo, SC
    Posts
    96
    Thanks
    10
    Thanked 7 Times in 7 Posts

    Default

    I am still having a css issue on another page though.

    I want the videos to be laid out 2 side by side in 2 rows

    http://outdoorsindoors.net/DEV/TFTD/...ds/Video/index

    Code:
    .vid_container{background-image:url('vid-bg.jpg'); height:850px; padding:65px 0px 15px 0px; text-align:center; }
    .vid{text-align:center; width:100% }
    .vid_entry{text-align:center; color:#FFFFFF; font-weight:bold; padding:15px 0px 0px 0px; float:left; }
    .vid_entry p{text-align:left; color:#FFFFFF; vertical-align:top; font-weight:normal }
    .vid_entry a{color:#FFFFFF; font-size:12pt; font-weight:normal}
    .vid_entry a:hover  { color: #c36202; font-weight:normal }
    .vid_entry img {float:left; position:relative; top:0; padding: 0 5px 0 0}
    .vid_summ {text-align:center; color:#FFFFFF; padding:15px 0px 0px 15px; float:left; }
    .vid_summ p{text-align:left; color:#FFFFFF; float:left; }
    Code:
    <div class="vid_container">
    
                <?php             
                  $i=1;
                  $vidsql = mysql_query("Select * from site_video order by id");
                  while ($vid = mysql_fetch_array($vidsql)) {
    			  echo "<div class=\"vid\">\n";
                     if ($vid['vid_type']==3 ) {
    				    echo "<div class=\"vid_entry\">\n";
                        echo $vid['title']."\n";
                        echo $vid['vid_desc']."\n";
                        echo"<br><a href=\"index.php?page=mods/Video/gen_flv&vidid=".$vid['id']."\">Watch Video</a>\n";
    					echo "</div>\n";
    				  }
    
                      $i++;
                  }
    			  echo "</div>\n";
                ?>
    <div class="vid_summ"><p>
    This footage was shot by Virgil Tagtmeyer and Josh and Jeremy Yuille during the Missouri three week Spring turkey season. This is what they had to say about the Floozie decoys: <br><br>May 11, 2009
    <i>We were fortunate to hunt over both of your Floozie decoys all year and had tremendous success. We have had everything from hens pecking the decoys, to toms running them over, spurring and flogging the Floozie jake. As our experience, with the lifelike look of these decoys, when a bird sees them, they commit! We have also been able to video our hunts, and you can see the Floozies in action on Dish Network channel 230 on Bad Bob and Jimmy's Posted Places. Thanks Anthony for making such an awesome and innovative product!!!</i><br><Br>
    Josh and Jeremy Yuille, Posted Places TV, Pro Staff <Br><br><i>I have hunted turkeys for over 30 years and have used many different brands of decoys. I have never seen reactions like this, in all my life, to these life like, life size decoys from Eddy Enterprises.  Hens and gobblers are so attracted to the decoy, they come in running.<br>
    Watch the video clips and you will be amazed by the turkey's attraction and reaction to these awesome wild turkey decoys.</i><br><br>
    Virgil Tagtmeyer,  Tag & Co.,  Sedalia, Mo.</p>
    </div>            
    </div>

Bookmarks

Posting Permissions

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