I am currently trying to add links to my footer so that they are displayed from left to right inside the footer. Currently they are being displayed in a list going down the page.
try ol instead of li. this should do it.
Related
I've created a tablesorter through JSFiddle, and the best way apparently to show it on a site is through adding /show at the end. However when I add this to my site, and all the other ways I've tried there is a scrollbar within the tablesorter and the heading can be scrolled up because of the results and edit in JSFiddle.
I know that probably sounds like rubbish, so I've attached a link to my site where it apepears, as you can see it is scrollable.
Is there a way of disabling the scrollbar in the HTML, CSS or JavaScript so that when it appears on my site it is fixed.
I hope ive been clear, thanks.
Link - eylestom.wix.com/tenation#!releases/c16vn
I'm assuming you mean the scrollbar in the iframe that contains your JSFiddle? I think that iframe is taller than the "tabs" div containing it. I made an inline change to the height of the iframe to 530px (allowing for your header block) and the scrollbar isn't displayed.
So, I think you could just make the iframe smaller, or make your containing div taller, or set its overflow to 'hidden'. But, your page looks like it's going to contain a lot of data down the road. I'd suggest you look at adding the 'stickyheader' or 'scroller' widgets to your tablesorter to manage the overflow more gracefully.
<iframe src="//fiddle.jshell.net/tome98/abkNM/5961/show/light/" sandbox="allow-forms allow-popups allow-scripts allow-same-origin" style="height: 530px;"></iframe>
Not sure where to look for an answer, but here's my quest:
http://www.mobiliteitsvisie.nl/
On this site I've made a one page parallax, but when scrolling the main text moves underneath the menubar, but the headers (h3 & h4) seem to move over it...
But where would I need to adjust this? In the .css or in the .js file?
Thanks in advance!
Ruud
Since you're problem is with the style you need to make a change to the CSS.
In your case you want to get the menu on top of all other objects. Just give the menu container a large z-index.
Add this to your css file:
header {
z-index: 100;
}
The z-index property specifies the stack order of an element.
An element with greater stack order is always in front of an element with a lower stack order.
Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).
Additional question about the same site. When scrolling through the site, the menu-item should change with every slide it passes. At this moment the last clicked menu-item is highlighted, even when scrolling through to the several slides. Is there an easy way to make that work in CSS? Or would that be possible by just adding a jQuery.nav.js to the index.html?
I am developing an ios app with phonegap. My app contains a page which displays a list of places.Right now i have not given any anchor link or Onclick event for the list items.But the problem is the header and footer is disappearing while clicking or tapping on any list item.My header contains the title of app and footer contains navigation bar.If I tapped again it will appear.But for next tap it will hide and so on. Is there any solution for this problem.?
Add this to your header and footer div
data-tap-toggle="false"
This will disable the toggle on header and footer so when you click on the page the footer and header will stay on.
I would guess you have a full screen mode turned on. It is done with this attribute:
data-fullscreen="true"
It must be placed/removed in page/header/footer div. Basically remove this attribute and everything will work just fine.
Official documentation can be found here: http://jquerymobile.com/demos/1.2.1/docs/toolbars/bars-fixed.html
I would like to make a jquery-mobile app having a left hand menu.
Is there a way to have it fixed like the fixed NavBar can be set? I think I need a vertical NavBar on the left side.
Thank you, F.
If you put the css "position:fixed" into the containing div of the list view, this produces a fixed effect.
Related:
JQuery mobile pageslide, new facebook menu
Examples:
http://jsfiddle.net/LwrqY/5/
http://jsfiddle.net/LwrqY/5/embedded/result/ (view on mobile)
Now these are just examples and will need to be tweaked to work, just a concept
I have an ASP.Net-MVC application that is mostly complete. However, I have one page that contains radio buttons. When that page is displayed in Firefox or Chrome, the radio buttons are displayed in a horizontal row (which is what I want). But when the page loads in IE, the radio buttons show up in a column. I am using the Html.RadioButton helper.
I have tried editing several of the css properties in the master stylesheet, but I have not been able to come up with a solution.
Have any of you encountered this before? If so, what could the solution be?
It would be handy #Jacob, if you could list what you have tried.
Have you tried the css display:inline?
Or have you tried putting them as <li>'s in a <ul> and then setting the display:inline on the ul or the li's?
I ended up just putting the radio buttons in a table row. It's not the most elegant solution, but it works all the time.