• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Hilfe bei einer segmentierten Pyramide

Status
Es sind keine weiteren Antworten möglich.

skilljo

Neues Mitglied
23 März 2016
10
0
1
32
#1
Hallo Leute!

Ich haben schon einiges geschaut und gesucht. Leider nichts gefunden.

Ich möchte diese Pyramide nachbauen. Bekomme es aber nicht hin. Kann mir einer von Euch helfen? Ich habe große Herausforderungen mit den Abständen und Rahmen sowie die skalierung.

Ich danke Euch!

Liebe Grüße
Olli
 

skilljo

Neues Mitglied
23 März 2016
10
0
1
32
#3
Hallo!

Diese Treffer hatte ich auch! Danke.

Wie aus meinem Text zu entnehmen ist, habe ich Herausforderungen mit der Anordnung usw.

Liebe Grüße
Olli
 

Spicelab

Mod | ZENmechanic
Team
Moderator
27 November 2015
1.669
319
83
Goa
#6
Hallo!

Diese Treffer hatte ich auch! Danke.

Wie aus meinem Text zu entnehmen ist, habe ich Herausforderungen mit der Anordnung usw.
Aus drei mach zwei: https://jsfiddle.net/SpiceLab/2ezp69dn/

Ansonsten solltest Du detailierter beschreiben, wo es bei Dir hängt.

Am besten mit einem nachvollziehbaren HTML-/CSS-Demo, anstelle des Word-Dokuments, das lediglich den Soll-Zustand illustriert.
 

skilljo

Neues Mitglied
23 März 2016
10
0
1
32
#7
Hallo!

Ich finde es erstaunlich, wie einem nicht mal ansatzweise geholfen wird.

Ich kann google nutzen und tue dies auch.

Ich wuerde es begrüßen, wenn man das Anliegen des Fragenden ersteinmal versteht.

Ich möchte eine Segmentierte Pyramide erstellen. Die Mitte bildet eine Pyramide und ist von 3 weiteren Pyramiden umgeben.

Den Code um die Pyramide zu erstellen habe ich. Dies ist ja nicht so schwer wenn man google nutzen kann.

Jetzt kann ich die Pyramiden untereinander oder nebeneinander anordnen. Ich bekomme es aber nicht so hin, das eine große Pyramide aus den 4 kleinen wird.

Liebe Grüße
Olli
 

Spicelab

Mod | ZENmechanic
Team
Moderator
27 November 2015
1.669
319
83
Goa
#9
Hallo!

Ich finde es erstaunlich, wie einem nicht mal ansatzweise geholfen wird.

Ich kann google nutzen und tue dies auch.

Ich wuerde es begrüßen, wenn man das Anliegen des Fragenden ersteinmal versteht.

Ich möchte eine Segmentierte Pyramide erstellen. Die Mitte bildet eine Pyramide und ist von 3 weiteren Pyramiden umgeben.

Den Code um die Pyramide zu erstellen habe ich. Dies ist ja nicht so schwer wenn man google nutzen kann.

Jetzt kann ich die Pyramiden untereinander oder nebeneinander anordnen. Ich bekomme es aber nicht so hin, das eine große Pyramide aus den 4 kleinen wird.

Liebe Grüße
Olli
Wer sein Anliegen/Problem im eröffnenden Beitrag so dürftig umschreibt/vorträgt, und auf eine Vorlage verweist, die sich im nachhinein auch noch nicht mal mit dem deckt, was Du hier erst in Post #7 näher beschreibst, darf sich darüber nicht wundern / ärgern, dass die Antworten so ausfallen.

In Deinem "Preview" sind nämlich lediglich zwei Pyramiden zu sehen/erkennen!
 

skilljo

Neues Mitglied
23 März 2016
10
0
1
32
#10
Hallo Leute!

Es habe es deutlicher hervorgehoben, dass ihr es sehen könnt. Auf meinem Rechnen, sah man den Unterschied.

Liebe Grüße
Olli
 

djheke

Aktives Mitglied
8 Februar 2012
909
82
28
#13
Geht auch ohne absolute Positionierung.
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display-table</title>
<style>

.top {
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 200px 100px;
border-color: transparent transparent #ada transparent;
margin-left:100px;
}
.aussen{
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 200px 100px;
border-color: transparent transparent #007bff transparent;
float:left;
}
.bottom{
width: 0;
height: 0;
border-style: solid;
border-width: 200px 100px 0 100px;
border-color: #dca transparent transparent transparent;
float:left;
margin:0 -100px;
}
</style>
</head>
<body>
<div class="top"></div>
<div class="aussen"></div>
<div class="bottom"></div>
<div class="aussen"></div>
</body>
</html>
Frohes neues Jahr
 
Status
Es sind keine weiteren Antworten möglich.
Top Bottom