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
answer27
viewsHover of a select with javascript/jquery
Good morning, I need to create an Hover in each selects option and I’m not able to do. This select is done this way. <select id="valorFiltro" style="width:350px" class="browser-default…
-
1
votes1
answer83
viewsPerform JS datalist value operation
I got a problem: the JS code it can take the value of the datalist and return through an Alert the selected item, but I need to do functions for each operation, IE, I need JS to interpret which item…
-
1
votes1
answer30
viewsHow to prevent a grid-item from changing size when adding text?
I am developing a small tool that takes a user text and generates an encrypted version (Caesar cipher). I managed to build the layout of the GUI the way I would like using the model grid-container.…
-
1
votes1
answer27
viewsKeyframe in css for background effect
Hey, how you doing? I tried to make a background change using keyframe, but the images when they change blink the first time, as if I was loading. Is that normal or did I do something wrong? Here’s…
-
1
votes2
answers34
viewsHow to make buttons have the color defined in css when selecting Row in a datatable
When I select Row from my datatable, the delete button turns white and does not obey the green color I entered in css. When I place the mouse over and the button, the focus disappears and the green…
-
1
votes1
answer98
viewsHow to Pin a DIV to the Bottom of an Element?
have a "Dashboard-box" with 3 Four main children and would like to fix the last div "box-footer" at the bottom of the box, only this div, how do I do? I want to put the Div of the message "Last…
-
1
votes1
answer53
viewsWhy when I put float right the color of my background disappears?
I created a header, with a background, text and image. I want to leave the text on the left and the image on the right. I put the float:right but then the bottom ends up disappearing. .fundo1 {…
-
1
votes1
answer52
viewsPlace buttons side by side CSS
Good evening, I had a question to put the buttons side by side. I put the inline-block too, but I could not solve. .button { width: 10%; height: 50px; border: 0; cursor: pointer; background:#4169E1;…
-
1
votes0
answers24
viewsTools to compile CSS code automatically in Sublime Text 3
I’m having a hard time passing my code to production. I want to remove my comments and change the class name, but I couldn’t find one tool to compile code as production generating a zip file as…
-
1
votes2
answers29
viewsIcone does not appear as desired using Fontawesome
I have a table with stock buttons but, as they are inside the tag the result is different than expected. OBS: I need you to direct to a new route. How to fix it. I want the result on the right side.…
-
1
votes0
answers22
viewsCard misaligned horizontally with flex
Friends, I’m having trouble leaving all cards of the same size with the database data, the problem is in card-center-text, who can help thank you <div class="container rolar"> <?php…
-
1
votes1
answer111
viewsElement overwriting another HTML/CSS
Hello! My problem is this: I made this grid followed by a button. On the desktop it appears correctly, but in mobile the button is superimposed on the grid... Does anyone have any idea what it might…
-
1
votes3
answers33
viewsWhy image is not adjusted column in bootstrap
I divided a snippet into 2 columns, but the image is not far from the right corner and the mobile version also has a space. I copied the snippet know how to look like in the picture below. Original:…
-
1
votes1
answer106
viewsHTML/CSS - lists next to images
Hello, I’ve just started dealing with HTML5/CSS and I’m doing some tests and I came across a difficulty. I’m trying to align four lists next to an image, but it doesn’t align. The example I’m basing…
-
1
votes5
answers54
viewsClose modal after saving to Bank
Speaks My friends I have the following Modal: I would like that when pressing save it closes the modal and updates only the table, I made the following code: It is closing however gets dark td on…
-
1
votes1
answer28
viewsDisproportionate image in higher resolution, I want help to create a way to make in each resolution proportional
Well I am developing a very simple project more as I have no knowledge of the keywords I have difficulties with very simple problems.... i am making a mp3 player whose image this if stretching in…
-
1
votes2
answers25
viewsDiv losing size fixed when have another div with 100% width on its side
I have two horizontally linear div using display:flex. When applying a width of 250px on one and 100% on the other 250px loses the size of 250px always getting a few pixels less. If I switch to…
-
1
votes2
answers68
viewsMove element up in 50% of its size
How could I do a vertical overlay of Flexbox? I want to make half the circle inside the above item. html, body { height: 100%; } body { background: #8844ee; } .card { height: 100%; display: flex;…
-
1
votes3
answers59
viewsHow to change closed name and red color by open name and blue color when clicking on name?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,…
-
1
votes0
answers31
viewsNavbar Login & Password - Facebook Style
I’m having trouble getting the login and password and Bottom one followed by the other the code is this: <form action="" autocomplete="off" method="post"> <div class="um-row _um_row_1 "…
-
1
votes0
answers35
viewsHow to position Ivs of different heights one below the other?
I have four divs, the first three divs I need you to take the first line, and the fourth div just where the first div, however, when do I use display: flex to keep the first three divs on the same…
-
1
votes1
answer40
viewsBy minimizing Bootstrap grid screen does not break to a new line
Good morning, you guys! I am having difficulty when the user minimize the screen, fields before overlapping within the grid, break into a new line.... ps: this spacing between the fields is to have…
-
1
votes1
answer81
viewsWhy doesn’t getElementsByClassName work without for?
was creating a menu that had two buttons, a Description tab and another show tab of the data sheet. I created a function in javascript that when clicking the button display of an would None and…
-
1
votes1
answer53
viewsHow to replace the awesome font icon with Javascript
Why the icon menu class does not change from fa-caret-right for fa-caret-down when I move the mouse over my button? HTML: <!DOCTYPE html> <html lang="pt-br"> <head> <meta…
-
1
votes0
answers25
viewsHow to fit lines from a CSS table?
I am trying to improve my knowledge with HTML and CSS and I have a question/problem. I’m making a table that starts empty, and as the user types information into a textbox, she inserts lines. The…
-
1
votes2
answers55
viewsMake a background photo opaque/darken. Should I use pseudo element ::after?
I need to darken/or render opaque a background photo in the html header. I tried to use ::after in relative position by applying a rgba, but it is not working. What solution could I give in this…
-
1
votes1
answer19
viewsFix size of specific columns
Hello, I made an example table with three columns. I would like all three to start with 10%/70%/20% the original size of the table and only the middle column increased in size according to its…
-
1
votes1
answer45
viewsHow to insert one div on top of the other?
I’m trying to insert a div with the name on top of the main one, I’m creating a goal monitoring panel, where the channel comes in the header and the percentage will be the center, as example of the…
-
1
votes1
answer78
viewsImage overlaying the site text
My image is superimposing my text on h1 and my button, and when I lower the screen a little, all my tag text p superimposes the image. I tried to use display: flex to prevent this from happening,…
-
1
votes1
answer311
viewsButton grouped into a field is going out of bounds and superimposing the field next to it
Greetings to all! I am using a theme called Remark that contains many ready elements. I am using a search box that contains a text field and a field form button. The problem is that the button does…
-
1
votes1
answer82
viewsChange HTML/CSS/JAVASCRIPT image
I am starting to learn HTML/CSS/JAVASCRIPT, and I am with a project of a site, I will try to explain what I want. I have 3 images of broken mirrors and I want to click on each image to show the…
-
1
votes0
answers30
viewshow to set up a Drawer component so that it pushes all the content of the site to the side and is not yet affected by the scroll?
The idea was to push all other contents of the other Box to the right when the Drawer was, but it was immune to the mouse scroll leaving its contents always visible <Box> <Sidebar…
-
1
votes1
answer58
viewsHow to stop playing a video from an iframe when closing modal?
Well, I’m beginner in web pages I got the code below but all the efforts I try I can not make a universal code to close all kinds of iframe close along with the modal, if anyone can help I would…
-
1
votes0
answers14
viewsAren’t you supposed to be moving?
My goal would be to make it look like "waves" inside H2. I’ve tried everything but I can’t, I tried to make a @keyframes: @keyframes animate { clip-path: polygon(0 47%, 19% 48%, 34% 56%, 55% 61%,…
-
1
votes1
answer37
viewsMake an element grab the entire screen using Hover
I was making a layout in fig, and I’m passing it to html and css, but I wanted to make an animation. As you can see I have a pink triangle, and I wanted to pass the mouse over it, it zoom in and…
-
1
votes2
answers76
viewsSub-menus opening together
I want the sub-menu to have one more layer of menu. I made the Christian code that would work, however, when passing the mouse in the first sub-menu of the menu (Protectors > Motor), the options…
-
1
votes1
answer30
viewsMerging columns in the CSS grid system
I’m doing a study on the CSS grid and came across a problem. I created a grid with six columns and am using helpers to determine how many columns I will merge. I am confused by the fact that the…
-
1
votes1
answer22
viewsApply Border-bottom to link but not to image
I have a problem that seems simple, but I haven’t found a solution. I created a link style that instead of having a text-Decoration underline, I want a bottom edge. The problem is that if an image…
-
1
votes1
answer38
viewsList system or directory fonts for a dropdown
There is a possibility in javascript or other language to list the fonts installed on the system or inside a directory and drop down? function changeFont(font){…
-
0
votes1
answer1685
viewsjQuery not working on Internet Explorer
I did a little play on Codepen to share on Github. That’s an effect of the elements appearing when you scroll about them. Codepen was working perfectly on both IE and other browsers, but when I…
-
0
votes2
answers271
viewsCan anyone identify the error in that code?
A few days ago I asked a question about how to add class to an elemetho by clicking the button, the answers were satisfactory (I did it using Jquery as suggested), but I decided to create a function…
-
0
votes2
answers241
viewsFiring CSS Transition when performing ajax request
I’m trying to do the following, before the element gets the answer ajax opacity from it to 0 and trigger the transition, until then this working beauty, the question is that after I pass the…
-
0
votes1
answer240
viewsHow to leave textarea and button next to each other?
I need to implement a textarea(message) and a button(send) on your right side, but it is liquid (100%), that is, if you decrease the size of the window the textarea decreases and the button keeps…
-
0
votes1
answer2826
viewsform-group Bootstrap
I made a form with Bootstrap, but I need to position it in the middle of the screen. positioned myself with col-md-offset-? horizontally, but I need to position it vertically. some way in Bootstrap…
-
0
votes1
answer89
viewsSPRITE in automated css
The use of CSS Sprites have become very popular, for performance reasons in particular. How to implement the sprite using automated and elegant code? For example, taking html below: <span…
-
0
votes1
answer67
viewsCSS for the Timthumb plugin for Cakephp
Is there any way to apply classes CSS the thumbnails created by the plugin Timthumb to the Cakephp? The attribute 'class' causes an error. Code…
-
0
votes3
answers18253
viewsStylization of Option via CSS
did some Select and within them there are Options. I tried styling Option, only I’m not getting it, I’m doing something wrong? HTML: <div class="imobSelect"> <select>…
-
0
votes1
answer148
viewsE-mail Marketing
I’m starting an email marketing code, I wish to apply the entire piece a border-left and a border-right 4px in color #b21331, but as the code for email marketing cannot contain many tags, including…
-
0
votes3
answers261
viewsCapture click with Jquery and add css
I am a beginner in Jquery and have the following question. I own a div and a ul with several li. To ul is as display:none, want to trigger display:block when I click the div. As below: <div…
-
0
votes3
answers20997
views