CSS - Abschnitt festsetzen

A
Adrian
Anna
Albert
Atos
B
Berta
Balduin
Bernd
C
Cindy
Camilla
Christian
Christine
D
David
Daniela
Doris
Damian
E
Eva
Erich
Emma
Edelbert
F
Franz
Fiona
Flora
Florian

Unterstützung: Mozilla Firefox, Google Chrome, Microsoft Edge (16)


<style>

.
container {
 
width300px;
 
height150px;
 
borderSolid 1px #ccc;
 
overflowAuto;
}

.
heading{
  
background#ccc;
  
height50px;
  
line-height50px;
  
margin-top10px;
  
font-size30px;
  
padding-left10px;
  
position: -webkit-sticky;
  
positionsticky;
  
top0px;
}
</
style>

<
div class="container">
  <
div class="heading">A</div>
  <
div>Adrian</div>
  <
div>Anna</div>
  <
div>Albert</div>
  <
div>Atos</div>

  <
div class="heading">B</div>
  <
div>Berta</div>
  <
div>Balduin</div>
  <
div>Bernd</div>
  
  <
div class="heading">C</div>
  <
div>Cindy</div>
  <
div>Camilla</div>
  <
div>Christian</div>
  <
div>Christine</div>

  <
div class="heading">D</div>
  <
div>David</div>
  <
div>Daniela</div>
  <
div>Doris</div
  <
div>Damian</div>
</
div>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<main> Hauptinhalt der Seite

CSS - Button Glas-Effekte

PHP - Array formatiert ausgeben

JavaScript - Die Textauswahl in Zwischenablage kopieren

MySQL - Spalte umbenennen

Dateinamen sind Tabu!
Egal wie sehr Sie Ihre Homepage auch umschichten: Dateinamen sind tabu! Denn diese sind möglicherweise in Suchmaschinen registriert oder von Besuchern als Bookmark gespeichert. Verändern Sie also ruhig Design und Inhalt einer Seite, aber behalten Sie den Namen bei - sonst sorgt jeder Aufruf der früheren Seite für die berüchtigte „Error 404 - Seite nicht gefunden“-Meldung.