HTML/CSS: Ein flexibles zweispaltiges Grid/eine flexible Tabelle erstellen

Von b_funke |

HTML

<div class="grid-container">
      <div class="item1"><img src="bild1.jpg" alt="" /></div>
      <div class="item2"><img src="bild1.jpg" alt="" /><br/><img src="bild2.jpg" alt="" /><img src="bild3.jpg" alt="" /></div>  
</div>

CSS

.item1
 { grid-area: menu; } 
.item2
 { grid-area: main; } 
.grid-container 
{ display: grid;
 grid-template-areas: 'menu main';

Unterschied HTML-/CSS statische Webseiten zu Content-Management

Von b_funke |

Statische Webseiten (HTML/CSS/Javascript) laufen im Browser des 
Benutzers ab. HTML und CSS wird 1:1 beim Aufruf einer Webadresse vom Server übertragen. Zwischen einzelnen Seitenaufrufen ist keine Verbindung (lediglich in den Logfiles über die IP-Adresse oder mit Javascript über den Browser des Benutzers), der Benutzer kann sich nicht anmelden und wird nicht wiedererkannt.
Beim Erstellen müssen die Seiten auf den Server vollständig hochgeladen werden. Es können nicht mehrere Redakteure gleichzeitig Inhalte bearbeiten.

weitere Informationen
HTML abonnieren