html

[Solved] How to make div with text and icon right [closed]

by

I hope this is what you want. #red { width:500px; height:100px; padding:20px; background-color:#f70c1e; color:white; line-height:100px; font-size:40px; font-family:sans-serif; text-align:center; } img{ float:right; } <div id=”red”> Yada yada . <img src=”http://content.nike.com/content/dam/one-nike/en_us/season-2012-su/open-graph/onenike_homepage_v1_opengraph_100x100.jpg” alt=””> </div> solved How to make div with text and icon right [closed]

[Solved] How to tell who is logged in PHP? [closed]

by

$_SESSION A session is a way to store information (in the form of variables) to be used across multiple pages. <?php // this line starts the session and must be present in any page where you need to set or retrieve a session variable session_start(); // this sets variables in the session $_SESSION[‘userid’]=’123′; //obv it … Read more

[Solved] How to display the value of a javascript variable in html? [closed]

by

You would just set the .textContent of the element that it will be shown in to the variable. No hiding/showing of the element is needed because the element’s .textContent will be empty at first (so it will initially not show anything anyway). <html> <head> <title>Using form data in the page</title> </head> <body> <div> <input type=”text” … Read more

[Solved] Creating paragraph layout [closed]

by

Here’s a simplified version of what you’re going for in your code. .advantages p { width: 45%; float: left; border: dashed 1px red; } .advantages p:nth-child(even) { float: right; } One thing you were missing is setting the width of the paragraphs. Things will look a little goofy when the lines of text in a … Read more

[Solved] Countdown clock works properly offline but doesnt work online

by

It’s a file casing. Change your file name to http://www.rhevon.com/css/Flipclock.css and this will work. As I mentioned file names are case sensitive on Linux, that is why you had this working in local Windows environment. Your file name is ‘Flipclock.css’ not ‘FlipClock.css’. Don’t forget to mark it as a valid answer, if it helped you. … Read more

[Solved] Link still clickable after .hide() [closed]

by

I think you have a mistake inside your script. Check this: jsfiddle.net/Frv8G/1/ I changed “s-o” to “g-o”. $(“#containergames”).mouseleave(function () { $(“.g-o”).animate({ opacity: 0 }, function () { $(“.g-o”).hide(); }); }); 0 solved Link still clickable after .hide() [closed]

[Solved] Disable close and minimize option

by

The ‘print’ window is created by your browser, not by Javascript (Javascript just says ‘hi browser, could you print this for me?). Luckily, browsers do not allow the ‘close’ and ‘minimize’ button to be disabled, as this would create a VERY unfriendly user experience (just imagine sites that ‘force’ you to print a million pages … Read more

[Solved] How to create the following image as header background in HTML5 and CSS3?

by

.container { width: 100%; height: 400px; background-color: lightgray; position: relative; overflow: hidden; } .inner { position: absolute; background-color: black; top: -200px; left: -50%; height: 400px; width: 200%; border-radius: 50%; } <div class=”container”> <div class=”inner”> </div> </div> solved How to create the following image as header background in HTML5 and CSS3?

[Solved] How can I make a two page search filter function using JavaScript? [closed]

by

By passing the data from Page1.html through get method and retrieve it on Page2.html, you can do like following Page1.html <!DOCTYPE html> <html> <body> <form action=”Page2.html” method=”get”> <select name=”color” > <option>Blue</option> <option>Red</option> </select> <br><br> <select name=”shape” > <option>Square</option> <option>Circle</option> </select> <br><br> <input type=”submit” /> </form> </body> </html> Page2.html <!DOCTYPE html> <html> <body> <style> .RedSquare{width:200px;height:200px;background:red;} .BlueSquare{width:200px;height:200px;background:blue;} … Read more

[Solved] How do I write a hover code? [closed]

by

why not use CSS (3 if you want animation)? #login{ position: absolute; top: 42px; left: 1202px; width: 63px; height: 19px; background-color: #2799b6; text-align: center; font-family: corbel; border-radius:20px; color:#FFF; font-size:15px; opacity:1; -moz-transition: opacity .5s; -o-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s; } #login:hover{ opacity:0; -moz-transition: opacity .5s; -o-transition: opacity .5s; -webkit-transition: opacity .5s; transition: … Read more

[Solved] Java Script/Jquery – If numbers beteen then show [closed]

by

I made some assumptions here (like you meant 1001-2000). Is this what you need? $(‘#unidno’).keyup(function () { if (parseInt($(this).val()) >= 0 && parseInt($(this).val()) <= 1000) { $(‘#spanResult’).text(‘10.10.2013’); } else if (parseInt($(this).val()) > 1000 && parseInt($(this).val()) <= 2000) { $(‘#spanResult’).text(‘20.12.2013’); } else { $(‘#spanResult’).text(”); } }); 6 solved Java Script/Jquery – If numbers beteen then show … Read more

[Solved] Why is the circle not round bootstrap and fontawesome?

by

Change service-icon class. Width must be 120px because you have padding of 20px. Old width was 80px, so 80-20-20 (padding left and right) = 40px So width was 40px and height was 80px, with border-radius of 50% it was ellipse; Right .service-icon: .service-box .service-icon { width: 120px; height: auto; font-size: 70px; margin: 15px auto; padding: … Read more