[英]Can't get table to show up using HTML and CSS
I am designing an HTML/CSS popup that is being used with openlayers 3, and I am having trouble getting a table to show up in the popup that displays when you click on the map. 我正在设计一个与openlayers 3一起使用的HTML / CSS弹出窗口,并且在单击地图时无法使表格显示在弹出窗口中出现麻烦。
I'm fairly new to HTML and CSS, so I may be making a really obvious error, but I have searched for a solution to this all afternoon to no avail. 我对HTML和CSS相当陌生,因此我可能犯了一个非常明显的错误,但整个下午我都在寻找解决方案,但无济于事。 I only did the HTML/CSS tutorial on codeacademy recently so I apologize if there's a simple concept I'm overlooking here.
我最近才在codeacademy上做过HTML / CSS教程,所以如果在这里忽略了一个简单的概念,我深表歉意。
html: HTML:
<section class="info">
<div class="info-container" id="popup-content">
<table class="table">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
</section>
css: CSS:
.table {
border: 1px black;
}
Here is a link to my jsfiddle: https://jsfiddle.net/iboates/1ba7rgcp/ 这是我的jsfiddle的链接: https ://jsfiddle.net/iboates/1ba7rgcp/
All I want to know is how to get the table to show up. 我只想知道如何显示表格。
我签出,发现您的js代码中有lorem ipsum,如果您删除它,则不显示该表,则可以显示该表
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.