1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

[ERLEDIGT] Hilfe bei einer segmentierten Pyramide

Dieses Thema im Forum "HTML, XHTML & CSS" wurde erstellt von skilljo, 2 Januar 2017.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. skilljo

    skilljo Neues Mitglied

    Registriert seit:
    23 März 2016
    Beiträge:
    10
    Punkte für Erfolge:
    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
     
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. bdt600

    bdt600 Guest

  3. skilljo

    skilljo Neues Mitglied

    Registriert seit:
    23 März 2016
    Beiträge:
    10
    Punkte für Erfolge:
    1
    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
     
  4. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
  5. Sempervivum

    Sempervivum Aktives Mitglied

    Registriert seit:
    18 Oktober 2016
    Beiträge:
    519
    Punkte für Erfolge:
    43
    Was meinst du damit? Woran hakt es?
     
  6. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
    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.
     
  7. skilljo

    skilljo Neues Mitglied

    Registriert seit:
    23 März 2016
    Beiträge:
    10
    Punkte für Erfolge:
    1
    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
     
  8. Sempervivum

    Sempervivum Aktives Mitglied

    Registriert seit:
    18 Oktober 2016
    Beiträge:
    519
    Punkte für Erfolge:
    43
    Das kann ich aus deinem Bild leider nicht erkennen. Dort erkenne ich nur zwei Dreiecke mit gleichem Farbton aber unterschiedlicher Helligkeit.
     
  9. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
    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!
     
  10. skilljo

    skilljo Neues Mitglied

    Registriert seit:
    23 März 2016
    Beiträge:
    10
    Punkte für Erfolge:
    1
    Hallo Leute!

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

    Liebe Grüße
    Olli
     
  11. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
  12. Sempervivum

    Sempervivum Aktives Mitglied

    Registriert seit:
    18 Oktober 2016
    Beiträge:
    519
    Punkte für Erfolge:
    43
    Dazu musst Du die einzelnen Pyramiden absolut positionieren und die Positionen geeignet berechnen.
     
  13. djheke

    djheke Aktives Mitglied

    Registriert seit:
    8 Februar 2012
    Beiträge:
    886
    Punkte für Erfolge:
    28
    Geht auch ohne absolute Positionierung.
    Code (text):
    1.  
    2. <!DOCTYPE html>
    3. <html>
    4. <head>
    5. <meta charset="UTF-8">
    6. <title>display-table</title>
    7. <style>
    8.  
    9. .top {
    10. width: 0;
    11. height: 0;
    12. border-style: solid;
    13. border-width: 0 100px 200px 100px;
    14. border-color: transparent transparent #ada transparent;
    15. margin-left:100px;
    16. }
    17. .aussen{
    18. width: 0;
    19. height: 0;
    20. border-style: solid;
    21. border-width: 0 100px 200px 100px;
    22. border-color: transparent transparent #007bff transparent;
    23. float:left;
    24. }
    25. .bottom{
    26. width: 0;
    27. height: 0;
    28. border-style: solid;
    29. border-width: 200px 100px 0 100px;
    30. border-color: #dca transparent transparent transparent;
    31. float:left;
    32. margin:0 -100px;
    33. }
    34. </style>
    35. </head>
    36. <body>
    37. <div class="top"></div>
    38. <div class="aussen"></div>
    39. <div class="bottom"></div>
    40. <div class="aussen"></div>
    41. </body>
    42. </html>
    43.  
    Frohes neues Jahr
     
  14. skilljo

    skilljo Neues Mitglied

    Registriert seit:
    23 März 2016
    Beiträge:
    10
    Punkte für Erfolge:
    1
    Super. Danke dir. Das ist genau das was ich wollte!

    Liebe Grüße und auch dir ein gesundes Neues!
     
Status des Themas:
Es sind keine weiteren Antworten möglich.