Feste Höhe bei Views Slideshow Imageflow im Block
Eingetragen von FraBle (2)am 01.08.2010 - 23:50 Uhr in
Hi,
ich bin gerade dabei eine Website zu erstellen mit einem extra Bereich (region) für einen Slidshow Imageflow Block.
Dabei bin ich auf folgendes Problem gestoßen:
Das Modul selber, also das Javascript, hat bei mir eine festgeschriebene Höhe von 224 Pixeln.
Ich finde nirgends die Möglichkeit dies zu ändern.
Die in der CSS Datei meines Themes festgelegte Höhe für das DIV des Javascripts wird wiederum durch ein Javascript überschrieben, d.h. ich kann per CSS nicht die Höhe ändern.
Wo wird die Höhe festgelegt, wo kann ich das ändern?
So sieht der durch Drupal erstelle Quelltext aus:
<div id="gallery">
<div id="block-views-slideshowblock-block_1" class="block block-views">
<div class="content">
<div class="view view-slideshowblock view-id-slideshowblock view-display-id-block_1 view-dom-id-1">
<div class="views-admin-links views-hide">
<ul class="links"><li class="0 first"><a href="/drupal/admin/build/views/edit/slideshowblock?destination=node#views-tab-block_1">Edit</a></li>
<li class="1"><a href="/drupal/admin/build/views/export/slideshowblock">Export</a></li>
<li class="2 last"><a href="/drupal/admin/build/views/clone/slideshowblock">Clone</a></li>
</ul>
</div>
<div class="view-content">
<div id="views-slideshow-imageflow-1" class="views-slideshow-imageflow">
<div id="views-slideshow-imageflow-images-1" class="views-slideshow-imageflow-images imageflow">
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457376534073_100000094346240_42662_7443500_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457376534073_100000094346240_42662_7443500_n.jpg" alt="1" title="1" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457379867406_100000094346240_42663_1135710_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457379867406_100000094346240_42663_1135710_n.jpg" alt="2" title="2" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457383200739_100000094346240_42664_6127205_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457383200739_100000094346240_42664_6127205_n.jpg" alt="3" title="3" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457386534072_100000094346240_42665_5686833_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457386534072_100000094346240_42665_5686833_n.jpg" alt="4" title="4" class="image image-_original " width="453" height="604" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457389867405_100000094346240_42666_6506343_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457389867405_100000094346240_42666_6506343_n.jpg" alt="5" title="5" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457393200738_100000094346240_42667_1974004_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457393200738_100000094346240_42667_1974004_n.jpg" alt="6" title="6" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457396534071_100000094346240_42668_4294248_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457396534071_100000094346240_42668_4294248_n.jpg" alt="7" title="7" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457399867404_100000094346240_42669_7379677_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457399867404_100000094346240_42669_7379677_n.jpg" alt="8" title="8" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457403200737_100000094346240_42670_5998370_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457403200737_100000094346240_42670_5998370_n.jpg" alt="9" title="9" class="image image-_original " width="604" height="453" />
<img longdesc="http://localhost/drupal/sites/default/files/images/6408_101457406534070_100000094346240_42671_2073932_n.jpg" src="http://localhost/drupal/sites/default/files/images/6408_101457406534070_100000094346240_42671_2073932_n.jpg" alt="10" title="10" class="image image-_original " width="604" height="453" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>Wenn ich das ganze mit Firebug oder Chrome untersuche kommt folgendes hinzu:
<div id="views-slideshow-imageflow-images-1" class="views-slideshow-imageflow-images imageflow viewsSlideshowImageFlow-processed" style="visibility: visible; height: 224px; ">style="visibility: visible; height: 224px; "
Dies wird als element.style betrachtet und dies bedeutet, dass es durch ein Javascript erzeugt wurde. Nur durch welches?
Beste Grüße,
Frank
- Anmelden oder Registrieren um Kommentare zu schreiben
Versuche mal im CSS
am 02.08.2010 - 08:12 Uhr
Versuche mal im CSS !important hinter die Anweisung zu schreiben (zB. { height: 200px !important }.
Kann aber gut sein, dass es nicht funktioniert wenn JavaScript es im nachhinein noch ändert.
line-height: 0px;
am 02.08.2010 - 11:48 Uhr
Hi,
nach viel Probiererei habe ich eine für mich funktionierende Lösung gefunden.
Der Rrgioen/ dem Block habe ich in CSS folgendes hinzugefügt:
line-height: 0px;Dadurch wird die Höhe im Javascript richtig berechnet und ich kann die volle Fläche ausnutzen.
Ich hoffe, ich kann damit noch anderen bei diesem Problem weiterhelfen.
Grüße,
Frank