mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 08:56 Benutzername: Passwort: Auto-Login

Thema: Lightbox CSS Problem vom 13.12.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Lightbox CSS Problem
Autor Nachricht
Typo87
Threadersteller

Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.12.2010 11:56
Titel

Lightbox CSS Problem

 Antworten mit Zitat Zum Seitenanfang
Es ist ein bisschen schwer eine passende Überschrift für folgendes Problem zu finden.

Ich verwende von Mootols eine Lightbox. In der Seitenavigation kann man
in die entsprechenden Kategorien springen. Beispiel:

Sidebar
--------------
- Bilder 1
- Bilder 2
- Bilder 3
- Bilder 4
...

Im Quellcode sieht das wie folgt aus:

Code:
<a href="linkzumbild.jpg" id="Beschreibung" class="mb" title="Titel halt">Bilder 1</a>


Nun folgen die - sagen wir mal "vermeintlichen Links" zu den unter den Links beeinhaltenden Bildern

Code:
<a href="Bild 1.jpg" class="mb" title="Titel halt"></a>
<a href="Bild 2.jpg" class="mb" title="Titel halt"></a>
<a href="Bild 3.jpg" class="mb" title="Titel halt"></a>
<a href="Bild 4.jpg" class="mb" title="Titel halt"></a>


Und nun kommt das eigentliche Problem

Je nachdem wieviele Bilder unter den Kategorien verlinke - sprich enthalten sind - werden Umbrüche in der Seitennavigation erstellt. Das sieht dann in etwa so aus:

Sidebar
--------------
- Bilder 1 /* Hier wird ein Umbruch erstellt. Anzahl je nach verlinkten Bildern */
- Bilder 2 /* Hier wird ein Umbruch erstellt. Anzahl je nach verlinkten Bildern */
- Bilder 3 /* Hier vielleicht auch gleich mal 5 Umbrüche wenn ich hier 5 Bilder verlinkt habe*/
- Bilder 4
...

betreffender CSS Abschnitt

Code:
#sidebar a {
   font-family: Arial;
   font-size: 12px;
   display: block;
   padding: 5px;
   text-decoration: none;
   color: #38434D;
}

#sidebar a:hover {
   background-color: #E6E6E6;
}



Ich kann zwar Display:Block; entfernen. Doch ich möchte ungerne die Umbrüche manuell definieren.

Die relevanten JS Dateien sind bereits eingebettet.

Jemand ne Idee wie ich dieses Problem beheben kann ?

lg

Zuletzt bearbeitet von Typo87 am Mo 13.12.2010 11:58, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.12.2010 12:58
Titel

Antworten mit Zitat Zum Seitenanfang
display: inline-block; ? * Keine Ahnung... *

ich hab dein problem noch nicht so ganz verstanden *zwinker* könntest du bitte ein bild oder noch besser einen link hier posten?! Lächel

Zuletzt bearbeitet von snuwie am Mo 13.12.2010 13:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Typo87
Threadersteller

Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.12.2010 13:53
Titel

Antworten mit Zitat Zum Seitenanfang
Seitennavigation



Hier siehst Du die entsprechenden Menüpunkte in der Seitennavigation.
Wenn man auf einen klickt, öffnet sich die Lightbox.

Und je nachdem wie viele Bilder unter dem entsprechenden Menüpunkt
untergebracht sind, werden aus irgendwelchen Gründen
Umbrüche erzeugt. Im Quellcode sieht das wie folgt aus:

Code:
<a href="referenzen/1.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung"><img src="pixel.gif" id="px">Geschäftsausstattung</a>


Nun folgen die Bilder welche sich unter dieser Kategorie befinden in Form von Links:


Code:
<a href="referenzen/2.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
<a href="referenzen/3.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
<a href="referenzen/4.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
<a href="referenzen/5.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
usw...


Und nach jedem verlinkten Bild wird ein Umbruch erzeugt. Es wird also davon ausgegangen als handele es sich um
einen Textlink, was es ja aber nicht ist.

Quellcode nochmal komplett:
Code:
<a href="referenzen/1.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung"><img src="pixel.gif" id="px">Geschäftsausstattung</a>
<a href="referenzen/2.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
<a href="referenzen/3.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
<a href="referenzen/4.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
<a href="referenzen/5.png" id="Beschreibung_Geschäftsausstattung" class="mb" title="Geschäftsausstattung">
usw...


Problematik ungefähr verstanden ? Lächel

Zuletzt bearbeitet von Typo87 am Mo 13.12.2010 13:54, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen lightbox problem
lightbox js - problem
problem mit der lightbox
[JavaScript] Problem mit Lightbox
Problem mit Lightbox Script
Lightbox-Problem auf Win8
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB