Actually i had a problem while making my style i finished it all but i faced a problem ,,
THIS PIC shows the problem.
How can i remove this huge space after the forum word at the beginning of the categories?
is it related too the certain tag ?? or this is a mistake that i changed or added a value for the wrong class ??
There is a floatcontainer tag i think this is the tag that has the error.
the code of this part is :
<div id="breadcrumb" class="breadcrumb">
<ul class="floatcontainer">
<li class="navbithome">
<li class="navbit lastnavbit">
<span>forum</span>
</li>
</ul>
<hr/>
</div>
Related
On my TYPO3 website (v6.2) I use CE backend Layout to allow my teammates to insert content easily. Problem : tag are automatically generated and break all my layout (seems like html anchors to inserted content). This is what it looks like :
<ul id="timeline">
<a id="c3837"></a>
<li> CONTENT HERE</li>
<a id="c3842"></a>
<li> CONTENT HERE</li>
<a id="c3845"></a>
<li> CONTENT HERE</li>
</ul>
I tried several fix to remove them :
tt_content.stdWrap.innerWrap.cObject.default >
tt_content.stdWrap.innerWrap >
tt_content.stdWrap.innerWrap.cObject.default.10.cObject.default.value =
... with no success.
Do you have any idea to solve this issue ?
Thanks !
SOLVED ! Thanks to this stack overflow topic.
I tried "tt_content.stdWrap.prepend >" and it works.
I am using Bxslider on a tabbed gallery with thumbnails
and it works great. the arrows and the tabs are working perfectly.
this is the JS I am using:
jQuery('#learni-features .bxslider').bxSlider({
mode: 'fade',
useCSS: false,
moveSlides: 1,
pagerCustom: '.tabs-links'
});
and this is the HTML:
this is for the tabs:
<ul class="tabs-links">
<li class="active">Curriculum <br>Control</li>
<li>Interactive <br>Classes</li>
<li>Social <br>Layer</li>
<li>Parent<br> App</li>
<li>Teacher <br>Community</li>
</ul>
and this is for the gallery:
<ul class="bxslider clearfix">
<li>
<img src="uploads/curriculum-screen.png" alt="">
</li>
<li>
<img src="uploads/interactive-screen.png" alt="">
</li>
<li>
<img src="uploads/social-screen.png" alt="">
</li>
<li>
<img src="uploads/parent-screen.png" alt="">
</li>
<li>
<img src="uploads/teacher-community-screen.png" alt="">
</li>
</ul>
I have another floating div with text:
<div class="info">
<ul class="slider2">
<li>
<h3>All Your Learning Tools in One Place</h3>
<p>Access course books, Learnies, assignments and learning assets from one place. Review your past lesson plans and easily answer your students’ questions. Create and begin your new class sessions!</p>
</li>
<li>
<h3>Access course books, Learnies</h3>
<p>Access course books, Learnies, assignments and learning assets from one place. Review your past lesson plans and easily answer your students’ questions. Create and begin your new class sessions!</p>
</li>
<li>
<h3>Create and begin your new class sessions</h3>
<p>Access course books, Learnies, assignments and learning assets from one place. Review your past lesson plans and easily answer your students’ questions. Create and begin your new class sessions!</p>
</li>
</ul>
</div>
this text needs to be also dynamic so when I click either on the tabs or the arrows it will change the text in that box too which basically belongs to each slide (information box). the thing is that this box is outside the "loop" of the slider.
is there a way I can trigger 2 sliders? the main gallery with the images and at the same time the text in the box.
Here is a fiddle I created
Notice the slider is working but there is another div at the bottom with a class of "info" and I want that div to be controlled from the the same main slider and change the text there..
THe button "Schedule a Demo" by the way is a stand alone button and stays there fixed.
any help will be appreciated
Thanks!
Assign your bxSlider to a variable:
var slider = $('#learni-features .bxslider').bxSlider({
mode: 'fade',
useCSS: false,
moveSlides: 1,
pagerCustom: '.tabs-links'
});
Then you can use onSlideNext and onSlidePrev as:
slider.onSlideNext(new function($slideElement, $oldIndex, $newIndex) {
//Your code here.
});
You can find out more information in the bxSlider documents founder here.
i've seen some TinyMCE editor questions here before, so figured it was kosher.
Using Version 3.1.2
I have a "glossary" I am trying to use and on save, the code is getting repositioned so that portions of the glossary that need to be hidden are not.
It is taking a <UL> and placing it outside of a <span> tag I have.
The following code:
<p class="hide_def">
<span class="term_title">Investigational</span><br>
<span class="def">Definition Here
<ul>
<li>Definition Bullet Point</li>
</ul>
</span>
</p>
Is being changed to the snippet below. This throws all of the <UL> tags outside of the definition area.:
<p class="hide_def">
<span class="term_title">Investigational</span><br>
<span class="def">Definition Here</span></p>
<ul>
<li>Bullet Point</li>
</ul>
I have heard of turning off the "cleaning" config setting in TinyMCE, but also heard that is a bad idea.
What can I do here?
Since tinymce version 3.4 deactivation of the cleanup functionality is not apossible anymore.
With your version you can set the tinymce config param cleanup to false:
cleanup: false,
So I'm using the JsTree Plugin and I want all the tree to be initially closed. I don't know why I have it initially opened. By the way I'm creating the leaves dynamically through Jquery (append). Thanks in advance.
My code used to be like this :
<div id="demo2" class="demo">
<ul>
<li class="jstree-open">Root node 1
<ul>
<li id="One">Child node 1</li>
<li>Child node 2</li>
<li>ADV_SEARCH</li>
<li>Child node 4</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div>
So I simply changed <li class="jstree-open"> to <li class="jstree-closed"> for the nodes who have children.
Well since I didn't really understand this plugin pretty well, I used class="jstree-open" in the li tag and I had no idea what it meant, so by curiosity I put closed instead of open and I got exactly what I wanted. Then I discovered by chance that the class really existed. Anyway as I said in different post JsTree really needs more Documentation because I find it to be a great plugin.
I am using jQtouch for my iPhone application,
I need to check box filed, in jQtouch we have the code below like this.
<ul>
<li>
Toggle The <span class="toggle"><input type="checkbox"/></span>
</li>
</ul>
By using this code we can display the
On-Off image, in the it will be by default off position.
But I need the 'On' position by default.
can you some one help me out for this.
The simplest solution is to add "checked" to the <input> tag:
Toggle The <span class="toggle"><input type="checkbox" checked/></span>
IF you want to handle programmaticaly:
$('toggle input[type="checkbox"]').attr('checked', true)
If you put that in your .Ready() (or page loaded function) the checkbox will be checked by default.
I would recommend that you give the Checkbox an id so that you can specify exactly which you want to change:
<ul>
<li>
Toggle The <span class="toggle"><input id="myCheckbox" type="checkbox"/></span>
</li>
</ul>
Then use:
$('#myCheckbox').attr('checked', true)