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
answer136
viewsProblem with events and functions running multiple times in jQuery code?
Hello. I’m having a very serious problem with events that are triggered several times by clicking a certain button. I have the task management system below: When I click on the status button (That…
-
1
votes1
answer456
viewsPutting effect in text box
My person doubt is more theoretical, I would like to know what is the name of the effect that we give when the input rece focus the name that is inside the box it goes to the top. The feeling I have…
-
1
votes1
answer455
viewsEffect of :Hover on an SVG inside the <img> tag
I have a file .svg here and I’m using the tag <img> to display this SVG on the screen but wanted to know if it has how to apply a CSS effect on it as :hover, unused jquery preferably, I’ve…
-
1
votes1
answer40
viewsBug animation menu
I would like the menu effect transition to have the same time when it opens and when it closes. if( 'ontouchstart' in window ){ var click = 'touchstart'; } else { var click = 'click'; }…
-
1
votes1
answer180
viewsAlignment of images with inputs
I am trying to align the input below each image after uploading using file Reader. Follow screen print and codes: JS: $(function() { var imagesPreview = function(input, placeToInsertImagePreview) {…
-
1
votes2
answers416
viewsResize a child element according to the width of the parent element
I have an h:inputTextarea inside a p:dialog, so: I would like as I resize to p:dialog a h:inputTextarea resize as well, so that when I resize the dialog it doesn’t get as ugly as in the image, and…
-
1
votes1
answer79
viewsRevert animation in second click
I’m trying to reverse a simple animation when I press a button again. The first click animates a div removing its left margin, but when I press again I wanted to put the margin back in its normal…
-
1
votes0
answers129
viewsPut div in the same place with different screen sizes
The goal is to stay at the bottom of the div on any screen size .image { opacity: 1; display: block; width: 100%; margin-left: -16px; height: auto; transition: .5s ease; backface-visibility:…
-
1
votes1
answer365
viewsPosition image relative to another even changing resolution
I have the logo and a black triangle background. How to position the logo forever stay in the center of the triangle even changing the resolution? <img class="img-responsive triangulo-laranja"…
-
1
votes1
answer26
viewsProblems with site resizing
Good afternoon! I’d like your help with a personal website project of mine, I’m facing one or two problems with it, but let’s start at the beginning. First: When I resize the site to below 375px…
-
1
votes1
answer60
viewsCreate different z-index grid divisions?
It is possible to create grid division on a different z index ? Let’s say I have a row and a column as follows: <div class="row"> <div col-md-6> </div> <div col-md-6>…
-
1
votes1
answer1363
viewsSelect all Children except First with css
<div class="main"> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div…
-
1
votes1
answer41
viewsHow do I get my content behind my popup?
Every time I click on my popup button, my content "goes down". How do I get the popup above the content? body{ padding:0; margin:0; } .container2{ position:relative; margin:0 auto;…
-
1
votes0
answers37
viewsHow to put images in the select tag in Asp-net core?
<select> <option background="https://lipis.github.io/flag-icon-css/flags/4x3/gb.svg">gb</option> <option…
-
1
votes2
answers48
viewsmake images disappear depending on select
Hello I created a filter that basically reads my json and tells the number of victims in all depending on the options selected in the filter. Using this filter, I’d like to remove some dummies that…
-
1
votes1
answer361
viewsHow to give include a php file without conflicting with the css of the two files?
I want to put on my page a button that has bootstrap and its own css, this button is in the login.php file. But when I go to give the login.php include in my index.php file it generates a "conflict"…
-
1
votes2
answers2847
viewsLeave an Hide(hidden) element with javascript
I have an element with the ID="not1" which is a link to news titles inserted being created dynamically with the respective news of each title class=" col-Md-12" as shown below. <div…
-
1
votes1
answer202
viewsMissing list items with jquery or javascript
I have the following codes below and I need to make sure that when I click on the autocomplete result, and it fills the field with the values, the list of the autocomplete simply disappears:…
-
1
votes1
answer653
viewsLink button in Slideshow with html, css and Javascript
Next, I have the site practically ready, just need my banners have a way to access the html that I made. Problem that the buttons I added are following the configuration of js, but do not work…
-
1
votes1
answer21
viewsCentrar Heading
I have an Heading with bootstrap Display-4 class inside a Jumbotron and I’m not getting to center just this Heading, thank you. <div class="jumbotron mt-5 pt-4"> <h1 class="display-4…
-
1
votes0
answers28
viewsHow does matrix3d() work in CSS?
Well, I know to work with matrix()is followed by 6 2D transformation methods in a single method. If I had the following code matrix(1, 0, 0, 1, 0, 0). Each number would represent a method that would…
-
1
votes2
answers599
viewsImage size in the SVG
I am having difficulties to decrease the size of the star in my system, I have tried to take the width and height of the svg element, I have tried to put the 'viewbox', and so far I have not gotten…
-
1
votes1
answer1880
viewsHow to take the horizontal line from the table in bootstrap
Even reading several articles on the net about table https://v4-alpha.getbootstrap.com/content/tables/ https://www.w3schools.com/bootstrap/bootstrap_tables.asp I couldn’t get a question out. How to…
-
1
votes1
answer49
viewsHow to define CSS scope in wordpress?
Even using the function body_class() which returns the page name or the id by applying a certain rule in css some elements in other pages change, for example: Home: <body <?= body_class();…
-
1
votes5
answers3392
viewsOne below the other input
I’m making a code HTML. I have some inputs created however they are getting next to each other as if they had a float in them, only I don’t want so. I want it to be one below the other, it has a…
-
1
votes2
answers6249
viewsHow do you always leave Footer at the end of the page?
I leave this below only for information even... CSS of my page: body{ margin: 0 auto; padding: 0; min-height:100%; position:relative; } head { display: none; position: relative; min-height: 100%; }…
-
1
votes2
answers67
viewsChange the color of the Microsoft Edge scrollbar
I have already used the following section on the page ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 4px; } but this works only on some browsers as the documentation…
-
1
votes2
answers2955
viewsApplying scroll to table keeping header fixed
I was looking for a way to apply the scroll vertically and horizontally keeping the header fixed to my table. I found in that fiddle a possible solution to this case. $('table').on('scroll',…
-
1
votes1
answer146
viewsdompdf does not display Georgia font
I want to display a file with the font-family Georgia, already downloaded and put in the fonts folder of your lib, but I am searching and does not display in Georgia format. I’d like some help from…
-
1
votes2
answers95
viewsLink href without dominion
Good evening, guys. I joined a wordpress site recently and noticed a link this way: <a href="/carros/gol-0k" data-ss1560980866="1">Gol 0k</a> However when I hovered over the link, it…
-
1
votes1
answer76
viewsWebview and CSS how to verify what is compatible?
I’m trying to make an application with Webview for android and iOS (different applications for each system), and would like to know how the Internet access window reads CSS and checks its…
-
1
votes1
answer224
viewsCode being performed only when double-clicking?
Well, I had to make sure that when I click on a button I would show the div’s and if I click on another button and some div is showing up (display:block;) I would acquire a display: None; that’s…
-
1
votes1
answer52
viewsHide kendoUI text editor button
I’m using the kendoUI text editor I need to remove the last button of the editor (insert image). The rendered tag is the last, which has inside the image button. I tried something like:…
-
1
votes0
answers48
viewsSet the initial height of the textarea according to its content
I use a reactive angular form that when saving leaves all fields disabled. It turns out that textarea creates a scroll and makes it difficult to read for those just viewing. I’ve tried the following…
-
1
votes3
answers3465
viewsHide text when it does not fit inside the div
Well I have a div with the following class c-txt, note that when the text does not fit inside it, the text is summarized with three points (...). I need to do this with the div txt to avoid breaking…
-
1
votes1
answer124
viewsposition: Sticky together with overflow;
there is a way to make position: sticky and overflow-x: auto work together, without setting values of height? In that structure I set overflow-x: auto in my class .scroll, mine position: sticky tag…
-
1
votes1
answer77
viewsBlur that is disturbing the navbar
I’ve tried using "z-index=1", but it didn’t work. I tried to take the navbar from div first Blur, but when I click the button it does not get "Blur", but if I leave it inside it has black edges on…
-
1
votes2
answers849
viewsAdd a None display to a div
I’m trying to do a preg_replace to add a style in the id="content" div, but I didn’t have much success, someone would have a better idea? Trying $html = preg_replace('/<div…
-
1
votes2
answers1589
viewsHow to apply the change in placeholder color only in some text-box
I would like to know how to change the placeholder color of specific inputs. Example: input{ display:block; margin-bottom:5px; width:200px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */…
cssasked 7 years, 4 months ago Leonardo Bonetti 5,313 -
1
votes1
answer982
viewsHow to put a div on another with responsive?
Guys, I’m still a beginner, but I managed to make a 'gallery' for me, but I’m having difficulty putting an image and text on the items in this gallery. As you can see in the code below, when I…
-
1
votes0
answers35
viewsText animation and 3D animation
Good afternoon only half a beginner in the front area but I came across a really cool portfolio and I was intrigued by two things with the animation of the text when you hover over and with the…
-
1
votes2
answers642
viewsGet TD value by clicking on table
I have a table HTML horizontal, where I want to get the value of TD(time) when clicking on the line. Follow an image to try to illustrate better. By clicking on the line of 07:00 hours for example,…
-
1
votes1
answer57
viewsHow to avoid layout breakage in a PWA project?
When listing the files you want to cache with the service worker version, most of the time we put the style file, to be accessible offline. With this, when there is a change of CSS, in production…
-
1
votes1
answer126
viewsMake element expand from its center
The problem is, I have a div centralized with that container trick (Trick) in position: absolute or fixed and the div internal in relative. As you can see, when the animation is executed, div…
cssasked 7 years, 4 months ago Seu Madruga 2,481 -
1
votes1
answer79
viewsForm is blank after pressing a button, help me!
I’m kind of new at programming in HTML, CSS and scripts in general. I understand almost the basics of the operation and I am trying to organize the receipt of documents in my Department, had done…
-
1
votes1
answer114
viewsHow do I leave user messages on different sides of the chat?
I am developing a chat using PHP, Mysql and jQuery. My question is how can I make the users' message stay one to each side to differentiate? Follow the PHP code: echo " <div class=\"row…
-
1
votes1
answer140
viewsIdentify inputs in a div
People I would like to know if there is any way to identify inputs within a div, without using name, id or class. Example: <div> <input type='text'> <input type='text'> <input…
-
1
votes0
answers94
viewsI need to automatically insert the value of a cell in my last input text "Txtgesamt" after the input text "Schriftlich" keyup event
Take the cell value of a Javascript table [Help] I need to insert the node value automatically into the last input text "Gesamt" after entering any value from the first vertical column, within the…
-
1
votes1
answer54
viewspseudo element after does not go right
I made a span and gave width to him of 800px. I put a small text in it and added a after in the hope that this afyer is the final meaning of span glued to the right. But it stayed glued to the text,…
-
1
votes3
answers273
viewsNon-responsive footer
I’m making a responsive web system using some bootstrap elements. The whole system is responsive except for the footer that in addition to leaving the fixed position at the bottom of the screen…