Question

在我的网站上guestpeaker.earth我右手边的按钮可以点击跳转到其他页面。每个按钮都是一个表格行，分为两列，以帮助我组织和对齐内容。 L / H列具有带链接的图像，R / H列具有标题和包含文本的段落，所有列都由链接锚定。它有效，但它会产生错误，因为你当然不应该在<a>标签内有标签。（使用＆＃39; width＆＃39;＆＃39; align＆＃39;也有问题。）。我努力想出一个优雅的选择。我不想使用Java。如果不能模仿当前的布局，我会接触那些看起来不像我所拥有的替代品。任何帮助都非常感谢，因为我是这里的初学者。

<table class="rightpanel"> 
<tr class="rightpanellinkbox">
<td class="rightpanellinkbox" width="90"><a href="current-bookings.htm">
<img src="images/lecture-audience.jpg" alt="Current bookings" width="70"  align="center"></a>
</td>
<td class="rightpanellinkbox"><a href="current-bookings.htm">
<h3>Current bookings</h3>
<p class="panel">Upcoming talks David is giving around the country</p></a>
</td>
</tr>
</table>

CSS是：

table.rightpanel {
margin-left:auto;   
margin-top: 10px;
text-align: center;
background-color:#000066;
margin-left: 10px;
margin-bottom:35px;
width: 85% }    

td.rightpanellinkbox {
padding-top:2px;
border-bottom: 1px solid #0066CC }

tr.rightpanellinkbox {  padding-top:2px; }

p.panel             {  
color: white;
margin-right: 10px;
margin-left: 10px;
text-align:left;
font-size: 75% }

垂直导航栏，带有图片+文字css

0 个答案: