[Solved] How to make a responsive picture

[ad_1] In the example you provides, it seems like background image. So you can style it like below background-image: url(“../images/image_name.jpg”); background-size: cover; [ad_2] solved How to make a responsive picture

[Solved] Responsive design not working on mobile

[ad_1] If I’m understanding correctly, You need a <div class=”row” before col-sm-4. EDIT: From your screenshot, I don’t see a container, which you will need. Maybe it is already included but I cant see it. You need to have <div class=”container”> <div class=”row”> <div class=”col-sm-4″> Try removing the other divs first to see if that … Read more

[Solved] Using CSS to style a numbered list

[ad_1] Below is a sample on how the desired result can be achieved using <ol> (ordered lists) and CSS counters. It has a bit of a hack-ish feel about it because of the expectation that when a line is wrapped around, it should not start from under the numberings. Otherwise, I feel this method is … Read more

[Solved] Draw vector shapes for background of page

[ad_1] This link should get you started with regards to creating rounded corners in a HTML 5 canvas. http://www.html5canvastutorials.com/tutorials/html5-canvas-rounded-corners/ It will also allow you play around and come up with a solution that looks like your image. With regards to then putting this behind other elements, wrap the remainder of your elements in a div … Read more

[Solved] Remove hover CSS

[ad_1] From what I can tell you want the elements to do nothing on hover. That is to say, the maintain whatever styles they normally would have when not hovered. E.g, if they have an orange background when not hovered, you want them to stay orange. Unfortunately, there is no way to do this with … Read more

[Solved] FOOTER div wont to be at bottom and get over another divs [closed]

[ad_1] To achieve it your page structure needs to look like that HTML <html> <body> <div class=”content”> <!– all your page content goes here with header –> <div class=”stop”></div> </div> <div class=”footer”> </div> </body> </html> CSS html{height:100%} body{height:100%;margin:0} .content{height:auto !important;min-height:100%} .stop{height:40px;clear:both} .footer{width:100%;height:40px;background-color:red;margin-top:-40px} .stop elements will prevent footer from overlapping your content, also needs to be … Read more

[Solved] Menu won’t increase in height [closed]

[ad_1] So here is my answer. The problem is the background for your navigation. I would prefer a solution like this: .row .nav { line-height: 60px; background: black; } .row .menu a { line-height: 60px; } .row .menu .sub-menu { top: 56px; } Insert this into your CSS. This code is tested and works. Tell … Read more

[Solved] wordpress stylesheet not working in firefox [closed]

[ad_1] I have tested my answer and it seems to fix a lot of your layout problems. Line 1892 is causing the issues: .ei-slider-thumbs li:hover img{opacity: 1; bottom: 13px;-ms-filter: “progid:DXImageTransform.Microsoft.Alpha (Opacity=100)”;} Rewrite line 1892 in style.css to read: .ei-slider-thumbs li:hover img{opacity: 1; bottom: 13px;} The line breaks you had in -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100) was causing firefox … Read more

[Solved] force use of javascript in a web [closed]

[ad_1] A very simple way to solve this: <html> <head> <script type=”text/javascript”> window.onload= function(){ document.body.style.display = “block”; } </script> </head> <body style=”display:none”> something </body> </html> 4 [ad_2] solved force use of javascript in a web [closed]

[Solved] How to match height of 2 divs

[ad_1] You can do this using jquery: // get height of left summary and set right summary to the same on page load var summaryLeftHeight = $(“.summary-left”).height(); $(“.summary-right”).css(“height”, summaryLeftHeight + “px”); // add this to make sure they have the same height on page resize $(window).on(“resize”, function(){ var summaryLeftHeight = $(“.summary-left”).height(); $(“.summary-right”).css(“height”, summaryLeftHeight + “px”); … Read more