在我的页面中(我雇了一个程序员来做这个……我正在尝试修复所有做得不好的事情……)我对部分路标有疑问。它的代码部分根据之前的步骤创建不同的列表,并且当您将鼠标移到该列表的其中一项时,它的“显示”在左侧的文本...
他使用了表格,我尝试将其从表格更改为<li>
,但没有任何变化...
问题是每个文本都从列表中标记的行开始,而我想从表的第一行开始....
这是代码的一部分...
while ($rowshowvarianty = mysqli_fetch_array($resultshowvarianty)){
echo '<tr id="line" class="line">
<td style=" line-height: 25px; ">
<span style="width:250px; background: #e74c3c;color: white;border-radius: 50%;
padding: 0px 7.5px;">?</span>
</td>
<td style=" font-size: 13px; width: 100%; ">
<a style="text-decoration: none; color: #232323;"
href="?step=3&cil='.$_GET['cil'].'
plan='.$rowshowvarianty['id'].'">'.$rowshowvarianty['nazev'].'</a>
</td>';
echo '<td style="width:400px; top: 0px; margin-left: -400px; position:absolute; ">
<span class="hiddentooltip" id="'.$rowshowvarianty['id'].'">'
.$rowshowvarianty['pruvodce'].'</span>
</td></tr>';
}
CSS:
.line:hover .hiddentooltip,
.line:hover ~ .hiddentooltip{
left: -400px;
float: right;
position: absolute;
width: 100%;
height: 100vh; display: block;
}.line td:nth-child(2) {
max-width: 350px !important;
width: 30% !important;
text-align: left;
padding-left: 10px;
}
.hiddentooltip{
display: none;
padding: 0px 30px;
font-size: 11px;
line-height: 18px;
答案 0 :(得分:0)
这一次我完成了,我必须在其他设备上检查它,但是...这是我想运行的...
while ($rowshowvarianty = mysqli_fetch_array($resultshowvarianty)) {
echo '<tr id="line" class="line">
<td style="line-height: 25px; ">
<span style="width:250px; background: #e74c3c;color: white;border-radius: 50%; padding: 0px 7.5px;">
?
</span>
</td>
<td style=" font-size: 13px; width: 100%; ">
<a style="text-decoration: none; color: #232323;" href="?step=3&cil=' . $_GET['cil'] . '&plan=' . $rowshowvarianty['id'] . '">' . $rowshowvarianty['nazev'] . '</a>
</td>';
$vs='width:400px; margin-left: -400px; position: absolute; top:' .-($nsb*28) . 'px;';
$nsb++;
echo '
<td style="' . $vs . '">
<span class="hiddentooltip" id="' . $rowshowvarianty['id'] . '">
' . $rowshowvarianty['pruvodce'] . '
</span>
</td>
</tr>';
}