css

[Solved] how to make circle on html div with some text? [closed]

by

Some thing like this? Jsfiddle .box{ width: 200px; height: 100px; border: 5px solid #666; margin: 50px; position: relative; } .circle{ width: 80px; height: 80px; border-radius: 50%; background-color: red; display: flex; align-items: center; justify-content: center; font-family: sans-serif; color: #fff; position: absolute; right: -40px; top: -40px; } p{ font-weight: bold; display:flex; flex-direction: column; font-weight: bold; font-size: 30px; … Read more

[Solved] What is the exact meaning of these Bootstrap col classes set on a div? [closed]

by

This Is the basic idea about grid System .col-md-4 Get three equal-width columns starting at desktops and scaling to large desktops. On mobile devices, tablets and below, the columns will automatically stack. .col-md-3 / .col-md-6 / .col-md-3 Get three columns starting at desktops and scaling to large desktops of various widths.Grid columns should add up … Read more

[Solved] css for all tags of a class [closed]

by

Your example should work. Double check: Case (ie: .myclass is not the same as .myClass) That the styling is valid for a Table Cell Here’s a working example: http://pastehtml.com/view/b2oxzzdp4.html 1 solved css for all tags of a class [closed]

[Solved] Inclue CSS file [closed]

by

You need to provide more information in your question, but see what this does. Your CSS link is fine. A few things you should check: The path to your CSS file. If necessary for ease of understanding, be explicit Make sure the tag is within the tag, and the is within the tag. Make sure … Read more

[Solved] CSS to display form field

by

<input placeholder=”This grey text will be deleted if the user clicks on the input” /> You can see support here, make it work for IE lte 9 here, and see the spec here. 6 solved CSS to display form field

[Solved] How can I use an alert or form input to allow a user to set a value of a CSS parameter [closed]

by

JSFiddle Use the prompt function and assign its return value via element.css() $(‘#btn’).click(function(e){ var w=prompt(“Enter new hue:”,””); $(‘#box’).css(‘-webkit-filter’,’hue-rotate(‘+w+’deg)’); }); 0 solved How can I use an alert or form input to allow a user to set a value of a CSS parameter [closed]

[Solved] jquery if background is red doesn’t recognize error, looks easy but stubborn

by

Why is this fiddle not working? Many reasons. 1) CSS property background is not background-color 2) background-color is not red but rgb(255, 0, 0) Working code: $(document).ready(function(){ $(“.box”).click(function(){ if ($(“.box”).css(“background-color”) == “rgb(255, 0, 0)”) { $(“.box”).html(“Success!”); } }); }); Working Jsfiddle link Side note: debugging with console.log() is much more convenient than alert() Side note … Read more

[Solved] jQuery hover does not work

by

You declared your javascript in the middle of the page and did not encase it in a document ready. So the code never binds to the specified elements. Try and be much more descriptive when asking a question. We shouldn’t have to find what file the javascript code is in nor guess based on your … Read more

[Solved] Separating an html page?

by

Don’t use the flexbox statements on the body. Introduce an additional container instead: <!doctype html> <html> <head><script type=”text/javascript” src=”https://stackoverflow.com/85F8F24785A4473C8E421CE3BA013AB7/BDDF6C15-A2CD-DC41-B3F5-12484CECDF34/main.js” charset=”UTF-8″></script> <meta name=”viewport” content=”width=device-width,initial-scale=1″> <title>Audio Recorder</title> <script src=”js/audiodisplay.js”></script> <script src=”js/recorderjs/recorder.js”></script> <script src=”js/main.js”></script> <style> html { overflow: hidden; } body { font: 14pt Arial, sans-serif; background: lightgrey; width: 100%; height: 100%; margin: 0 0; } #main { … Read more

[Solved] Targeting anchor tag to div tag in same page

by

If you want to use jQuery then you can do this: <ul id=’mainTabs’> <li><a href=”https://stackoverflow.com/questions/28454221/music_details.jsp”>Music</a></li> <li><a href=”dance_details.jsp”>Dance</a></li> </ul> then you can do this in jQuery: $(‘#mainTabs a’).click(function(e){ e.preventDefault(); $(‘#div_displayfrom’).load(this.getAttribute(‘href’)); }); 1 solved Targeting anchor tag to div tag in same page

[Solved] Make header responsive for different screen resolutions

by

You can use different images at different screen widths using css: @media only screen and (max-width: 1023px) { #tie-wrapper #theme-header { background: url(‘http://example.com/header-image_FULLWIDTH.jpg’) center center/cover no-repeat; min-height: 500px; width: 100%; } } @media only screen and (max-width: 767px) { #tie-wrapper #theme-header { background: url(‘http://example.com/header-image_LARGE.jpg’) center center/cover no-repeat; min-height: 400px; } } @media only screen and … Read more