css

[Solved] Need help fixing “property value expected” in CSS (Beginner/amateur) [closed]

by

The problem you are having here: The external links to the libraries on codepen are not linked to correctly. Or you haven’t linked to them at all. When you click the cog wheel in the JavaSript tab you see external libraries listed there https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js https://codepen.io/mimikos/pen/GvpJYQ https://codepen.io/mimikos/pen/rzOOgG Do you link to these in your code with … Read more

[Solved] How can I separate and make a menu with these links in CSS without using unordered lists [closed]

by

your answer are here: just change my styles. http://codepen.io/leandroruel/pen/oyjhK HTML: <div id=”navigacion”> <div class=”topNaviagationLink”><a href=”https://stackoverflow.com/questions/23633941/index.html”>Home</a></div> <div class=”topNaviagationLink”><a href=”https://stackoverflow.com/questions/23633941/index.html”>About</a></div> <div class=”topNaviagationLink”><a href=”https://stackoverflow.com/questions/23633941/index.html”>History</a></div> <div class=”topNaviagationLink”><a href=”https://stackoverflow.com/questions/23633941/index.html”>Services</a></div> <div class=”topNaviagationLink”><a href=”https://stackoverflow.com/questions/23633941/index.html”>Contact</a></div> </div> CSS: body { padding: 0; margin: 0; } #navigacion { width: 100%; height: 50px; background-color: #eee; } #navigacion .topNaviagationLink { padding: 0; display: inline-block; } #navigacion .topNaviagationLink … Read more

[Solved] CSS rule affecting more than just my table [closed]

by

The problem is, very simpley, that your div.table-container contains more than just your table. If you close off that div after your table closing tag, you should see the results you are looking for. I image that that your double opening table tags <table><table… Are also messing with how the HTML is being parsed. Given … Read more

[Solved] how can i background-color 50+ divs with separate colors easily | CSS only [closed]

by

Use JavaScript. You could either generate random colors or create an array of colors and pick a color sequentially or randomly. var box = document.getElementsByClassName(‘box’); // An array we need to generate a random hex value. var all = [‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, ‘8’, ‘9’, ‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’] // … Read more

[Solved] What is ’em’ in SCSS?

by

Save the code below as _unitconversion.scss Import it in your scss file @import ‘_unitconversion.scss’; em(480px) will now output as 30em in your css https://codepen.io/jakob-e/pen/AHunv // ____________________________________________________________________________ // // Unit Conversion v.2.1.2 // ____________________________________________________________________________ // // Function Input units // // Absolute length // px(input); px, pt, pc, in, mm, cm, q, em, rem, number // … Read more

[Solved] HTML checkboxes and input options [closed]

by

If you want to create inputs on the fly you can use the following: $(“.myCheckbox”).on(“change”, function() { var value = $(this).val(); if (this.checked) { $(this).parent().append(‘<input id=”checkboxInput’+value+'” type=”text” maxlength=”254″ name=”checkboxInput’+value+'”>’); } else { $(‘#checkboxInput’+value).remove(); } }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <div class=”container”> <div class=”checkboxWrapper”> <input class=”myCheckbox” id=”checkbox1″ type=”checkbox” name=”someName[]” value=”1″ /> <label for=”checkbox1″>Value 1</label> </div> <div class=”checkboxWrapper”> <input … Read more

[Solved] Get link’s text in javascript

by

$(“.myid”).click(function (event) { // I want to prevent the elements default action (thanks @ Rajaprabhu Aravindasamy). event.preventDefault(); alert($(this).text()); }); JSFIDDLE. Read more about preventDefault here. 1 solved Get link’s text in javascript

[Solved] my website is a disaster on IE 9 and less [closed]

by

It looks like you need a doctype http://validator.w3.org/check?uri=http%3A%2F%2Fdev.ux-pm.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 This will probably clear up quite a few issues with things looking wrong on older versions of IE but this won’t necessarily fix everything. Validating is not a cure all but I do find that the more compliant the code is then the less likely bugs occur. … Read more

[Solved] how to stabilize button in div when condensing a page

by

You are missing the important responsive meta tag: <meta name=”viewport” content=”width=device-width, initial-scale=1″> But you are using Bootstrap, which is a responsive framework. So, the answer to your question is to study and understand Bootstrap, along with more general studying of what it means for a site to be responsive. solved how to stabilize button in … Read more

[Solved] Make a div like google [closed]

by

You should elaborate what you want? Do you want a popup or an arrow like one shown in the screenshot? Try this: http://jsfiddle.net/F47uy/ CSS: #arrow{ border-left: 15px dashed transparent; border-right: 15px dashed transparent; border-bottom: 15px dashed grey; margin-left:200px; width:0; height:0; } #box{ background:grey; width:300px; height:300px; } solved Make a div like google [closed]