gpigate
02-05-2010, 04:43 PM
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
echo "<Tr><td><div class=\"footer_container\">\n";
include_once("mods/testimonials/index_block.php");
echo "</div></td></tr>\n";
code of testimonial itself
<?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
.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;}
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
echo "<Tr><td><div class=\"footer_container\">\n";
include_once("mods/testimonials/index_block.php");
echo "</div></td></tr>\n";
code of testimonial itself
<?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
.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;}