css

[Solved] How use Jquery checkbox value and Class attribute set arrays

by

You can do this as : $(document).ready(function () { $(‘.checkboxes input[type=”checkbox”]’).change(function () { var A = new Array(); var B = new Array(); var C = new Array(); var param = $(this).attr(‘class’); $(” input[type=”checkbox”]:checked”).each(function () { if ($(this).hasClass(‘A’)) { A.push($(this).attr(“value”)); } if ($(this).hasClass(‘B’)) { B.push($(this).attr(“value”)); } if ($(this).hasClass(‘C’)) { C.push($(this).attr(“value”)); } }); //alert(“value ===> ” … Read more

[Solved] Link underline with transition

by

I made it for you as exactly the same as the link mate ul{ list-style: none; position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; list-style-type: none; margin: 0; } li { display: flex; margin: 0 0.5rem; font-size: 1.1rem; line-height: 2rem; cursor: pointer; flex: 1; } a{ text-decoration: none; color: #666; } a:after{ … Read more

[Solved] Is there a difference if I put a space in CSS selectors and if I don’t? [duplicate]

by

Yes it makes a difference. Using a space is the descendant selector. In your example, anotherClass must be a descendant of someClass. <div class=”someClass”> <div class=”anotherClass”></div> </div> Without a space, you are targeting elements that match all classes specified. In your example, matched elements must have both someClass and anotherClass. <div class=”someClass anotherClass”> </div> 1 … Read more

[Solved] simple JavaScript code to show and hide data

by

To toggle the div this is the code using Javascript. document.getElementById(“hide”).onclick=function(){ document.getElementById(“data”).style.display=”none”; } document.getElementById(“show”).onclick=function(){ document.getElementById(“data”).style.display=”block”; } <div id=”data”> this is some data </div> <input type=”button” id=”show” value=”show data”> <input type=”button” id=”hide” value=”hide data”> solved simple JavaScript code to show and hide data

[Solved] Chrome CSS Hack and Media Queries [closed]

by

The answer you want to hear, and that I hinted at in a comment, is: @media screen and (-webkit-min-device-pixel-ratio:0) { #myid {position: absolute; top: 10px;} } @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1024px) { #myid {position: absolute; top: 8px;} }​ As much as I’d like to solve your underlying problem… I´ve added a font via … Read more

[Solved] Container not wrapping the content [closed]

by

Ok now I get what want to achive. To wrap it and center horizontally (I assume you want to do it) you need to margin: 0 auto; to .container NOTE: there will not be any scroll horizontal because of position: fixed; TIP: If you create css do tree of selectors in this case .rectangle{} and … Read more

[Solved] How can I give my arrow direction and arrow color in asp.net coolgrid based on information from database?

by

Try: <span id=”sptrend” runat=”server” class=”<%# String.Format((“{0}{1}”), Eval(“OverallStatusCdClass”), Eval(“OverallTrendCdClass “))%>”></span> if you must inclue ‘arrow‘ or any other string other than in the DB that is hard coded then you can alter String.Format((“{0}{1}”), to be String.Format((“arrow {0}{1}”) Note: I assume that your span is in a databound control.. SELECT OverallStatusCd, OverallTrendCd, CASE WHEN OverallStatusCd = ‘Up’ … Read more

[Solved] how to make smileys emoji in html and css only

by

Try this, hope you might get some idea how to design emojis. [class^=”emoji”]{ width: 50px; height: 50px; background: #9E9E9E; display: inline-block; border-radius: 5px; position:relative; } .emoji1:before { content: “”; position: absolute; width: 10px; height: 10px; background: #000; border-radius: 25px; left: 10px; top: 10px; } .emoji1:after { content: “”; position: absolute; width: 10px; height: 10px; background: … Read more

[Solved] Bootstrap 4 Carousel Show 2 Slides Advance 1 [closed]

by

It is working as expected (one at a time) but because the images are all the same it’s hard to see. Try with different images like this… https://www.bootply.com/9YTnuqUPMs To make the animation more Bootstrap 4 friendly, override the transitions like this… .carousel-inner .carousel-item-left.active { transform: translateX(-50%); } .carousel-inner .carousel-item-right.active { transform: translateX(50%); } .carousel-inner .carousel-item-next … Read more

[Solved] Progress Bar text

by

Use the CSS ::after selector and attr() function for this. The ::after selector appends text to the end of the element, while attr() returns the value of a given attribute. function update_progressbar() { var opt1 = parseInt($(‘option:selected’, $(‘#FirstQOne’)).val()); var opt2 = parseInt($(‘option:selected’, $(‘#FirstQTwo’)).val()); var opt3 = parseInt($(‘option:selected’, $(‘#FirstQThree’)).val()); var opt4 = parseInt($(‘option:selected’, $(‘#FirstQFour’)).val()); var opt5 … Read more