Most voted "css" questions
Cascading Style Sheets (or simply CSS) is a style language used to define the presentation of documents written in a markup language, such as HTML or XML. Its main benefit is to provide the separation between the format and content of a document.
Learn more…8,314 questions
Sort by count of
-
1
votes1
answer225
views -
1
votes1
answer918
viewsFlexbox Align-items does not work
I’m having a problem, I don’t quite understand the concept of Align-items in flexbox, I don’t know why it’s not working, follow code: <div style="display: flex; align-items: center;…
-
1
votes0
answers27
viewsHide "<div>" Popup using Cookie
I have a web site which displays a welcome video, I want to hide a div which is a Popup which I created which displays the video, I want to hide this div using cookie so that it does not appear…
-
1
votes2
answers121
viewsCollapse bootstrap 4 does not work mobile
I’m having trouble with a bootstrap 4 in mobile mode. It opens normally but does not close, I’ve spent a lot of time trying to solve and more still researching! Please help me... Please check in the…
-
1
votes1
answer100
viewsDIV resize after being clicked
hello I have a page with several DIV. that are different News. these divs are at a size of 300px by 250px, would like to know how do i click on any of these div she redeem on screen and get bigger…
-
1
votes1
answer78
viewsImporting the Boostrap.Sass
I installed Bootstrap SASS in my project by NPM. After the installation I tried to import the Bootstrap files into my CSS folder by creating a SASS file and inside gave the command @import…
-
1
votes1
answer36
viewsMake multiple Svgs converge to the same point with CSS
Good people, I was wondering if I could get this shape, which looks like a piece of pizza, to form a circle. The idea would be to clone it 10 times and form the complete circle.…
-
1
votes0
answers54
viewsScrollspy does not work
Scrollspy is not working, I would like you to change the class of each navbar item when the user goes through a specific Service, I did all the recommended imports in the documentation and it still…
-
1
votes1
answer41
viewsDiv disappearing while taking content
I have a simple div: <div class="quadrant"> <h1>X</h1> </div> //CSS .quadrant { background-color: #E7E7E7; margin: auto; height: 40%; width: 20%; } When I have some element…
-
1
votes1
answer1202
viewsCentralize navbar
I would like help centering the following navbar items when viewed on desktop HTML <div class="menu" id="menu"> <a href="#home">Home</a> <a href="#news">News</a> <a…
cssasked 7 years, 6 months ago Bruno Antonio 353 -
1
votes0
answers36
viewsMy bootstrap logo is too big and the rest of the menus have a large empty space between them
<body> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed"…
-
1
votes2
answers54
viewshow to render Unicode correctly
good afternoon to all!!! Guys, next, I have the following code "▼" it has to render in the browser an up arrow...However, when launching in the "content" of before, it renders exactly…
-
1
votes2
answers29
viewsModify TAG that does not have such a class
When we want to modify a div, and it has such a class, it’s easy. .umaclass{ /*Formatação*/ } But let’s assume that I want to take a div that does not have such a class, without modifying the ones…
-
1
votes1
answer4177
viewsHow to make a floating menu and change style as the scroll moves?
How to make the sliding fixed menu with scrolling as the site: https://bootstrapmade.com/demo/BizPage/ Note that when you scroll down the menu background changes to black.…
-
1
votes2
answers2085
viewsLine break inside a table cell
I have a common table in my HTML, but when a <td> has a great content line breaking does not happen, even adding CSS: table td, th { padding: 5px; white-space: pre-wrap; }…
-
1
votes1
answer35
viewsProblem with php sending email form and alternative checkbox
Hello I need help because I do not know a lot of php and I am not able to work the reply mail of my form in conditions. The checkbox only sends a reply of 1 of the selected articles and never sends…
-
1
votes1
answer230
viewsBug using :Hover and click on Chrome
I’m fixing an issue that I was able to simulate only on Chrome. After clicking several times on the items, the menu closes for no reason. Follow the code: (I could not paste formatted because it…
-
1
votes1
answer319
viewsHover in Third Div Affect First - Previous Sibling Element - With Pure CSS
<div class="selelikes-wrap"> <div class="selelike"> <span><</span> </div> <div> <span>0</span> </div> <div class="seleunlike">…
-
1
votes0
answers227
viewsBootstrap 4.2.1 - Collected Navbar does not fill the entire width of the screen
Basically my problem is that when I have mine navbar collected, the list items do not fill the entire width of the screen. I tried many things, but I cannot find the solution. Code /*…
-
1
votes1
answer24
viewsTrace under the page
I’m trying to put a dash under the current page as in the image. I need to do this with jQuery, it’s not an option to put one border-bottom on every open page. I thought I’d pick up the url page and…
-
1
votes1
answer202
views -
1
votes1
answer35
viewsDoubts about CSS applying effect on one div without changing the other
I have the following code. The div Second is inside the div first How to make the opacity property not affect the div Second .first { width: 200px; height: 200px; background: red; opacity: 0.6; }…
-
1
votes1
answer7832
viewsCaption in CSS and HTML images
I am with a doubt would like to know how I can put a caption in an image within a div , Who can help me thank you , Thank you very much !!!! The information is down : .ar img { position: absolute;…
-
1
votes5
answers2851
viewsHow to put background-color on top of background-image
I need to put a div with a background-image background, and while hovering over it with the :hover, a background-color appears rgba transparente, and the background image does not disappear, it will…
-
1
votes0
answers291
viewsBootstrap Jumbotron: sidebar with full width
I don’t know much about responsiveness but I still wanted to create one of those layouts that look "normal" on the PC, but the smartphone has a hidden side menu, visible by clicking a link on a…
-
1
votes1
answer501
viewsProblem with an SVG code in HTML
I added svg code from a 3D image vector in my html code to animate with css. The problem is that the svg code is huge (3k lines of code or more) in HTML and it was the only way I could find to…
-
1
votes2
answers70
viewsCSS - aligns images
I have the following HTML code: <div class="book"> <div class="book-image"> <?php echo '<img src="data:image/jpeg;base64,'.base64_encode( $books->Image ).'"height="180"…
-
1
votes1
answer1126
viewsPlace div next to div
Well, I have div items and div items2, which are both inserted within 1 div. What I intended to do was to align the div items and the div items2, since the div items2 is always below the other. What…
-
1
votes2
answers210
viewsSASS - Colour group for re-use
I’m starting at SASS, and I’m having a little problem that I’m having trouble solving. I have a group of colors, which will be used in several sessions of my site. Basically, I have a structure like…
-
1
votes1
answer704
viewsHelp with Boostrap 4 side panel overlaying content
Good afternoon. I am creating a project in Aspnet Core 2.1 with boostrap 4, I added a left side menu, but it is getting above the content of my project as the print below: I would like help so that…
-
1
votes1
answer33
viewsHow do you test the position of elements on the screen?
I use the Visual Studio 2017 and every time I make any changes in css I have to reload the page (and this takes time), there is some way to make changes using visual studio or even the browser to…
-
1
votes3
answers345
viewsHow to hide a div if access is mobile in materialize
I’m working on a project that I need to hide or remove <div> if the user accesses the system by mobile, searching the Google I saw some examples of how to do this using the Bootstrap, I wonder…
-
1
votes1
answer666
viewsHow to edit a theme installed on vscode on Linux
I recently installed vscode and installed the theme Hail Theme, but I would like to change the menu color. For example: when I am in the editor, the menu looks like this: But I’d like him to have…
-
1
votes1
answer106
viewsWhy does column-Count not work in firefox?
why the attribute css column-count does not work in the firefox Mozilla follows below as this getting in the google chrome and in the mozilla firefox Mozilla firefox Google chrome how do I make…
-
1
votes1
answer46
viewsCorrect alignment
Good evening to all colleagues.. I am researching a lot and can not find a solution to the following problem. I can not keep aligned anything as shown in the figure below: I downloaded several…
-
1
votes2
answers547
viewsAlignment of fields in bootstrap
Good evening. On one of the pages of my site, I changed the position of the input fields to be next to the Abels, originally it was like this: http://tratspay.com/app/editar-produto.html . After my…
-
1
votes1
answer31
viewsHow to make an element *Child* unique (Where the child of the child has the same class)
How to make an element unique Son (Where the son’s son has the same class)? Someone can bring a preferred CSS solution? Example below: <main id="conteudo"> <!-- Pai --> <section…
-
1
votes1
answer35
viewsPlace icon in list using CSS
I made this script in jQuery to put a different icon depending on the extension that ends the href, but wanted to know how I can put the icon using CSS instead of tag <img>, 'Cause it looks…
-
1
votes1
answer122
viewsDisable Collapse bootstrap v4 Standard 5.5
all right? For this my doubt, I already found solution for bootstrap 3 but for 4 no. I searched several pages, here in the stack, I tried to modify the css and nothing. Anyone can help?…
-
1
votes1
answer18
viewsI have a problem with this slideshow
I’ve been trying to find the problem with you for a long time (note: I’m new to this area), it turns out that when the background changes the image, in a short interval it’s like a flash, and as I…
-
1
votes0
answers127
viewsHow to go back to the previous page with the form data using codeigniter
Good afternoon using codeigniter how do I get back to the previous page without losing the form data? this data came from a controller and passed by parameters to a view, when I access another page…
-
1
votes1
answer238
viewsMedia print cutting table row
I’m doing the CSS for printing a table, basically I remove all page elements and leave only the table when the print window opens. I do this using: <link rel="stylesheet"…
-
1
votes1
answer1940
viewsHow to change the menu color by hovering over
I implemented a CSS on my system where I hover over the menu and display the submenus. This is the CSS to hover over the menus ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } only that…
cssasked 7 years, 5 months ago Leonardo Macedo 743 -
1
votes1
answer1521
viewsHover over menu and display submenus
I’m having the following problem in my system. I put a css in the menus, where I pass the mouse over the menus and displays the submenus linked to them. CSS ul.nav li.dropdown:hover {…
cssasked 7 years, 5 months ago Leonardo Macedo 743 -
1
votes2
answers63
viewsDuplicate content when printing the page
was setting up a page to print with @media print, but when you click on print the content appears duplicated on two different sheets. HTML <div id="printable">CONTEÚDO</div> CSS @media…
-
1
votes1
answer322
viewsDelete Button and Edit Fields (PHP,SQL,HTML,CSS)
I’m new here, student of Computer Science and Programming Internship... I do not know much how the forum works, but I have a pertinent question that I have reviewed Google several times and still…
-
1
votes1
answer321
viewsMaintain final effect of Animation css
I’m doing a loading screen and at the end of the effect, the css value that should be maintained, is the value that is in 100% of the Animation, only when the effect ends, it goes back to the…
-
1
votes1
answer51
viewsHow to change the opacity of an element excluding its edge?
I am styling a link that has a border and I would like that when the mouse cursor was on top of it, only the text would be clearer, keeping the border in the same original color. Using opacity, I’m…
cssasked 5 years, 7 months ago Thiago Krempser 1,878 -
1
votes1
answer34
viewshide a Featurediscovery boot when going to mobile and display any node for desktop
I’m using materialize, and a feature called Featurediscovery, I edited the materialize to make my Nav bar appear when clicked but, I would like it to disappear when it enters a mobile screen, and…
-
1
votes0
answers73
viewsPosition "Fixed" moves when scrolling down the page on mobile
Create a div with position:fixed;top:0. In the computer is normal, and does not move independently if I go down or raise the screen, but in the cell phone when I go down the screen it comes out, but…