Webdiary 導入記録-3
- 2008/04/06 09:07
Webdiaryã®ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨ã«ãŠå¤©æ°—æƒ…å ±ã‚’å®Ÿè£…ã—ãŸéš›ã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚tableタグを使ã£ã¦ã€ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨ã®å·¦ç«¯ã«blogã®ã‚¿ã‚¤ãƒˆãƒ«ã€å³ç«¯ã«ã¯ãŠå¤©æ°—æƒ…å ±ã‚’è¡¨ç¤ºã•ã›ã¦ã„ã¾ã™ã€‚common.cssã‚‚ä¿®æ£ã—ã¦ç½«ç·šã®è‰²ä¼šã‚ã›ã¨ã€å³å¯„ã›ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ç§ã¨ã—ã¦ã¯ä¸æº€è¶³ã§ã™ãŒã€ä»Šã¯ã‚³ãƒŽæ–¹æ³•ã—ã‹æ€ã„付ãã¾ã›ã‚“ã§ã—ãŸã€‚ã¾ã ä»–ã®è‰¯ã„方法ãŒç„¡ã„ã‹è€ƒæ…®ä¸ã§ã™ã€‚â‘ header.htmlã€â‘¡common.cssを変更ã—ã¾ã™ã€‚
---変更å‰
---
<body>
<div id="container">
<div id="header">
<h1><a href="${INFO_PATH}">${INFO_TITLE}</a></h1>
<p>${INFO_DESCRIPTION}</p>
</div>
---変更後
---
â‘ header.htmlã®å¤‰æ›´
<div id="header">
<table width="100%">
<tr>
<td width="320pixels"><h1><a href="${INFO_PATH}">${INFO_TITLE}</a></h1><p>${INFO_DESCRIPTION}</p></td>
<td>
(ã“ã“ã«ãŠå¤©æ°—æƒ…å ±ã‚’å…¥ã‚Œã‚‹)
</td>
</tr>
</table>
</div>
â‘¡common.css ã®å¤‰æ›´
table {
margin-bottom: 10px;
border: 1px solid #C0C0E3;
border-collapse: collapse;
}
table tr th {
padding: 1px;
border: 1px solid #C0C0E3;
background-color: #EEEEEE;
text-align: center;
}
table tr td {
padding: 1px;
border: 1px solid #C0C0E3;
text-align: right;
}