Antworten auf deine Fragen:
Neues Thema erstellen

Idee gesucht um DIV-Container übersichtlicher zu gestalten

lachender_engel

Aktives Mitglied

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

Aktives Mitglied

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

me[code].Java(Script)

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

hi

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

böse zungen könnten behaupten: nichts :p ;)

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

Hat es drauf

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

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
 
Zuletzt bearbeitet:

Stone1221

Nicht mehr ganz neu hier

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

Hat es drauf

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
 
S

sensations

Guest

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

Nicht mehr ganz neu hier

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

Hat es drauf

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
 
Zuletzt bearbeitet:

lachender_engel

Aktives Mitglied

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!
 
Zuletzt bearbeitet:
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

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.526
Neuestes Mitglied
Winfriedtesmer
Oben