I want my sidebar to be positioned to the left from the main block and the header, so that when the size of the window changes, all blocks move together, however, whenever I change its position from fixed to relative/sticky,…
i am building a movie website with react and the problem is happening in usestate I think pls take a look i was trying to have my search bar display some results but it did not and is showing error…
I want to add style="font-weight: bold;" to the label tag of the html below: <label for="Results_CheckZ" style="font-weight: bold;">Sample content</label> <div id="Results_CheckZField" class="field-normal both checkZ"> <div class="field-control"> <div class="container-normal"> <label for="Results_CheckZ">Sample content</label> </div> </div> </div> I tried the following but it…
I want the red pieces' children to be draggable and droppable onto the grid. Specifically, I want the pieces to be dropped separately. For example, when I drag redPiece5 and drop it onto a grid, not all pieces should go…
I am looking to include tableCompletion-Progress in the sortTable() function alongside timeSpentTable. If I swap out timeSpentTable for tableCompletion-Progress, it works. However, my goal is to include both tables in the sortTable function. Is there a way to use document.querySelectorAll…
The box's height is 130px, couldn't figure out why? .box { line-height: 120px; background-color: #cd0000; color: #fff; } .content { display: inline-block; line-height: 20px; } <div class="box"> <div class="content">1<br />2<br />3<br />1</div> </div> Set .box's height 120px,it will be 120px,…
pseudo border image I want the borders connecting the checkboxes. I tried with pseudo borders, but was having difficulty in setting height as website is responsive for different screens. Can anyone suggest a way to handle it for responsive screens.…
I am attempting to create a slider using only HTML and CSS to avoid the loading time of jQuery/JavaScript. My slider will consist of only two slides; there will be no change in the number of slides. The first loop…
I'm trying to show image in next js using import Image from 'next/image'; without specifying width and height. Note that image is coming from URL and not from specific folder in project. <Image sizes={"100vw"} width={0} height={0} src={'https://picsum.photos/200/300'} placeholder='empty' /> This…
hello every body i want write a code to get input and then add that info in table under input th, td { border: 1px solid black; background-color: white; border-radius: 10px; } th { background-color: rgb(255, 255, 46); } <table…