如何製作個人資料表？

我正在嘗試在我的網站上獲取此表格以在左側顯示一張圖片，並在左側顯示關於該職員的信息。它是在一個WordPress頁面中，但無論它在頁面上還是在獨立的HTML文檔中，它都不會呈現我想要的樣子。如何製作個人資料表？

它應該遵循與http://grab.by/djQk一樣的總體思路。

我試圖複製它們的源代碼，但無法渲染它，所以我從我的網站上拉出它們的源代碼並從頭開始，仍然無法使它工作。

http://radio.powercastmedia.net/staff/

來源

2012-04-27 Phill Fernandes

下面是代碼的從我的網站引擎收錄：http://pastebin.com/kVGTmzUi – 2012-04-27 11:41:12

我已經實現了什麼你需要使用CSS而不是表格。

看到這個JSFiddle

乾杯，山姆

來源

2012-04-27 12:31:18 Samwise

+1很好的例子小提琴 – Basic 2012-04-27 15:59:37

如果您使用表....

<table> 
    <tr> 
     <td style="width: 25%;"> 
      <img src="blah"/> 
     </td> 
     <td> 
      <table> 
       <tr> 
        <td>Blah</td> 
        <td>Blah</td> 
       </tr> 
       <tr> 
        <td>Blah</td> 
        <td>Blah</td> 
       </tr> 
      </table> 
     <td> 
    </tr> 
</table>

注：與你的引擎收錄例子的問題是，你正在使用<tr>一個<td>這是不正確內 - <tr>能只能進入桌子內部，所以你需要額外的桌子標籤。

也有可能使用colspan和rowspan對單個細胞單個表的事，但我個人更喜歡通過使浮動離開例如，圖像做到這一點：

<div> 
    <img src="blah" style="float: left;"/> 
    <p>Name: John</p> 
    <p>Something else</p> 
</div>

來源

2012-04-27 11:45:52 Basic

如何製作個人資料表？

回答

相關問題