css

[Solved] Logo on mobile view not centered [closed]

by

with this css your can align your logo to center: @media screen and (max-width: 767px) { .header-content-one .d-flex { display: flex; justify-content: center; } .header-content-one .d-flex a{ width: 100%; } } I’ve setted up a breakpoint to 767px (the code work only for smaller screen) change it to the measure you want. 1 solved Logo … Read more

[Solved] how to code a stickyfooter in css?

by

Try this styles for which to see scrollbar just remove overflow:hidden in body html, body { margin:0; padding:0; height:100%; overflow:hidden; } #wrapper { min-height:100%; position:relative; } #header { background:#ededed; padding:10px; } #content { padding-bottom:100px; /* Height of the footer element */ } #footer { background:#ffab62; width:100%; height:100px; position:fixed; bottom:0; left:0; } solved how to code … Read more

[Solved] How to change the text inside a div by hovering over other elements

by

You can implement this using data attribute to hold your description that you want your box to load in the h2 – Working Example – http://codepen.io/nitishdhar/pen/CdiHa Explanation Write your HTML in this structure – <div class=”squares”> <div class=”square” data-content=”Alpha”></div> <div class=”square” data-content=”Beta”></div> <div class=”square” data-content=”Gamma”></div> <h2 class=”square-data-holder”></h2> </div> Notice I have added data-content that will … Read more

[Solved] Maximum height of textarea to 300px (Javascript)

by

It’s simply a matter of checking the height prior to resizing. If you would like to eliminate scrollbar flicker consider setting overlflow-y to hidden until 300: function resize () { var height = text.scrollHeight <= 300 ? text.scrollHeight : 300; text.style.height = height+’px’; } fiddle – http://jsfiddle.net/vtr8kvkx/2/ 1 solved Maximum height of textarea to 300px … Read more

[Solved] How to create this layout using CSS

by

You can use CSS3 multi-column layouts. The content is distributed inside columns like a newspaper. Browsers distribute content so that all columns are same(ish) height. However note that (i) the content displays from top to bottom, left to right (ii) the browser support is limited at the moment. $(“#button1”).on(“click”, function() { $(“#container > div”).height(function() { … Read more

[Solved] the inner java script is override the css property on this html code

by

function myFunction(){ document.getElementById(“bad”).style.display=”block”; } #good{ width: 100%; height: 100%; } #bad{ position:absolute; width: 15%; height: 100%; background-color: #023b3b; top:0%; display: none; } #vahid{ float: left; width: 7%; height: 100%; background-color: #023b3b; } #isnani{ float: left; width: 93%; height: 100%; background-color: bisque; } #one { display:block; background-color: #023b3b; /* width:60px; height: 867px;*/ } #boom{ margin-top: 30%; … Read more

[Solved] CSS not linking to my index.html

by

I you are a beginner, then start with simple an basic concepts… Use this template that is the structure of a HTML page: <html> <head> <title>Page Title</title> <!–Link to an external resource–> <link rel=”stylesheet” type=”text/css” href=”https://stackoverflow.com/questions/28797082/css-folder/css-file.css”> </head> <body> <header class=”top-section” role=”banner”></header> </body> </html> Put your style sheets into another file. For example: css-folder/css-file.css: html { … Read more

[Solved] Acessing and positioning divs with css

by

With the best understanding of your question, I tried to give you an answer. section {} .main { float: left; position: absolute; width: 400px; height: 100%; margin: auto 13%; top: 0; bottom: 0; left: 0; right: 0; } .section1 { width: 40%; } .section2 { width: 40%; } .section1, .section2 { margin: 0px; padding: 0px; … Read more

[Solved] How to give css style to Radio button

by

You could write this into your CSS-File. input[type=”radio”] { … your declarations here … } This is the selector for your radios. NOTE: This will affect other radios on your site too. It would be better if you wrap your radios with a div or other tags and give the tag a specific id. Then … Read more

[Solved] Css set size of elements in array dynamically [closed]

by

Taking your question literally and with an idea based on your limited markup: jsFiddle DEMO HTML <div id=”box1″ class=”element”></div> <div id=”box2″ class=”element”></div> <div id=”box3″ class=”element”></div> CSS .element { width: 50px; height: 50px; float: left; margin: 20px; border: 3px dashed black; } #box1 { background-color: red; } #box2 { background-color: blue; } #box3 { background-color: green; … Read more