[gelöst] Drupal Slideshow Views - Float
Eingetragen von SuperEngineer 64 (133)am 26.03.2012 - 14:44 Uhr in
Hey allerseits,
ich habe ganz frisch views_slideshow aktiviert und von einem Contenttype ein image-field anzeigen lassen. Das klappt soweit auch ohne Probleme.
Das field steht im HTML-Code als: [views-field-field-st-image-slideshow].
Genau dieser Klasse habe ich die CSS-Eigenschaft float: right zugewiesen. Leider scheint das nicht zu klappen. Im Content-Bereich kann ich dieses field ganz einfach floaten. Nur in der View nicht.
Vieleicht kommt jemand von euch mit Hilfe dieser Codes darauf wo der Fehler liegt. Diese automatisch angelegten Klassen von Modulen und Co in Drupal machen mir manchmal wirklich das Leben schwer.. :|
<div id="views_slideshow_cycle_teaser_section_show_slideshow-block" class="views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section" style="position: relative; width: 430px; height: 258px;">
<div id="views_slideshow_cycle_div_show_slideshow-block_0" class="views-slideshow-cycle-main-frame-row views_slideshow_cycle_slide views_slideshow_slide views-row-1 views-row-odd" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 1; opacity: 1;">
<div class="views-slideshow-cycle-main-frame-row-item views-row views-row-0 views-row-first views-row-odd">
<div class="views-field views-field-title">
<div class="views-field views-field-field-st-image-slideshow">
<div class="field-content">
<img width="430" height="242" alt="" src="http://127.0.0.1/homepage/bild.jpg" typeof="foaf:Image">DIV 1:
element.style {
height: 258px;
position: relative;
width: 430px;
}
html, body, div {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
alpha-...?m1hq40 (Zeile 1)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
DIV2:
element.style {
display: block;
left: 0;
opacity: 1;
position: absolute;
top: 0;
z-index: 1;
}
html, body, div {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
alpha-...?m1hq40 (Zeile 1)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
DIV3:
html, body, div {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
alpha-...?m1hq40 (Zeile 1)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
Geerbt vondiv#views_slideshow_cycle_div_show_slideshow-block_0.views-slideshow-cycle-main-frame-row
element.style {
opacity: 1;
}
DIV4:
html, body, div {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
alpha-...?m1hq40 (Zeile 1)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
Geerbt vondiv#views_slideshow_cycle_div_show_slideshow-block_0.views-slideshow-cycle-main-frame-row
element.style {
opacity: 1;
}
DIV5:
.views-field-field-st-image-slideshow {
float: right;
}
global.css?m1hq40 (Zeile 76)
html, body, div {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
alpha-...?m1hq40 (Zeile 1)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
Geerbt vondiv#views_slideshow_cycle_div_show_slideshow-block_0.views-slideshow-cycle-main-frame-row
element.style {
opacity: 1;
}
DIV6:
html, body, div {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
alpha-...?m1hq40 (Zeile 1)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
Geerbt vondiv#views_slideshow_cycle_div_show_slideshow-block_0.views-slideshow-cycle-main-frame-row
element.style {
opacity: 1;
}
IMG:
img {
vertical-align: bottom;
}
alpha-...?m1hq40 (Zeile 59)
a, p, ul, ol, li, img, span, strong, em {
border: 0 none;
font: inherit;
margin: 0;
outline: 0 none;
padding: 0;
}
alpha-...?m1hq40 (Zeile 22)
* {
text-decoration: none;
}
global.css?m1hq40 (Zeile 12)
Geerbt vondiv#views_slideshow_cycle_div_show_slideshow-block_0.views-slideshow-cycle-main-frame-row
element.style {
opacity: 1;
}- Anmelden oder Registrieren um Kommentare zu schreiben
Ok, es lag daran, das der
am 26.03.2012 - 16:16 Uhr
Ok, es lag daran, das der ".views-slideshow-cycle-main-frame-row-item" nur die Breite des Inhaltes angenommen hat.
Normalerweise ist ein Div sobreit es geht (block-element). Die Slideshow macht das scheinbar nicht, warum auch immer.... Musste dieser Klasse nur eine feste Breite geben und schon gehts.
DANKE!!!
am 17.07.2012 - 22:36 Uhr
Das Problem hatte ich auch und ich wäre sicher noch daran verzweifelt... Seltsamerweise trat der Fehler aber nur bei Firefox, Safari und Chrome auf... der IE9 und Opera haben das auch ohne "Hack" gecheckt!