作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在下表中,整个单元格都是超链接。我怎样才能使单元格超链接中的文本?相应的CSS也在下面。
提前致谢
约翰
<?php
echo "<table class=\"samplesrec\">";
while ($row = mysql_fetch_array($result)) {
echo '<tr>';
echo '<td class="sitename1"><a href="http://www.'.$row["url"].'">'.$row["title"].'</a></td>';
echo '</tr>';
echo '<tr>';
echo '<td class="sitename2"><a href="http://www.'.$row["url"].'">'.$row["username"].'</a></td>';
echo '</tr>';
}
echo "</table>";
?>
table.samplesrec {
position:absolute;
left:300px;
top:125px;
text-align: left;
font-family: Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 16px;
color: #000000;
width: 1000px;
table-layout:fixed;
background-color: #FFFFFF;
border: 2px #FFFFFF;
border-collapse: collapse;
border-spacing: 2px;
padding: 1px;
text-decoration: none;
vertical-align: text-bottom;
}
table.samplesrec td {
border: 2px solid #fff;
text-align: left;
height: 18px;
overflow:hidden;
}
table.samplesrec td a{
display: block;
padding: 2px;
color: #000000;
text-decoration: none;
overflow:hidden;
height: 18px;
}
table.samplesrec td a:hover{
background-color: #FFFFFF;
display: block;
padding: 2px;
color: #FF0000;
text-decoration: none;
overflow:hidden;
height: 18px;
}
.sitename1 { width: 550px;
overflow:hidden !important;
color: #000000;
vertical-align:
}
.sitename2 { width: 50px;
overflow:hidden !important;
color: #793D00;
font-size: 12px;
font-weight: bold;
height: 18px;
padding-bottom: 18px;
}
最佳答案
从 table.samplesrec td a
和 table.samplesrec td a:hover
中移除 display:block
。
关于html - 将超链接从整个表格单元格更改为仅表格单元格中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2368474/
我是一名优秀的程序员,十分优秀!