以下のtableとそれに伴うcssを作りました。
php
1echo '<table border="1" class="a">'; 2 echo '<tr>'; 3 echo '<th>'; 4 echo '店名'; 5 echo '</th>'; 6 echo '<td>'; 7 echo 〇〇〇〇; 8 echo '</td>'; 9 echo '</tr>'; 10 echo '<tr>'; 11 echo '<th>'; 12 echo '住所'; 13 echo '</th>'; 14 echo '<td>'; 15 echo 東京都〇〇〇〇; 16 echo '</td>'; 17 echo '</tr>'; 18
css
1<style> 2table.a { 3 width:80%; 4border-collapse: collapse; 5 text-align: left; 6 line-height: 1.5; 7 border-top: 1px solid #ccc; 8 border-left: 3px solid #369; 9} 10</style> 11<style> 12table.a th { 13 width: 147px; 14 padding: 10px; 15 font-weight: bold; 16 vertical-align: top; 17 color: #153d73; 18 border-right: 1px solid #ccc; 19 border-bottom: 1px solid #ccc; 20</style> 21<style> 22table.a td { 23 width: 349px; 24 padding: 10px; 25 vertical-align: top; 26 border-right: 1px solid #ccc; 27 border-bottom: 1px solid #ccc; 28} 29</style> 30
tableの店名の上に写真を貼ろうと思ってますが、実際貼ってみたところおかしくなりました。
php
1echo '<tr>'; 2 echo '<td>'; 3 echo "<img src="" width=100 height=100 >"; 4 echo '</td>'; 5 echo '</tr>';
tableのthとtdの幅の長さが同じなりました。
thの幅を短く、tdの幅をを長くしたいのですが、写真を店名の上に貼ると急に変になります。
原因がなんだかわかりません。どうすれば直りますか?
回答1件
あなたの回答
tips
プレビュー