Antworten auf deine Fragen:
Neues Thema erstellen

flexible square-box nebeneinander

tutto

Nicht mehr ganz neu hier

Ich möchte die boxen nebeneinander haben. Den Code des Workarounds verstehe ich nicht wirklich:

HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>squareboxes</title>
<style>
.square-box{
   position: relative;
   width: 30%;
   overflow: hidden;
}
.square-box:before{
   content: "";
   display: block;
   padding-top: 100%;
}
.square-content{
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   color: white;
   background: #4679BD;
   padding: 0.5em;
}
.square-content2{
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   color: #03C;
   background-color: #3F3;
   padding: 0.5em; 
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
</style>
</head>

<body>
   <div class="square-box">
     <div class="square-content">
     die erste
  </div>
  </div>
   </div>
  <div class="square-box">
     <div class="square-content2">
     die zweite
  </div>
  </div>
   </div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:

dn3d_fanboy

Aktives Mitglied

Zunächst einmal sind da nach jeder Box ein schießendes </div> zuviel drinnen.

Außerdem kannst du es mal mit
CSS:
float: left;
bei den Boxen versuchen.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben