Here is my project https://jsfiddle.net/9rkfst5a/1/ How can I get the h1 above the ul and not next to each other? >Solution : Many ways, but simple and quick would be to just knock them out of the flow in your HTML so they’re not contained in the specs class and then set the padding to… Read More How do I set "Audio" above "Diameter 18mm"
This is the JSON array: { "id": "", "name": "", "posts": { "data": [ { "likes": { "data": [ ], "paging": { "cursors": { "before": "QVFIUnpFd2IwMlhuOWI3dJqelFNNEZAPWDlqeENTNkg1N2RqMm9zQXBreVV6bE9KNXJzX29LeXlMZAzhNT2x3TEhlcGk3OG1Bd3ZABRmpyTXhnNDZAWV2hR", "after": "QVFIUl9Vbm14cld0dm41OTFtKYmgtelBKall2bnBINjBQMXBiNkNCMUM0d21lQXptOXRvbklkU0pHbV9yejNBVG9Jb2hqQTFoem1mdm9zMnJn" }, "next": "" }, "summary": { "total_count": 84, "can_like": true, "has_liked": false } }, "comments": { "data": [ { "created_time": "2022-05-25T18:22:19+0000", "message": "", "id": "" }, {… Read More Parse over large JSON array of Objects from Facebook
I have tried adding a simple toggle function to the dropdown-btn class which in turn adds the active class (which is set to display: block;) onto the ul class, am I doing anything wrong here? https://jsfiddle.net/q45yc3vt/10/ HTML <nav class="admin-sidebar sidebar"> <div class="sidebar-nav"> <li><a href="#" class="dropdown-btn"><i class="fas fa-address-card"></i><span>Dropdown</span><i class="fas fa-angle-down"></i></a></li> <ul class="options"> <li>Option 1</li> <li>Option 2</li>… Read More How can I toggle this dropdown?
I have a row with 4 columns that are each 3 wide, which adds up to the 12 that are supposed the be in a row, but for some reason the last one is still going onto a new row. Any idea how to fix this? Here’s my code: <div class=”container text-center”> <h3>Welcome to “Ender’s… Read More Why is a column going into the next row when there are only 12 columns?
I’d like to replace country abbreviations with country names but can’t get it to work – what am I doing wrong? https://jsfiddle.net/f6jq7eht/1/ HTML <div class="country"> <span class="section-label">Country/Region</span> <div>IT</div> </div> jQuery $(document).ready(function() { var text = $(".country div").html(); text = text.replace(‘CA’, ‘Canada’) text = text.replace(‘DE’, ‘Germany’) text = text.replace(‘PO’, ‘Poland’) text = text.replace(‘SG’, ‘Singapore’) text =… Read More Replace country code with country with jQuery
I would like my computer to automatically highlight todays day of the week in a table row. The table has all the weekdays in a separate row, and has a fixed number of seven rows, starting with the least pleasant day of all days, Monday or Maandag in Dutch. Lets say its Tuesday today or… Read More Highlighting Todays Work Day of the Week in an HTML Table using only CSS/Javascript/Jquery
I have an input type="text" and a div underneath it. When the input type="text" changes from having text in it to being empty, the div underneath it shifts up and down a few pixels. This problem only happens in Safari. Is a webkit CSS property that’s part of Safari causing this problem? I can’t figure… Read More Div below input type text shifts up and down as the input text changes in Safari
I have an array of objects that contain the data I want to sort (it has more properties), like so: [ { "data": { "id": "green" } }, { "data": { "id": "red" } }, { "data": { "id": "blue" } } ] id is a nested property I need to use in order to… Read More How to sort an array of objects based on scores – Javascript
I’m trying to get the singular/plural for the text before the array, based on how many options are selected in the array. For example, if only one selected option, it should be Result in Category 1 if two or more are selected: Results in Category 1, Category 2, and Category 3 Working demo: https://jsfiddle.net/baidoct/xnjf9b0t/12/ $("#selectKat").change(function… Read More jQuery HTML Singular / Plural Text based on select multiple
Im trying to have some backend code generate some styling for me, and it prints the css class and style just fine. following style is printed at the top of the page. .655c6933-5ae9-4089-a576-df528bf6c823 { background-color:#f2f2f2; } and as you can see in the image below the class on the html is identical, but the style… Read More css style not getting applied to guid css class selector