Your HTML is invalid. You have to remove extra spaces: <li><i class=”fa fa-phone”></i>+2 95 01 88 821</li> <li><i class=”fa fa-envelope”></i>[email protected]</li> Tag names are usually in lowercase. Hope you have CSS describing your classes fa, fa-envelope and fa-phone… Update As I understand from your comments you have no CSS and font Awesome for your HTML. So … Read more
1. The Free Quote Button to be forced right I would use position: absolute; here to avoid excessive juggling with margins and paddings. This way it will always stay on the same line. This will look worse if your navbar-header and nav items are wider though than in your fiddle. .navbar-right { position: absolute; right: … Read more
You forgot to add the unit of measurement to the font-size. Add px, em, or % to the end of 18. .linkunderthepicture a { width: 99%; font-size: 48px; text-decoration: underline; font-weight:bold; text-align: center; } <div class=”linkunderthepicture”><a href=”http://google.com”>Click</a></div> solved Cannot change anchor text font size when it is inside a div
Check this Updated Demo Fiddle JS: $(‘.clicker’).click(function () { $(‘body’).toggleClass(‘overlay’); }); CSS : .overlay { position:absolute; /* color with alpha transparency */ background-color: rgba(0, 0, 0, 0.3); /* stretch to screen edges */ top: 0; left: 0; bottom: 0; right: 0; } The class click-nav is the parent <div> and not the button. Remove display:none … Read more
The problem is that when the tab/window is hidden, browser doesn’t redraw its content but the script continues to run, and when you switch back, it catches up at the first script execution that cause a redraw. What you could do is use the Page Visibility API and stop script from running when tab/window is … Read more
I can’t even believelocation.replace(‘javascript:page’ + page + ‘()’) works, but I simply moved the css into the returned html and images were hidden. function page1() { return “<html><head><style>.heraldone #text2,.heraldone #text3,.heraldone #text4,.heraldone #text5 {display: none;}</style></head><body class=”heraldone”><script src=”http://feed.informer.com/widgets/J9HBCBNMTQ.js”><\/script><\/body><\/html>”; } function page2() { return ‘<html><body>Hello world (2)</body></html>’; } function nextpage(page) { if (!document.image) { location.replace(‘javascript:page’ + page + … Read more
Here’s the jsfiddle update to handle subtraction: https://jsfiddle.net/wvary/2u5xtkv2/8/ Function taken from the new fiddle: //—Insert random pizza slices function insertPizzas() { selected = []; result = 0; //—Generate aleatory pieces var rand = 0; while (selected.length < 2) { //—Making sure first number is greater than 0 (0 is the index so it is actually … Read more
It sounds like you’re looking for the nowrap attribute for a td element. More information here. Something like this: <table> <tr> <td nowrap> This is a long sentence which constitutes a lot of data that shouldn’t wrap when rendered. </td> </tr> </table> Demonstrated here. solved How to make table columns width dynamic? [closed]
You can’t change the colours of an SVG that’s included via <img> or background-image. You’ll need to include it inline in your page. You can then change the colours using the fill and stroke properties. .square { fill: red; stroke: blue; stroke-width: 4; } <div> <p>Hello world</p> <svg> <rect class=”square” x=”5″ y=”5″ width=”100″ height=”100″/> </svg> … Read more
Short answer would be: If the parent’s height is not set explicitly, the child height will be set to auto. This article explains why what you are trying to achieve isn’t working: http://www.456bereastreet.com/archive/201306/height_in_percent_when_parent_has_min-height_and_no_height/ This is from the CSS 2.1 specification (which, as far as I know, doesn’t differ from CSS3) The percentage is calculated with … Read more
height:100% means 100% of the parent height. Since you haven’t given height to parent of ul i.e body the code will not work. You need to add the following css html,body{ height: 100%; min-height:100%; } 0 solved how to create a vertical menu in html/css [closed]
since .myarticle cannot be “visited”, I would go with: a:visited, a:visited > .myarticle{ background-color: red; border-radius: 20px; color: black; } Instead of: <!–The thing, I don’t understand. .myarticle:visited does nothing, ??–> a:visited, .myarticle:visited{ background-color: white; border-radius: 20px; color: black; } :visited status applies to the links, you cannot apply this to the article items 0 … Read more
If you could detect when the object IS in view port, you could add/remove the css class with the animation description. Something like: // the css class to be added/removed .animationClass { animation: someAnimation 5s; -moz-animation: someAnimation 5s; /* Firefox */ -webkit-animation: someAnimation 5s; /* Safari and Chrome */ -o-animation: someAnimation 5s; /* Opera */ … Read more
Whatever is creating the tr elements would have to apply those classes. That is, it’s just styling something like this: <tr class=”odd”>…</tr> <tr class=”even”>…</tr> However, you could instead use the nth-child selector with the keywords “odd” and “even”, which might be more along the lines of what your question was asking about: tr:nth-child(odd) { color: … Read more
from the DOM table, if they are identical(structure), you can make a loop on the TDs of one of them and compare textContent to the other standing at the same position: here is an example const firstTable = document.querySelectorAll(“#table1 td”); const secondTable = document.querySelectorAll(“#table2 td”); // loop on one of the table if both are … Read more