当前位置: 动力学知识库 > 问答 > 编程问答 >

html - Table-based "Website" for eBay product listing - Table headers and table spacing

问题描述:

I'm trying to create an eBay Layout and I heard the best practice was to use old-timey design philosophies like tables and inline CSS, which I never thought I would have to use.

Here's what I'm shooting for: https://gyazo.com/a9e29483e68074bc23e2483b69d105b3

And here's what I got so far: http://codepen.io/anon/pen/ZBZRPK

<table cellspacing="10px" cellpadding="20px">

<tr style=" width: 960px; background-color:#fff;">

<td style="width:735px; border-top-left-radius: 10px;border-top-right-radius: 10px; background-color:#1bbc9b;">sadsadsafsa</td>

<td style="width:215px; border-top-left-radius: 10px;border-top-right-radius: 10px; background-color:#1bbc9b;">sadsadsafsa</td>

<tr style=" width: 960px; background-color:#fff;">

<td style="width:735px; border-radius:10px;">

My problem is that normal CSS practices like padding and margin refuse to work with tables. I can only set one cellspacing, but I want the table headers to touch the content-tables like in the layout. Is there any way I can achieve this? Or some way I can just use divs in eBay product listings?

分享给朋友:
您可能感兴趣的文章:
随机阅读: