Idee gesucht um DIV-Container übersichtlicher zu gestalten

lachender_engel · 01.03.2013

Hallo, Zusammen.

Ich habe keine gute Idee und will die Gemeinde fragen.
Es geht darum, dass auf einer Seite "Kundenmeinungen" aufgelistet werden.
Was so langsam unschön wird ist, dass es immer mehr Meinungen sind (was natürlich gut ist ;-)) aber diese eine Spalte im Footer auf der Seite immer länger macht. Und das sieht nicht toll aus.

Der HTML Code sieht momentan so aus

HTML:

<div class="gs_4 widget" style="height: 455px;">
  <h4 class="widgettitle">Was Kunden sagen</h4>
    <div id="customervoice">
      <div class="add_border alignleft no_bottom_margin" style="width: 60px; background-image: url("/images/57.png");">
        <img width="50" height="28" class="border_magic" alt="Firmenname" src="/images/73.jpg" style="display: block;">
      </div>
      <p>Hier steht der Text</p>
      <p><strong>Vorname Name</strong><br />
      <em>Firmenname</em></p>
    </div>
    <div id="customervoice">
      <div class="add_border alignleft no_bottom_margin" style="width: 60px; background-image: url("/images/59.png");">
        <img width="50" height="28" class="border_magic" alt="Firmenname" src="/images/78.jpg" style="display: block;">
      </div>
      <p>Hier steht der Text</p>
      <p><strong>Vorname Name</strong><br />
      <em>Firmenname</em></p>
    </div>
</div>

Von den DIVs customervoice können x-beliebige erscheinen (derzeit ungefähr 10).
Meine erste Idee war die DIVs mit einem Slider nach und nach auszutauschen. Doch die Umsetzung gefällt mir nicht, da auf der Seite bereits ein Nivo-Slider im Header die Bilder austauscht. Ich finde, da bewegt sich zu viel.
Zudem soll der Betrachte irgendwie einen Hinweis bekommen, dass es mehr Kundenstimmen gibt in denen er "blättern" kann.
Da ich Eure Ideen ungefiltert haben möchte, zeige ich nicht, was ich gemacht habe und hoffe, dass ich hier Anstöße für Ideen zur Umsetzung bekomme.
Hast Du eine Idee und ggf. eine Demo, bei der Du meinst, die könnte zu meiner Suche passen?!

Danke und schöne Grüße!

Kleindarsteller · 01.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Vielleicht bei jedem Seitenaufruf eine zufällige Auswahl? Und den Rest "auslagern", auf eine extra Seite, erreichbar mit einem Klick auf "...mehr".

mindraper · 01.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

hi

lachender_engel schrieb:
[...]
Da ich Eure Ideen ungefiltert haben möchte, zeige ich nicht, was ich gemacht habe [...]

böse zungen könnten behaupten: nichts

zunächst eine frage: woher kommen die daten? sprich: werden die "customervoice"-divs per hand in die seite integriert oder kommen sie aus einem cms, einer xml-datei, etc.? je nachdem könnten etwaige lösungen nämlich unterschiedlich ausschauen.

bzgl. der "ideenfindung": ein link zur betreffenden page wäre möglicherweise sinnvoll, um sich das "grundproblem" als aussenstehender erst einmal anschauen zu können.

generell die einfachste lösung überhaupt: gar keine "customervoices" anzeigen – denn wo nichts ist, kann auch nichts blöd aussehen

nebenbei bemerkt: überdenk doch nochmal dein markup, respektive die gesetzten attribute. tipp: ids müssen eindeutig einem element (und zwar nur einem) zugeordnet werden können – sonst ist dein markup invalide (und das willst du warscheinlich nicht, oder?

).

Bauer_Lindemann · 01.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

lachender_engel schrieb:
Hallo, Zusammen.

Ich habe keine gute Idee und will die Gemeinde fragen.

Da ich Eure Ideen ungefiltert haben möchte, zeige ich nicht, was ich gemacht habe und hoffe, dass ich hier Anstöße für Ideen zur Umsetzung bekomme.
Hast Du eine Idee und ggf. eine Demo, bei der Du meinst, die könnte zu meiner Suche passen?!

