I'm currently working with Spry Tabbed Panels in a Site. I've nested a set of panels inside of another set of panels. My problem is that 2 out of 4 tabs in the first panel don't work. And two out of four tabs in the nested set of panels don't work.
Here is a link to the site for an example:
http://emilymagnuson.com/trustbank/index.html
Your HTML structure looks broken. You need to fix that if you want spry to work properly. For example on line 336 of the source code there is an extra </div> closing tag. I would review your code and make sure that all your HTML elements are placed properly.
Related
A plea to all wiki gurus - can anyone help me create a link to another page in the same wiki when the wiki page is constructed in html?
Alittle background & context: I decided to get a bit arty in my mediawiki and made a simple landing page constructed using CSS and div elements to sit on a mediawiki page. After a little fettling, I managed to get the HTML rendered correctly and the page looks very nice!
Now I wish to use the div elements (lets call them 'buttons') as links to other mediawiki pages within the same wiki. (the actual 'buttons' are made up of several elements wrapped in a containing div element)
The actual html for a 'button' looks like this:
<div class="cf-box"><div class="cf-box-title">Button Title</div><div class="cf-button-icon"></div><div class="cf-box-text">Description of the information the button links to</div></div>
Using HTML, this would be a simple process of wrapping the containing element (cf-box) in a link and all is good in the world. I assumed that you would be able to do something similar in mediawiki such as..
[[Some Page|<div class="container"><div class="button"><div class="text"></div></div></div>]]
but when I try this, the outer 'container' opening and closing div elements are stripped out and displayed on the page as text leaving the internal div elements orphaned rendering garbage on the page. The link does work though!
Thanks to anyone who takes a look!
Any advise on how I can add an html code on (not a floating plugin) to the top bar of my website. When I enable the top bar option of my child theme, it comes with a built-in menu selection option, and I don't know where to look it for, on the WordPress file editor, so I can add an HTML code with a simple html phone link aligned to the center
Where should I look for the actual place which if I insert the phone text manually, It will show it, when I enable the top bar
this is the website
Theme
Assuming the theme your are using is following proper hierarchy, the #1 spot to look for when trying to make this kind of a change would be inside your header.php file, within your theme.
If the goal is to simply have a phone number at the very top of your website, and have it centered, you can add the following code to your header.php (IMMEDIATELY after your tag is opened, like so:
<body <?php body_class(); ?>>
<div style="text-align:center;font-size:16px;">(555) - 555 - 5555</div>
Change the font-size with whatever size you want, and the phone number with the phone number you'd like in the top bar. This has been tested and it should work.
Here's the website I'm working on: http://104.193.173.104/modx/
The top navigation has 2nd and 3rd levels that are generated by Wayfinder in ModX. As far as I can tell from the page source and chrome inspector, they are generating properly and have the appropriate CSS classes. When I click one of the nav links, the inspector shows the li class change to "dropdown open" and a ul class "dropdown-menu" appears. I can see the outline in inspector, but nothing is showing on the page.
I'm guessing this is a z-index problem in my CSS, but I'm not very familiar with how all of that works. Is anyone able to help me? Let me know what HTML/CSS you need me to include and I'll edit this post. Cheers!
note: My jQuery is called in the head of each page
Your navigation div (#main-navigation-container) has overflow:hidden. You'll need to figure out what you want to do there but that's why it's being "cropped" out.
I am working with a tabs layout and was wondering if there are any alternatives to anchor links when only using html and css? Are there subanchor links?
I want to link one item in the 1st tab to another item in the 2nd tab. What could I use that would allow me to do this? Anchor links aren't currently working due to the tabs layout.
Thanks!
Code: http://codepen.io/anon/pen/xsaht
For example, on tab 3, having a word from header 5 link to another word in header 4.
I found an alternative to this,
Instead of using an accordion, anchor links will work within the tabs. I created a table to contain the main headers of the sections at the top with anchor links. It also speeds up the site a little by getting rid of the accordions.
Code: http://codepen.io/anon/pen/pkvoI
I'm using Bootstrap 3 for a project and I'm having a problem with tabs... and this is only happening in one of the pages...
I've 2 tabs, and everything loads fine except for the fact the second tab (not active) loads as well, as a huge white space under the active tab content. I'm using tabs in other parts of the site (backoffice) and I've had no problems or whatsoever so far... I've checked for open HTML brackets but I've found none... Can you have a look at what's happening?
Thanks!
Website: http://www.jomall.org/v2/ (look between at the footer)
you have a typo on the second div
<div class="tab-page" id="contacts">
should be
<div class="tab-pane" id="contacts">