2列目の行

私のコーディングはどこにでもありますので、私はこれまでに何を持っているかの例はありません。やり直してみよう。私は唯一の2番目の列がそうしたいと思っている間だけ、すべての列を行に変換する方法を見つけるように見えます。2列目の行

私はで終わるしたいものの例：

私は二列

に分け右のいずれかで2列のdivのテーブルを考えている私はにできませんよサイト上の制約のためにjavascriptなどを使用してください。

私はそれを検索しようとしてきましたが、脳のコーディングと苔から離れすぎて、私はそれを一緒にフィットさせることができません。

ヘルプ！お願いします！

出典

2017-02-07 Katiekat

質問は非常に混乱しているようです！あなたがタグ付けしたイメージはどのように行に関連していますか？それは行ですか？ –

あなたは<table>要素自体の使用を避けたい場合は、単に、子どもたちにコンテナ<div>とdisplay: table-cell;に<div>秒display: table;を使用することができます。

body, 
 
html { 
 
    background: black; 
 
} 
 
.table { 
 
    background: #97a98e; 
 
    display: table; 
 
} 
 
.cell { 
 
    display: table-cell; 
 
    vertical-align: top; 
 
} 
 
h1, 
 
p { 
 
    color: #2a6e40; 
 
    margin: 5px 10px; 
 
} 
 
h1 { 
 
    border-bottom: 1px solid #2a6e40; 
 
} 
 
img { 
 
    margin: 5px; 
 
}

<div class="table"> 
 
    <div class="cell"> 
 
    <img src="http://placehold.it/100x100"> 
 
    </div> 
 
    <div class="cell"> 
 
    <h1>Heading</h1> 
 
    <p>Content</p> 
 
    </div> 
 
</div>

出典

2017-02-07 09:19:05 andreas

Andreas、それは完璧に機能しました！私はいつも助けを求める前に、少なくとも自分で問題に1時間を費やします、これはただの素晴らしいことです！ここで、2つのページを同じページに置いておきたいのですが、どのように見えますか？ – Katiekat

私はお手伝いできることを嬉しく思います。私はあなた自身のためにそれを理解することができると確信しています、それは難しいことではありません！ – andreas

ええ、私は2秒でxDでした。ありがとうございました！ – Katiekat

これを試してみてください。

<body> 
    <table width="400" bgcolor="#97A98E"> 
     <tr> 
     <td height="100" width="100" rowspan="2" bgcolor="blue">image</td> 
     <td>Silver Shadow</td> 
     </tr> 
     <tr> 
     <td>Pretty flower</td> 
     </tr> 
    </table> 
    </body>

出典

2017-02-07 09:25:51

答えて

関連する問題