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

Zwei Listen in einem div bearbeiten

B

benbalthasar

Mitglied
Hallo zusammen,

ich möchte auf meiner Seite eine Galerie einsetzen wo die Bilder nebeneinader sind und darunter ein Text erscheinen soll.

Nun komme ich einfach nicht weiter, da ich in einem div zwei <ul> Listen habe. Diesen habe ich schon class gegeben, aber irgendwie komme ich nicht so recht klar wo mein Fehler liegt das die Bilder nicht nebeneinader angezeigt werden.
Da die Beschreibung daneben erscheint habe ich hinbekommen, aber eben nicht darunter.

test.ben-balthasar.de

Vielen Dank
 
Mann kann hier Listen (ul) einsetzen. Die sind aber nur dann sinnvoll, wenn jedes Listenelement ein Bild samt Bildunterschrift beinhaltet. Mein Vorschlag (wenn es eine Liste sein sollen):
HTML: 
<ul>

  <li>
    <a href="...">
      <img ...>
    </a>
    <span>Bildunterschrift</span>
  </li>

  <li>
    <a href="...">
      <img ...>
    </a>
    <span>Bildunterschrift</span>
  </li>

  <li> ..</li>

</ul>
Am problemlosesten lassen sich die li-Elemente mit display:inline-block; handhaben. Mit overflow:hidden; kannst du verhindern, dass die Bildüberschriften überstehen.
 
Hallo,
Vielleicht habe ich mich ein wenig falsch ausgedrückt und meine Frage falsch gestellt.

Mir ging es hauptsächlich um den html Teil und wollte wissen ob meine Anordnung so in Ordnung ist oder man das ganze Gerüst anders aufbauen sollte. Also für die Galerie keine Liste nehmen oder für die kleine Navigation im Beitrag auf die Liste verzichten.

Vielen Dank
 
Jetzt dachte ich, ich hätte genau das beantwortet. Was ich nicht verstehe: Warum benutzt du für die Bildunterschriften Listen mit einem Element? Einfache Textzeile bringst du besser in einem <span> oder in einem <div> unter.
Abgesehen davon finde ich es ok.
Ich persönlich würde es komplett ohne Listen lösen und stattdessen in ein <DIV> (statt deiner <UL>) mit kleinen <DIV>s (statt deines <LI>s) die jeweils Bild un Unterschrift enthalten befüllen. Richtiger ist es aber vermutlich mit <UL> und <LI>s.
 
Ich wiederum würde mir Gedanken machen, ob diese Form der Galerie optimal ist. Es gibt viele schöne Plugins dafür, welche den notwendigen HTML-Code gleich erklären.
 
Hallo,

das sind ja schon fertige Galerien die man einbinden kann. So etwas wäre schon etwas für meine Seite, allerdings was ist mit denen die kein js akzeptieren?

Daher wollte ich die Galerie ganz einfach in html machen und dann zusätzlich die lightbox mit javascript einbinden. Die welche dann javascript akzeptieren haben eben mehr komfort als die keins akzeptieren.
Aber jeder kann die Bilder trotzdem sich anschauen.

Edit: Folgendes schwebte mir vor.
Die Leute klicken auf der rechten Seite auf Bilder, kommen dann auf die Bilderseite. Und da sollen dann thumnails mit einer kurzen Beschreibung stehen worüber man dann auf eine weitere Seite kommt wo schlussendlich die Bilder zu sehen sind.
Hoffe das kam verstädnlich rüber
 
Zuletzt bearbeitet:
Es hängt natürlich auch von deiner Zielgruppe ab, aber JavaScript-Abstinenzler sind heutzutage etwa so relevant wie IE6-User. Wer sich dem technischen Standard verweigert, muss eben mit fehlerhaften Darstellungen in modernen Webseiten leben. Ich gehe sogar soweit, alle IEs bis einschließlich Version 9, von meiner privaten Homepage auszusperren.
 
Ok, das ich javascript nehme ist ja schon gewiss, allerdings wollte ich erst eine Art Übersicht haben wo alle Galerien mit Vorschaubildern zu sehen sind. Und erst wenn man diese anklickt kommt man dann zur jeweiligen Gallerie welche ich dann mit fancybox machen wollte.
Aber vorher benötige ich eben dafür die beste Möglichkeit dies in mein div einzubauen.
Listen sind ja schon mal ein Anfang allerdings bin ich mir nicht sicher ob es nicht noch einen anderen Weg dafür geben könnte.
 
Das <image /> Tag ist ein Inline-Element und kann in jedes beliebige Block-Element gelegt werden. Du musst keine dazu keine Listen verwenden. Ein
HTML: 
<p>
  <img ... /><br />
  <span>Mein Text</span>
<p>
würde es ebenso tun.
 
Das img Tag ist mir gut bekannt, allerdings habe ich nicht nur ein Bild was als Vorschau angezeigt werden soll, sondern es sind mindestens pro Seite je 10 Stück. Und da kommt es mir mit Liste einfacher vor, denke ich zumindestens.
Oder bin ich da auf dem Holzweg?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben