Posted by demaker on August 13, 2009 at 5:12pm
| Project: | Dynamic display block |
| Version: | 6.x-1.0-rc6 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed (fixed) |
Issue Summary
Thanks for this module.
See attachment for link to my example page.
I'm trying to put the pager between the image and the slide text. Can you help me with this?
Another question: is it possible to put the tinymce editor inside the slide text window (content news item)?
Hoop to hear from you.
Best regards,
Elton Eerkens
| Attachment | Size |
|---|---|
| link.txt | 43 bytes |
Comments
#1
#2
Elton, Sorry missed this issue in the issue queue.
You can do this by adjusting the CSS.
Make the pager position absolute, position:absolute
Set top to just under the image, top:496px
Give a z-index of 100 to make the pager in the front, z-index:100
Display the pager as a block, display:block
.number-pager {display:block;
position:absolute;
top:496px;
width:450px;
z-index:100;
}
Make the slider height bigger to fit the slide text, add height:520px;
.slider-inner {height:520px;
}
Set the slide-text below the pager, bottom:-13px
.slide-text-bottom {bottom:-13px;
}
With my fckeditor wysiwyg editor it is automatically added to text areas, I don't know the settings for tinymce.
Hope this helps you further, please let me know.
#3
close issue, 8 weeks without activity.
#4
I have DDBLOCK installed. The previous next pager gets hidden behind the slide in firefox, i have tried to set the z-index but no go. but it Works fine in IE7 please see the attached screenshots.
this is my CSS for DDBLOCK
div.ddblock-cycle-modest-grey20p div.container{background-color:none;width:850px; padding:0; margin-top:-10px;}
div.ddblock-cycle-modest-grey20p div.container-inner{height:310px;padding:0;position:relative; }
div.ddblock-cycle-modest-grey20p div.slider{width:850px; }
div.ddblock-cycle-modest-grey20p div.slider-inner{background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;height:300px;overflow:hidden;position:relative;visibility:hidden;}
div.ddblock-cycle-modest-grey20p div.slide{display:none;height:100%;left:0;position:absolute;top:0;}
div.ddblock-cycle-modest-grey20p div.slide-inner img{height:300px;margin:0!important;padding:0!important;width:850px;}
div.ddblock-cycle-modest-grey20p div.slide-text{background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;position:absolute;}
div.ddblock-cycle-modest-grey20p div.slide-text-horizontal{height:85px;left:0;width:850px;}
div.ddblock-cycle-modest-grey20p div.slide-text-vertical{height:300px;width:140px;}
div.ddblock-cycle-modest-grey20p div.slide-text-top{top:7px;}
div.ddblock-cycle-modest-grey20p div.slide-text-right{bottom:0;right:30px;}
div.ddblock-cycle-modest-grey20p div.slide-text-bottom{bottom:7px;}
div.ddblock-cycle-modest-grey20p div.slide-text-left{bottom:0;left:30px;}
div.ddblock-cycle-modest-grey20p div.slide-text-inner{padding:10px;}
div.ddblock-cycle-modest-grey20p div.slide-title{float:left;}
div.ddblock-cycle-modest-grey20p div.slide-title-vertical{width:130px;}
div.ddblock-cycle-modest-grey20p div.slide-title-horizontal{float:left;width:300px;}
div.ddblock-cycle-modest-grey20p div.slide-title h2{margin: 0;padding:0;font-weight:bold;}
div.ddblock-cycle-modest-grey20p div.slide-title-inner{color:white;}
div.ddblock-cycle-modest-grey20p div.slide-body-vertical{width:132px;}
div.ddblock-cycle-modest-grey20p div.slide-body-horizontal{float:left;width:300px;}
div.ddblock-cycle-modest-grey20p div.slide-body-inner{color:white;}
div.ddblock-cycle-modest-grey20p div.slide-body-inner p{margin:0 8px 0 0;padding:0;}
div.ddblock-cycle-modest-grey20p div.slide-read-more{width:110px;}
div.ddblock-cycle-modest-grey20p div.slide-read-more p{padding:0;margin:0;}
div.ddblock-cycle-modest-grey20p div.slide-read-more a{background:url(../images/readmore.png) no-repeat;border:none;bottom:40px;color:#FFF;font-size:12px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-indent: 10px; margin:0;padding:4px 0 4px 19px;position:absolute;text-decoration:none;text-align:left;width:100px; height:28px;}
div.ddblock-cycle-modest-grey20p div.slide-read-more-horizontal a{right:-17px;}
div.ddblock-cycle-modest-grey20p div.slide-read-more-vertical a{right:5px;}
div.ddblock-cycle-modest-grey20p div.slide-read-more a:hover{text-decoration: underline;}
div.ddblock-cycle-modest-grey20p div.slide-read-more-horizontal a:hover{right:-17px;}
div.ddblock-cycle-modest-grey20p div.slide-read-more-vertical a:hover{right:5px;}
div.ddblock-cycle-modest-grey20p div.prev-next-pager a:focus{outline:none;}
div.ddblock-cycle-modest-grey20p div.prev-next-pager{display:block;height:35px;left:0;position:absolute;width:850px; z-index: 999px;}
div.ddblock-cycle-modest-grey20p div.prev-next-pager a{background-color:none;border:0;color:#000000;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.8em;font-weight:bold;height:32px;position:absolute;text-align:center;text-decoration:none;width:90px; }
div.ddblock-cycle-modest-grey20p div.prev-next-pager a:hover{color:blue;}
div.ddblock-cycle-modest-grey20p div.prev-next-pager a#prev2{right:50px; width:50px; height:40px; text-indent:-99999px; background:url(../images/back.png) no-repeat; margin-top: -50px;}
div.ddblock-cycle-modest-grey20p div.prev-next-pager a#count2{left:400px; text-indent:-99999px;}
div.ddblock-cycle-modest-grey20p div.prev-next-pager a#next2{right:0; width:50px; height:40px; text-indent:-999999px; background:url(../images/fwd.png) no-repeat; margin-top: -50px; position: absolute; }
div.ddblock-cycle-modest-grey20p div.spacer-horizontal{clear:both;height:0px;}
#5
Can you give a link to the slideshow on your Drupal site.
Note: I normally give only CSS support when I have some spare time and only when I can have a look at the slideshow. It would take to much of my time to solve all CSS issues users have.
Tip:
Setting support request to critical will not give quicker answers, maybe even the opposite.
Have a look at the Issue queue handbook
#6
http://121.243.150.104/ email me ankycooper@gmail.com, if you need further detials.
Please Look Into It.
#7
Philip u Rock!! thanks 4 the great module and the solution.
div.ddblock-cycle-modest-grey20p div.prev-next-pager {display:block;height:35px;left:0;position:absolute;width:850px; z-index: 10;
After changing the value of z-index to 10 it stated working.
#8
set status to fixed
Changed the issue title
#9
Automatically closed -- issue fixed for 2 weeks with no activity.