У меня есть то, что кажется простой проблемой, но поиск в сети не дал никаких результатов.
У меня есть таблица
<table>
<tr>
<td colspan="3">
<img src="something.png" />
</td>
</tr>
<tr>
<td>
Hello
</td>
<td>
World
</td>
<td>
!
</td>
</tr>
</table>
Элементы <tr>
имеют border-top: dotted 1px black
, это отлично работает, кроме центрального элемента <td>
во втором <tr>
.
Этот элемент имеет двойную границу и поэтому отображается как сплошная строка, удаление colspan
устраняет проблему.
Я попытался применить border-collapse: collapse
к таблице, и это не сработало, я попытался добавить контент в форме
внутри первого <td>
вместо изображения, и это не сработало.
Любые идеи кто-нибудь?