Danke und schöne Grüße!

Ich möchte niemanden auf den Schlips treten, aber die Glaskugel besagt auch ungefiltert: haben wollen und nichts zeigen damit bessere Hilfe kommt, passt gar nicht.
Wir wollen nicht DEINE Ideen haben, nur wir wollen bzw. möchten gern sehen wie dieses Ding da bei Dir aussieht, z.B. einen link damit bessere Hilfe in Erscheinung tritt.

Gruß
Bauer_Lindemann

Stone1221 · 01.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Also wenn die Meinungen nur Für dich sichtbar sein sollte. Würde ich die Ausgabe mir im Admin berreich anzeigen lassen und würde wenn du alle sehen möchtest eine Feste grösse vergeben und eine schicke scrolbar einfügen oder per klick mir den beitrag zeigen lassen. Aber da man nicht weiss wie es aussieht ist es schwer die passende lösung zu finden.
Und wie von Mindraper gesagt müssen die ID´s eindeutig sein oder änder es in eine klasse um .

patrick_l · 02.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Wenn laufend neue Beiträge (Kundenmeinungen) hinzukommen, würde ich das Ganze dynamisch mit PHP (oder Content-Management System) umsetzen. Auf der ersten Seite dann eine beliebe Anzahl von Meinungen zeigen.

Für weitere Beiträge neuen Seiten verwenden. Zusätzlich könne man einen Slider für den Content nutzen. Möglichkeiten gibt es da ja zu genüge. Ein CMS erleichtert vor allem das administrieren der einzelnen Meinungen.

Noch ein paar Worte zu deinem Quelltext. Hier solltest du auch nochmal Hand anlegen. Vor allem HTML nur für die Strukturierung der Website verwenden, und die ganzen Styleangaben in (d)einem externen Stylesheet (CSS) auslagern.

Liebe Grüße, Patrick

sensations · 02.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Wie wäre das mit jQuery und "toggle"? Da können die Schreiber angezeigt werden und die Texte sind eingeklappt. Bei Klick auf den Schreiber klappt sich der Text auf?

darkdevel · 02.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Ich würde Jquery nehmen. Menü zum ausklappen wäre die einfachste Lösung

patrick_l · 02.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Ich habe jetzt einfach mal "quick and dirty" ein simples Grundgerüst aufgebaut, so wie ich es eventuell verwenden würde. Das Ganze dann wie bereits erwähnt in Kombination mit PHP (einem CMS) und jQuery verwenden.

HTML:

<!-- HTML5 -->
<section id="voices">
  <article class="costomer">
     <header>
      <hgroup>
        <h1><!-- company --></h1>
        <h2><!-- manager --></h2>
      </hgroup>
    </header>
    <section class="voice">
      <p><!-- voice content --></p>
    </section>
  </article>
</section>

<!-- XHTML -->
<div id="voices">
        <div class="costomer">
        <div class="heading">
            <h1><!-- company --></h1>
          <h2><!-- manager --></h2>
      </div>
      <div class="voice">
          <p><!-- voice content --></p>
      </div>
    </div>
</div>

Liebe Grüße, Patrick

lachender_engel · 03.03.2013

AW: Idee gesucht um DIV-Container übersichtlicher zu gestalten

Hallo, Zusammen.
Vielen Dank für Eure Tipps und Ideen. Im Grunde ist es doch sooo einfach - eine eigene Sache und mit einem "Weitere Stimmen finden Sie hier" darauf verweisen.
So sah ich das offensichtliche vor lauter Design nicht mehr weil ich unbedingt alles auf der ersten Seite unterbringen wollte ;-)

@mindraper: Danke für den Hinweis mit den IDs - das wusste ich (mal), habe es nur irgendwann aus den Augen verloren ;-) Werde das aber wieder beachten und habe es auch schon geändert.

@Patrick: Vielen Dank an Dich für das Grundgerüst. Ich muss sagen, dadurch habe ich nebenbei direkt wieder etwas über HTML5 gelernt ;-)

Schöne Grüße!