I used the latest sIFR version, and for some reason it shows the title double. I've experienced this problem on 2 pages now.
I uploaded an example here:
http://www.romenov.com/fairflex/form.html
and for some reason, the problem does not occur on page.html
Any clues?
Possibly because you don't have the sIFR stylesheet included in the form.html.
<link rel="stylesheet" href="sifr.css" type="text/css">
:)
Related
I'm linking to a css file in html but it doesn't seem to apply.
/style.css" rel="stylesheet">
html is complaining on the second < as if it wouldn't be closed and is marked red. Anyone who know's anything about this issue?
The CSS link in an HTML page you have to do it like this
<link rel="stylesheet" href="style.css" /> provided that the HTML and CSS file are in the same folder
Basically what is happeing to me is that a text like "Ubicación" (spanish) is showing as "Ubicaciyn" same problem for every text with '
I am using this <meta charset="utf-8"> and I opened the file on note++ and save it as encoding in UTF-8.
If I take out the jquerymobile.js the problem is gone.
UPDATE
When I remove the jquery mobile stylesheet the problem is gone.. someone knows why?
FIXED
I fixed the problem, is a rare behaviour, what i had to do was to delete the all font-family properties from the default jquery mobile css. I dont know why but that fixed the problem, then I added a new css after that one with my specific font-familt and it worked!
Please try with complete meta tag for utf-8 encoding.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
I have made my own stylesheet that I require to include on the Jenkins plugin.
<l:layout css="/plugin/myPlugin/css/jquery-ui.css">
<link rel="stylesheet" href="${rootURL}/plugin/myPlugin/jquery-ui.css" type="text/css" media="screen" />
Please advice me..
Thanks..
To link CSS files in Jelly files is deprecated, see jelly tags documentation:
This was originally added to allow plugins to load their stylesheets, but the use of thie
attribute is discouraged now. plugins should now do so by inserting <style> elements
and/or <script> elements in <l:header/> tag.
Please use inline css tags instead (code example).
Place your css file(s) under
/src/webapp/css
and reference them as ..
" href="${rootURL}/plugin//css/layout.css"
Using a <link> element with the $rootURL as noted above worked for me. The important thing that I noticed was to make sure to place the <link> element after <l:layout>. I had it right after the <j:jelly> tag originally and it wasn't able to render the ${rootURL}.
The <link> tag will be much cleaner than doing inline styling.
In my web app, I have a page where I use autocomplete widget from jQuery UI.
I link to jQuery Mobileand jQuery UI CSS from this page.
link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.min.css"
type="text/css" link rel="stylesheet" type="text/css"
href="Styles/ui-lightness/jquery-ui-1.8.16.custom.css"
when I do this, my jQuery Mobile data-icons dont show at all. I just see a black hole in place. The other pages where I refer to only the jQuery Mobile have no issues. they display the data-icons fine.
Any idea as to what I could be doing wrong?
Put the jQuery UI css link BEFORE the jQuery mobile css and should work.
Try linking your Javascripts in the followng order:
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>
If this doesn't help, try using the custom selector in your code :jqmData(), as it automatically incorporates namespaced data attributes into the lookup when they are in use. For example, instead of calling $("div[data-role='page']"), you should use $("div:jqmData(role='page')"), which internally maps to $("div[data-"+ $.mobile.ns +"role='page']") without forcing you to concatenate a namespace into your selectors manually specially for your data-icons
jQuery mobile shows the icon through a background-image and position CSS declaration, it's likely you have CSS that is overriding those styles.
To find your issue, use your debugger, Chrome's debugger is especially useful, under Computed Style look for the background-image/position style and the CSS class in conflict. Then you can see which class is winning and the actual value, if you see a black box you may very well just have a bad url to the image - which you can identify here as well by following the image link on the CSS style and seeing if that image really exists.
Also I don't see your < and > brackets around your CSS declaration, correct me if I'm wrong but I think you're supposed to link to each css file with a separate tag:
<link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="Styles/ui-lightness/jquery-ui-1.8.16.custom.css">
I have a webpage with header footer and all. when i print that page , i need to print with custom header and footer and specific page size also.. what all should i take into effect for this..
which one is better. by using php or using jquery plugins. i want more control on page layout
you should use CSS maybe, and a special stylesheet for printable versions :
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
If you have your data using PHP from a DB you can use FPDF