让我从我正在使用tablesorter(即GREAT http://tablesorter.com/docs/)开始

现在,我有以下HTML和PHP代码:

<table id="tablesorter-demo" class="tablesorter">
  <thead>
    <tr>
      <th>Max.View</th>
      <th>Portefeille</th>
      <th>Groep</th>
      <th>Aantal</th>
      <th>Aanschafkoers</th>
      <th>Aanschaf Euro</th>
      <th>Aandeel</th>
      <th>Vandaag</th>
    </tr>
  </thead>
  <tbody>

<?php
  $conn = mysql_connect('localhost','altered','altered');
  mysql_select_db("altered",$conn);

  $query1 = "select * from data";
  $get = mysql_query($query1);
  while($row = mysql_fetch_array($get)) {
?>
    <tr> <!-- WARNING: this was missing in the original -->
      <td><?php echo "<img heigth=90 width=260 border=1 vspace=2 hspace=2 align=middle src=".$row['bigview']."?=rand(1,999)/>" ?></td>
      <td><?php echo $row['fname'] ?></td>
      <td><?php echo $row['mi'] ?></td>
      <td><?php echo $row['age'] ?></td>
      <td><?php echo $row['gender'] ?></td>
      <td><?php echo $row['age'] * $row['gender'] ?></td>
      <td align="right"><?php print "<a href='$row[URL]'> $row[lname] </a>";       ?></td>
      <td ><?php echo "<img heigth=90 width=260 border=1 vspace=2 hspace=2 src=".$row['address']."?=".rand(1,999)."/>" ?></td>
    </tr>
<?php }?>


  </tbody>
</table>


现在我要在其上应用此CSS ...

http://dapinder.com/zoom-images-on-mouse-hover-using-css3/


  (还有很多其他示例:
  http://stanhub.com/how-to-create-zoom-effect-on-image-hover-with-css-and-jquery/
  但是他们仍然质疑所有相同的问题。 (如何将其应用于
  mysql数据生成表?)


更确切地说,我希望将其用于最后一列。

问题1:我是否必须在class=zoom_img thead vandaag的上部某处应用th

要么

我是否必须将其应用在最后一部分上?

<td><?php echo "<img


我试过了。例如:

<td ><?php echo "<img class=zoom_img hei


但是什么也没发生...

问题2:是否真的需要像示例中那样使用DIV。如果是,我应该在哪里使用它?

此外,该示例还显示了双引号...。

<div class="zoom_img">
  <img src="image.png" title="Magify image on mouse hover using CSS" />
</div>


....但应如何在此行中设置其格式:

<td ><?php echo "<img class=zoom_img heigth=90 width=260 border=1 vspace=2 hspace=2 src=".$row['address']."?=".rand(1,999)."/>" ?></td>


我可以不使用heigth=90那样使用双引号吗?
要么
是否因为CSS(或其他名称)而需要双引号?

最佳答案

您可以在PHP中转义双引号:

<?php echo "<img class=\"zoom\"_img heigth=\"90\" width=\"260\" border=\"1\" vspace=\"2\" hspace=\"2\" class=\"yourclass\" src=".$row['address']."?=".rand(1,999)."/>" ?>


但最好将CSS外包到.css文件中,而只需添加class="yourclass"

您可以尝试仅使用html / css来查看环境中输出的示例,这样您就可以看到要应用的CSS3可以正常工作,然后对其进行转义并使用PHP进行所需的操作。而且您已经知道如何逃避"

关于html - 如何在生成的HTML表中(包含mysql数据)应用CSS?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30077172/

10-09 07:09
查看更多