Category "css"

How is the margin percentage value calculated

I know the percentage value of margin based on the width of its containing block. when I assigned exact value to the margin of box, and the margin box not overf

openlayers map.updateSize when the width of the map changes

when displaying a side panel, I would like the proportion of the map to be kept inside the new div width (or height). There it is simply reduced, which affects

Binding button with keypress in Vue3.0

I am trying to trigger the button when mouse clicked it or a key is pressed and I get confused about communication between components. How should I call pressDo

How to hide next button at one page using css and not javascript in Qualtrics?

I have a requirement to remove the next button in a qulatrics survey from one page but not use javascript. As far as I know, we can remove next button using CSS

React, typescript: Wrapping text inside table <td> doesn't work

I'd like to wrap the text inside a table cell. I tried "flex-wrap", "break-inside" and similar properties, nothing has worked so far. It has already worked a fe

CSS "Fas Fa-Bars" give no output

I know that there are other questions on StackOverflow about this but those solutions haven't worked out for me. I'm trying to create a responsive navbar with a

What error is my IDE reporting with these CSS snippets?

I was wondering what these errors means. How I can fix them? First error: Second error:

Angular Youtube Player - Fit to 100% height

I use the Youtube Angular pakacge in my Angular 11 project. I would like to fill the player to 100% of the divs height, which is a TailWind h-full div: <div

Problem with scrollIntoView not scrolling until the end on React

I have one component that builds a list of messages for a chat, the scrollIntoView function only works when I open the chat for second time, (the first time, it

how to properly use vanilla CSS for responsive and proper breakdown portion

Actually I want to know the best way with vanilla CSS and which portion will be the best for breakdown ! And which will be use for responsive ? Vanilla, Bootstr

Circle that transforms to a box

i was wondering how to make a circle that transforms into a wider box in html/css. I have tried this but it does not transform properly If you guys have any ide

How to increase the width of the tooltip in Bootstrap-Vue

Is there a way to increase the width of tooltip in bootstrap vue. I have live a big statement to be shown in the tooltip. and the tooltip is displaying the mess

Stop floating elements next to Bootstrap rows from affecting alignment

I have a div element whose children are Bootstrap rows, and am trying to float an element to the right of these (as a sibling element to one of the rows). The i

Sign in & Slide Out format

I have a question and would love to get some feedback from you all. I'm stuck in a situation with my code that will not slide left to right. I have a SignUp/Sig

How to put gallery on left and table on right in same line?

I want to put image gallery alongside table, as code below, but when run table appears below gallery and takes 100% width. I need this all to be in one line spl

How to put a custom cursor on one of the particular section in a horizontal scroll website?

Where the cursor is currently and not moving to the next sectionI have a horizontal website, that is divided into sections and I am trying to put the custom cur

How to specify height: fit-content with TailwindCSS?

Using TailwindCSS I'm trying to have a <div> fit to the height of its child, a <button>. My code is as follows: <form className="w-full flex h-96

Can I use @extend (SASS) method to a nested class and get the output without parent class?

HTML <div class="main"> <div class="first"></div> </div> <div class="second"></div> SASS .main background: #eee

Tailwind using Overflow in a layout

So I'm new to tailwind and i am creating a simple app/layout which has a Navbar, Image Feed and Sidebar component. So on the left side component it has a grid o

How to break a long word in a table TD element?

Here I have a table in which I want to break a long word into multiple lines by changing its cell width (e.g. as 20px), like below: <table cellspacing="0" ce