Zweite Spalte in Zeilen

Meine Codierung ist überall, also habe ich kein Beispiel von dem, was ich bisher habe. Ich möchte von vorne anfangen. Ich finde nur, wie man alle Spalten in Zeilen konvertiert, während ich nur die zweite Spalte tun möchte.Zweite Spalte in Zeilen

Beispiel von dem, was ich mit will am Ende:

Ich bin eine div Tabelle mit zwei Spalten mit dem rechten in zwei Reihen

ich bin nicht in der Lage zu denken Verwenden Sie Javascript und solche aufgrund von Einschränkungen auf der Website.

Ich habe versucht, es zu suchen, aber wegen zu weit weg von der Codierung und Moos im Gehirn kann ich es einfach nicht zusammenpassen.

Hilfe! Bitte!

Quelle

2017-02-07 Katiekat

die Frage scheint sehr verwirrend zu sein! Wie bezieht sich das von Ihnen markierte Bild auf die Zeilen? Ist das eine Zeile? –

Sie können nur display: table; auf einem Behälter verwenden <div> und display: table-cell; auf die Kinder <div> s, wenn Sie die Verwendung des <table> Elements selbst vermeiden wollen:

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>

Quelle

2017-02-07 09:19:05 andreas

Andreas, das hat absolut perfekt funktioniert! Ich verbringe immer mindestens eine Stunde mit einem Problem, bevor ich um Hilfe frage, das ist einfach fantastisch! Nun, wenn ich zwei von denen nebeneinander auf der gleichen Seite möchte, wie würde das aussehen? – Katiekat

Gern geschehen, froh, dass ich helfen konnte! Ich bin mir sicher, dass du das selbst herausfinden kannst, es ist nicht so schwer! – andreas

Ja, ich habe in zwei Sekunden xD gemacht. Vielen Dank! – Katiekat

Bitte versuchen Sie diese

<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>

Quelle

2017-02-07 09:25:51

Zweite Spalte in Zeilen

Antwort

Verwandte Themen