Questions tagged css

Explore the latest questions and answers asked by our top developers.

CSS: how to dynamically resize img element without affecting surrounding textflow

I have an Angular component displaying an image surrounded by text. The text wraps around the image. When I click the image, it expands through css transition: width 1s ease-in-out. Problem is, the html flow is affected so the text sourrounding the image is wrapped and the containng box resizes to accomodate the resized image. […]

By Marc
Published
Categorized as angular, css, css-transitions, image-resizing Tagged , , ,

flex layout columns 2 columns to take half the available space each

I want both 2 columns to take half the available space each But the text should be aligned to the left? same with the screenshot below enter image description here #stackblitz code https://stackblitz.com/edit/angular-r13bnn?file=src%2Fapp%2Fapp.component.html Source: Angular Questions

By Chritoffer Clitch
Published
Categorized as angular, css, flexbox Tagged , ,

How can I create a box in Angular with paragraph on left and right with different color?

I have hard time creating this box in Angular, can someone please help me? https://i.stack.imgur.com/snVfv.png Source: Angular Material Quesions

By Emmanuel Asinyo
Published
Categorized as angular, angular-material, css, html Tagged , , ,

flex layout column implementation

How to correctly use flex layout to implement the ff design , I tried using fxLayout="row" fxLayoutAlign="space-evenly center" but as you can see on the current output the [Subtenant name] and Current lease Expiration should have the same distance with the design but on my current output it is not. Anyone has any idea? Thanks. […]

By Chritoffer Clitch
Published
Categorized as angular, css, flexbox Tagged , ,

flex layout column implementation , create two columns

How to correctly use flex layout to implement the ff design , I tried using fxLayout="row" fxLayoutAlign="space-evenly center" but as you can see on the current output the [Subtenant name] and Current lease Expiration should have the same distance with the design but on my current output it is not. Anyone has any idea? Thanks. […]

By Chritoffer Clitch
Published
Categorized as angular, css, flexbox Tagged , ,

Dynamic Styling of Angular Material Select Form Control

I am using Angular Materials in a project and I am trying to do some dynamic styling of a mat-select form control to fulfill a requirement. I want to override the default colors on some of the selector elements and also change these to another color when a selection has been confirmed (see picture below). […]

By norsemanGrey
Published
Categorized as angular, angular-material, css Tagged , ,

Get width of div

I have a div when part of it is getting oyt of the container. I can se this with DevTools (purple available space). How can I get the width of whole space of this div? I mean width WITH available space. Any help? Source: Angular Questions

By desert
Published
Categorized as angular, css, html Tagged , ,

In every new project after npm install this error occur when i run the project

Error: multi (webpack)-dev-server/client?http://0.0.0.0:0&sockPath=/sockjs-node ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ./node_modules/bootstrap/dist/css/bootstrap.min.css ./src/styles.scss ../node_modules/font-awesome/css/font-awesome.css Module not found: Error: Can’t resolve ‘E:subha jhasubha usefulslfrnode_modulesfont-awesomecssfont-awesome.css’ in ‘E:subha jhasubha usefulslfrlokfr-repo’ Source: Angular Questions

By The Sakal
Published
Categorized as angular, css, html Tagged , ,

Hi, I’m trying to show a minIO pre-signed url with a background-image . Is this a known issue or am I doing something wrong?

Here you have an example of an url http://minioapi.34.122.211.64.nip.io/ippim/images/1/catalogs/1538.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20211022T070506Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Credential=g5tSwkHLhH%2F20211022%2FEU_WEST_3%2Fs3%2Faws4_request&X-Amz-Signature=4b2dea7358c089bbc384aa6815693ac0eb969f0dfa4703326763616c466f1259. This might not work as it has an expiration date Source: Angular Questions

By Iago Gallego Medal
Published
Categorized as angular, css Tagged ,

Horizontal scroll on parent, vertical scroll on child

I have one div container and another div inside container. I would like to add scrolling horizontal on parent (container div) and vertical on child to see the text inside those divs. Any help? There is a stackblitz to show my problem. https://stackblitz.com/edit/angular-ivy-t98oj8 .container { width: 300px; height: 200px; border: 2px solid; display: flex; overflow-x: […]

By desert
Published
Categorized as angular, css, html Tagged , ,
1 2 3 348

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq