Category "css"

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

How to find exact length of pixel in mm

I am using an HTML, CSS, js template, and converting it to pdf with the android app. I had a problem detecting when will next page break so I can put an element

Using v-html with message data -- does Vue not support the <title> element?

I am using Vue.js 2, my SDK is IntelliJ: I am trying to import HTML into a Vue.js file. The purpose is for the <title></title> attribute, since Vue

How to keep a paragraph height even when there is no text in it?

The problem is that I have two skinny boxes as in the code below. Both of them have a child paragraph. The first paragraph has some text in it, the second one d

I want to change pricing values according to different countries

I am creating a WordPress website and I'm using Techland theme from ninetheme. So I've created a price page and want to display pricing values by country. for e

I can't align the image images on the html page, how can I do it?

I have 2 div fields in my html page. In each field, there are 5 image images that I have listed sideways. I have 5 images side by side in the div just below. Bu

<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> doesn't work

I link css to html on vs-code. center-aliend doesn't work here. Is there anyone who knows what part is wrong? I want to set the text 'Hello Static!!' to the cen

Why don't my CSS static files work in Django when I pass an optional parameter to the view?

I am making an application in Django, where I have a main (index) page displaying a number of objects styled with CSS. The CSS is in a static file. When I do no

Adding different colors to dashes of an SVG stroke

I'm new to SVG and stuff and I'm trying to add different colors for the different dashes of a single stroke. <style> .c-dashed-line__path { animation:

'Routes' is not defined react/jsx-no-undef

So I was following the React Crash Course on YouTube for Beginners from Academind. I was following everything along and everything was good until I came to the

the play button slides down when zooming in

normal scale zoomed in the play button slides down when zooming in, but the other elements remain in their places. I've been trying to figure out how to fix it