Questions tagged [css]

CSS (Cascading Style Sheets) is a representation style sheet language used for describing the look and formatting of HTML (Hyper Text Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colors, layout, fonts, and animations. It also describes how elements should be rendered on screen, on paper, in speech, or on other media.

0
votes
0answers
14 views

Hello,can someone help me how can i make my website resolution responsive?

so i'm new in web development,and i have one big problem with my website,its not resolution responsive,my website only looking good in FULLHD resolution,can someone help me how can i make my website ...
0
votes
3answers
17 views

Not Able to Set Width of 0 For a Button Contains Input Group

can you please take a look at this demo and let me know why I am not able to set the width of #input-box to 0. I am trying to hide this container and animate the width of that to required size as it ...
1
vote
0answers
9 views

Using flexbox to dock scrollable container with tab panel (Office UI Fabric Pivot) style layout

I have a layout problem with the Office UI Fabric components I'm using. This may or not be specific to components in that framework, but I'll phrase this as a general HTML/CSS issue with flexbox. In ...
0
votes
2answers
10 views

How To jQuery toggle() and Hide Toggle Link or Button?

I am using PHP sessions to to provide specific forms on a page and need to toggle between a "show form" link and the form. I have this working using jQuery toggle(), but I cannot figure out how to ...
0
votes
0answers
10 views

Override !important style from external package in angular Animation

An update of the used library (ngx-fundamental) breaks an "animation" that allowed me to hide a panel. How overwrite this !Important via style({}) of Angular? animations: [ trigger('...
0
votes
2answers
10 views

I'm new to coding, cant figure out how to translate span class to css

I've taken the tutorial 3 or 4 times and still am having trouble identifying what I need to do to make the css what its supposed to be in the given instructions. I'm using codepen and the ...
0
votes
0answers
14 views

Linear-gradient Make A Dashed Vertical Line

So, I've looked all over and tried a couple of things, but I am just trying to create a dashed vertical line. Similar to if you did border dashed. Closes I got: background: linear-gradient(...
0
votes
0answers
17 views

BootStrap select wrong width when added prepend

I'm making login page and wanted to put icon before select with prepend so it would indicate that you can change language here, when I added it, select width become wrong, it's a little too big on ...
0
votes
0answers
7 views

Razor Pages DateTime Input Badly Sized

I'm using Razor Pages and Asp.Net Core 2.2 with bootstrap 4.3.1. There's no custom CSS in the site. I literaly just created it by select file\new project in Visual Studio 2019 I have the following in ...
0
votes
0answers
8 views

How to make my scrollbar pass above my content

I would like to make my scrollbar pass on my table and not let a space between the window. My overflow-y: scroll is on a div. https://image.noelshack.com/fichiers/2019/21/5/1558714720-capture.png My ...
0
votes
1answer
16 views

How to center a div inside an image? (using flex but not background-img)

As usual I am desesperately trying everything with css for hours ;) if it's not clear enough I am sorry, I try to make it as understandable as posisble. I have a blured image and would like to put a ...
-1
votes
0answers
16 views

CSS won't render from static folder; strange code inserted instead

When I run my flask app in localhost, my css defined in my app/static folder does not render on the page. I'm running the flask tutorial, and I am done, my html renders as well as the webapp's ...
0
votes
1answer
16 views

Changing Background color of a table and rows dynamically using Javascript

Kindly look at the code on this link jsfiddle.net/facgwbsm I have an app whereby when the user clicks on Add New Item button rows are added dynamically which works fine. When any number on the table ...
0
votes
0answers
15 views

How to move item from one bootstrap column to another column when Hit Break point?

i want to move card 5 from 2nd column under card 1 of 1st columnwhen a specific breakpoint hit (probably on small screens). i cant change the whole layout now, but this is required.! <div class="...
0
votes
2answers
18 views

Using css for styling a dynamic menu

I have this code for a dynamic menu using php: menu.php: <?php // Get current page file name $page = basename($_SERVER["PHP_SELF"]); ?> <?php include "templates/header.php"; ?> &...
-3
votes
0answers
15 views

How can I fix a menu that won't collapse in IE?

I created a new blog for our website using a purchased template and changed the header/footer to match our main website. The menu becomes a collapsed hamburger icon when under 1,920width, which drops ...
0
votes
0answers
24 views

How to prevent a DIV from resizing itself when zooming out on a page?

I have a grid of six DIVs with background images. When zooming out, one DIV shrinks vertically proportionally to how zoomed out the browser is. This same DIV maintains proper proportions when zooming ...
2
votes
6answers
32 views

Understanding how centering a div works with bootstrap 4

I came across some code that nicely centers a login box, which I used. But then I realised I actually wanted my login box to be 25% from the left instead of 50%. However I have no clue how the code ...
0
votes
0answers
7 views

VueJs DropZone - How to resize preloaded images to fit the thumbnail size

First of all, I am using Vue DropZone to upload photos. I currently have a preloaded image in the dropzone. I manage to achieve this by referencing the vueDropZone component and calling the ...
0
votes
1answer
21 views

Responsive images inline

I'm trying to place 2 images in one line but keep them responsive with bootstrap. I've tried using <img src="..." class="float-left" alt="..."> <img src="..." class="float-right" alt="..."&...
0
votes
0answers
6 views

Select2 Bootstrap4 Theme with Customized Botstrap4

I'm totally new to scss and css compilation and have here a bootstrap 4.3.1 compiled css file that was customized with the following options: $enable-shadows: true; $enable-gradients: true; ...
-2
votes
0answers
27 views

Prevent redirecting page after the form submission [on hold]

I have a situation where I am submitting the form by selection menu but want to remain on the same page as it redirects back to the original page. See the working of the project: $(function() { ...
-1
votes
1answer
53 views

Adding css elements to javascript? [duplicate]

Here is the piece of code which contains two CSS elements. del and ins I want to include the whole CSS code into Javascript... But the code is one level above my experience... Here is the CSS code: ...
0
votes
1answer
11 views

How to flow multi-column elements from left to right before top-down in css?

I am working on a html code as shown below in which I want to align multi-column elements from left-right before top-down. <ul class="list-tomorrow-page"> <li class="article-tomorrow-...
0
votes
0answers
30 views

css transparent block through the dark parent

I have two blocks with absolute. One is at the bottom, which overlaps the entire screen, the other is his child, which is on top of it. I need that the parent does not overlap the child, so that in ...
0
votes
1answer
16 views

Bootstrap div element and nested navbar not taking up 100% page width [duplicate]

There seems to be a bit of space between my navbar and the edge of the viewport. The navbar is nested in a div that is container-fluid, and I don't see where any padding or margin would be coming into ...
0
votes
0answers
24 views

Styling a dynamic menu using css

I have this simple code that creates a menu using HTML: <?php // Get current page file name $page = basename($_SERVER["PHP_SELF"]); ?> <div id="navigation"> <ul> ...
0
votes
1answer
20 views

HTML5 video stops when CSS animation plays

I have a html video tag with autoplay: <container> <video src="./images/grid.mp4" preload autoplay loop muted></video> </container> The autoplay actually works, but the ...
0
votes
0answers
19 views

Is there a way to declare\initialize JavaFX's FXML elements through HTML or JavaScript files?

While building my JavaFX desktop application's GUI I came across this amazing button design that I am trying to implement. Is there any way of implementing this into a JavaFX desktop application? I ...
0
votes
1answer
44 views

CSS grids get broken on a next page view

I have a website broken up into CSS grids. The grids are fairly simple, just used to rearrange content in a different order under mobile. Here is the general layout of the mobile grid: .product-...
1
vote
0answers
9 views

Media print orientation query not working in Chrome

I am trying to use the orientation media query during print to change the way my data is displayed. This works in FF and Edge but not Chrome. If I enable emulation in dev tools and select 'print' then ...
0
votes
1answer
28 views

Add styling to an angular custom component

I have created a custom angular component e.g. my-component and in its css file i have the following: :host { display: inline-block; width: 55px; } Then in some components template i want to ...
0
votes
0answers
22 views

JQuery onchange function not working on AJAX loaded content [duplicate]

I created a few select inputs, when you choose one of the selection it will show you new selection by AJAX call. when you try to choose one of the option in the new select field its not working like ...
1
vote
0answers
16 views

How to update Site.less/site.css and bundle/minify to generate output with BuildBundlerMinifier

I have several questions on my ASP.NET MVC CORE 2.2 project. The main goal is very simple, i want to update my stylesheet and then deploy this result. I have a Site.less, site.css, site.min.css, site....
0
votes
4answers
54 views

HTML Border Placement

I'm fairly new to Html and am attempting to place items in a list into boxes. However, upon trying to use a style class as opposed to hard writing it for each item, the text is no longer placed within ...
-9
votes
0answers
45 views

what code to use to separate website in three parts [on hold]

Hello everybody I try to create a website that has three parts the Upper one that would gine my some options buttons(links), the left part that would contain some options related to the ones above, ...
0
votes
1answer
44 views

Using “white-space: nowrap” causes issue with div slideshow

I have an automatic JavaScript slideshow inside a section. The slideshow uses divs instead of images. When the divs are empty, the slideshow works fine, but when I put an element inside however, the ...
0
votes
4answers
35 views

Sticky element that stops when reaches a element

I want to make a fixed element (like sticky) when I scroll and reach the top of another element. The fixed element will increase the bottom property of css to don't pass the top of the element I set ...
0
votes
1answer
26 views

confusion while using border-radius in anchored image [duplicate]

So I anchored a img tag with itself's link and then I coded the following code in css a{ border-color: white; border-width: 2px; border-radius: 50%; border-style: solid; } ...
0
votes
0answers
27 views

I cannot seem to get my iframe to resize to the page I'm referring it to

So I can't get the IFrame I have to properly resize to the contents of the page it's displaying. I'm on the latest version of chrome, and yes, I know others have made answers on how to do it, but no ...
0
votes
2answers
27 views

Strange whitespace appears on specific resolutions

I'm trying to build a theme for a small project. Everything was going well, until I saw that some of the content is in the left and it can't be seen and also the page has some white edge on the right ...
0
votes
1answer
26 views

White lines between div and its child?

i have a div and its childe btween them white lines and this problem done in chrome and brave browsers . I want to now how to remove them and here is my code : <div class="front"> <div>...
-3
votes
0answers
15 views

how to all regions names for particular country and show selected region by using select box?

I have used jqvam for map. How to show all regions names for a particular country and show the selected region by using the select box?
0
votes
0answers
15 views

Workflow question: copy existing PrestaShop 1.7 to localhost and work on styles and js scripts

I have an existing Prestashop 1.7 that work on a www hosting. I want to copy it (the best with database) to my localhost for fast reloading after changes (style, js) - without sending it on ftp and ...
0
votes
1answer
40 views

CSS Issue with dynamic width box

I have a layout as shown below <div style="display: inline-block"> <div id="fieldDiv" style="box-sizing: border-box; position: relative">Div with dynamic width (Has field with label/...
1
vote
1answer
26 views

How to set a HTML, CSS and Javascript mode in CodeMirror editor? I want to combine all in one editor

How to set an HTML, CSS, and JavaScript mode in CodeMirror editor? I want to combine all in one editor. Thank You... <script> var editor = CodeMirror.fromTextArea(document.getElementById("...
0
votes
2answers
35 views

How can i prevent to start inputs at nasty way

I want to my text box start at in line. What should I do? This my code. <div id="middle"> <div id="left"> </div > <div id="m"> Name: <input type="text" ...
0
votes
1answer
20 views

Responsive Container not among each other when too small

I have three cols with text and a background color in it. When the window gets smaller, the three cols are getting too slim but I want them to place among each other. How do I make this responsive? I ...
0
votes
2answers
46 views

Text under image using CSS

I have an image that looks like this: I need to put the text below the image. Can you tell me where I'm going wrong? .outer-circle { width: 400px; height: 400px; border-radius: 50%; ...
0
votes
2answers
45 views

bottom: 0 vs vertical-align: bottom

What is the difference between vertical-align: bottom and bottom: 0 (or any other direction) selectors. What is the better way to put elements to the edges of the screen?