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
-
4
votes1
answer113
viewscss responsive misaligned
Hello, everybody! I have an image gallery coming from a database that defaults some items when the screen resolution is reduced to 1150px. This is done when the title under the image is too large…
-
4
votes1
answer173
viewsText transition effect
I would like to make an effect that when the user hovers over the frame the background would turn white, coming from left to right first, and once that effect was complete the text would also appear…
cssasked 5 years, 9 months ago Lucas Granvilla 444 -
4
votes3
answers78
viewsHow to style classes initiated with . fa-?
I’m using the Fontawesome in the React and to change the color of an icon you need to change the color in the icon class. See an example below: .fa-drash{ color: #ff0000; } The bottom follows the…
-
4
votes1
answer401
viewshow to change the display of div by js?
For some reason that I do not know this time the browser does not want to render the code... basically I need to change the display: nome of div for display: blockthrough javascript. botaoSticky =…
-
4
votes1
answer419
viewsLines beside in css
I’m trying to put lines next to a word, but when I go into mobile resolution, the lines go up and get misaligned. How do I make them vertically aligned and of the same horizontal length? First…
-
4
votes2
answers108
viewsWhy doesn’t the <p> tag inherit your father’s color?
I have the following very simple code <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…
-
4
votes2
answers476
viewsDiagonal edge at the corners of the page
I am studying about diagonal edges and intend to apply an effect like this on my page: Until now I found little material about it and the closest was this: html, body { height: 100%; } * {…
-
4
votes1
answer364
viewsMusic player with playlist
Eai, you guys! I’m trying to create a music player with playlist, but I’m not having much success, because when I click on some music the music player opens on another page and not on the main page…
-
4
votes1
answer214
viewsHow to document CSS?
I was documenting the typescript of my Angular project using Jsdoc basing myself in this question, and I was left with the following doubt. How can I document my CSS classes and components of my…
-
4
votes3
answers1081
viewsHow to put a <p> on the same line as <hr>
It is possible to place the element <hr> in front of an element <p>? hr{ border-top: 1px solid red; } <p>Colocar a tag <b>hr</b> em frente do <b>p</b>…
-
4
votes2
answers401
views"Watermark" with CSS
Test scenario I have an input on a <td>, in which the background of <td> has color: td { padding: 2em; background-color: yellow; } <table> <tr> <td class="marcado">…
-
4
votes2
answers277
viewsIs it possible to use the resize function of the textarea in an input?
Good morning, everyone. I’m making a form, and I wanted to make a <input type='text' /> that the user could set the width, with that drag resize that exists in the textarea. I want to insert…
-
4
votes1
answer48
viewsHow to make a parent <ul> element have the width of your children’s total <li>?
Have a div that dynamically displays a series of items grouped into a horizontal list. The parent element of this list has a maximum width defined in my CSS. It is possible to make the specific…
-
4
votes1
answer86
viewsMovement Chain of Ants
I got a flea behind my ear and I was wondering if you guys could help me out on this. I’m trying to make the edge (dashed) of a div (for example) turn clockwise as if it were a chain of ants going…
-
4
votes1
answer53
viewsHow to access the "this" of a class with an external function?
I want to create a function within a class that is defined externally, but I can’t access the this class. Example: class minhaClasse { constructor(objeto){ this.meuNumero = objeto.meuNumero…
-
4
votes1
answer80
viewsDoubt about CSS Grid and Firefox
Good night. I recently started to study CSS, but when I was doing an exercise I came across an unusual situation, I am using CSS Grid along with Flexbox, when I review my site in the browsers Opera…
-
4
votes2
answers71
viewsHow to define a dynamic named CSS property via Javascript?
I need to use the value of a string to change a CSS property of an element. I tried to do this, but it didn’t work: function funciona(nome, valor, id){ id.style.nome = valor; } function…
-
3
votes2
answers364
viewsHTML zebra table with Ext JS
I need to do a zebra table in Extjs 4.1.2’s Xtemplate feature where I have two for loop loops. I implemented a basic HTML, but someone has some idea of how to do it?
-
3
votes1
answer215
viewsI can’t hide an element with css by taking the data-column attribute
I have an input with the code below: <input type="search" class="filtro tablesorter-filter" placeholder="" data-column="1"> I’m using a css page to try to hide it: <style>…
-
3
votes2
answers523
viewsConcatenate . Sass files with Compass
I am trying to concatenate (unify) several . css files generated from SASS and I am using Compass to process my files. I’m using Grunt to perform some tasks, including concatenating files, but as I…
-
3
votes3
answers595
viewsResponsive images
I am building a blog with responsive design and currently use width:100% to resize the images inside the div. .eMessage>.pimg>img{ width:100%; -webkit-width: 100%; /*Chrome*/ -moz-width: 100%;…
-
3
votes4
answers5304
viewsHow to make an alert with animated echo?
How to make a more animated echo, I am using the following PHP code, which contains a alert() javascript: session_start(); $credito = $_GET['credito']; $soma = @$_SESSION['valor_total'] +=…
-
3
votes3
answers132
viewsProblems with table in IE
In IE, the cells of the tbody do not accept CSS values. td:first-child{ width: 52%; } I created a jsFiddle with the table html/css: http://jsfiddle.net/rqj6r/1/…
-
3
votes2
answers3652
viewsHow to make the container reach the footer? (even with little content)
I have a layout here, where, the background of container is transparent black, and it goes to the bottom of the page. but there is another problem, where it is written "Sitemap", is a menu that…
-
3
votes2
answers351
viewsHow to Interact Javascript + jQuery with CSS
I have a CSS class called .codigo. I wanted when I was going to use it, it would remove the HTML formatting (example: do that <font></font> appear as shown here in the PT OS, using the…
-
3
votes3
answers3981
viewsProblem with Hover in CSS
I have a table and I want each cell to be highlighted when the mouse is over. However, it is not working. It should be considered that I am using bootstrap as a basis for page styles and therefore I…
-
3
votes2
answers921
viewsText input box on the right
In a box the text is aligned to the right, as I do so that when focusing the text box regardless of the place the writing cursor goes to the right? I want that when clicking an input of type text…
-
3
votes2
answers5577
viewsHow to see if a "file" input file has been selected?
Is there any way to know if the file type input has any file already loaded, ready to be sent? I want to make a condition where if you have some file to upload in the first input, then show an add…
-
3
votes2
answers166
viewsCustomizing the Scroll of a div
As there are many resolutions from several different devices, I’m having a hard time displaying a feed list. Follows an image of how I think best to display such a DIV (list), in view that the page…
-
3
votes2
answers2903
viewsHow to customize scrollbar in Chrome?
I have a select Multiple combo that can not take up much vertical space, so the ideal would be to be able to scroll down with that traditional arrow to navigate from 1 to 1 item down. Have some way…
-
3
votes1
answer953
viewsHow to avoid overlapping (overlapping) <select> elements in a form on the same page?
I use wordpress as CMS and created a form with the plugin WPCF7 (Contact Form 7). It turns out that some form elements such as select, checkbox and radio button overlap each other in a way that I…
-
3
votes2
answers428
viewsFloat:left, div falling by the width of the div
I have a problem with float:left;: for a width greater than the page a div fell, but I wanted it to continue div previous. HTML: <div id="menu" class="menu"> MENU </div> <div…
-
3
votes2
answers88
viewsCross-browser conflict at window width
I’m working on a site, the problem is when the window is less than 500px, in Firefox the navbar (navBar.css) appears one way (correct) and in Chrome appears another. How to solve this?…
-
3
votes1
answer272
viewsJquery Cycle - A centralized slide and the other two partially appearing
I am in need of a slider that would have at least 3 slides, where the middle one would appear completely with the resolution and the other two sides would appear partially. I’m using the solution…
-
3
votes3
answers3204
viewsButton next to text bar with Bootstrap
I am trying to create a very simple form with Bootstrap which consists of only one text bar and a search button. But, although they are both in the same .form-group, to text bar has a width 100% and…
-
3
votes2
answers2104
viewsHow to add R7 portal bar on site?
I need to implement that R7 portal bar at the top of a website, does anyone know any way to do that? It’s got to make this bar adaptable to any screen size? That’s the bar:…
-
3
votes1
answer3352
viewsObject appears at a certain place on the page
My question is this: I want/need a code for my site, which works the way of this website. In it, when the user uses the scroll mouse to scroll down a bit on the page, a little arrow (which when it…
-
3
votes3
answers216
viewsCSS selector for tables
I’m doing a refactoring in a code and there’s a CSS rule that’s changing the display of all tables. A specific table is visually broken because of this change. Since I haven’t seen all the code, I’m…
-
3
votes2
answers94
viewsBackground disappears when my menu items are horizontal
I have the following HTML code: <div id="topo"> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li>…
-
3
votes3
answers60168
viewsHorizontal line in the middle of an unordered HTML list
I have an unordered list that has some list items and would like to place a horizontal line (horizontal Rule < hr >) on it, right in the middle, with height of 2px. I tried to put…
-
3
votes1
answer360
viewsDivs being added on top of each other
I have three menus, when I click on each one, it leaves a div that was like display:none as display:block. What is happening is that your clicking on Menu 1 and then on Menu 2, it is adding a div at…
-
3
votes1
answer760
viewsHow to apply css to body inside an iframe?
I want to apply background: Transparent on the body that is created within an iframe. For example: <iframe src="http://www.meusiteteste.com.br" id="frame_result_show"…
-
3
votes1
answer2302
viewsCustomize the appearance of the jquery-ui dialog widget
I am trying to change the appearance of the jquery-ui 'dialog' widget, and so far I have the following css code for this: .ui-dialog { position: fixed; z-index: 1050; display: none; overflow: auto;…
-
3
votes3
answers477
viewsCSS does not obey margin-right
I just don’t understand why the third line doesn’t align with the rest of the text. http://jsfiddle.net/Ra35L/2/ HTML: <div id="contact"><h1>CONTACTO</h1> <p>+(351) 968 888…
-
3
votes2
answers1390
viewsDynamically change a class background
I have a site where the content creation is dynamic and the user can choose the color to be used in components, but, I need him to see the update in real time, then, I need the class to be changed…
-
3
votes1
answer2989
viewsHow to make a horizontal list of images that does not break?
I want to make a list of images horizontally, but they’re falling, look: My CSS: #fotos{ margin-top:30px; width:650px; overflow-x: hidden; height:110px; border:1px solid #CCC; } #fotos ul li{…
-
3
votes1
answer3622
viewsHtml5 audio player customization
I come with your doubts for some time, there is some possibility of customization of the player audio Html5. So far I know that there is possibility using plugins developed in javascript, but this…
-
3
votes1
answer1345
viewsCSS responsive layout in columns
I am making a layout that will have two columns, the first on the left will compose a menu the second will occupy all the remaining space on the screen on the right side and in it will be the…
-
3
votes2
answers1980
viewsBlur effect on different browsers
I’m trying to put a Blur Effect in some images of a page. From the first I saw that the Blur does not work (as far as I know) in all modern browsers. But since "Mission given is mission…
-
3
votes1
answer613
viewsIs it possible to extend the bootstrap css using Less?
I use twitter bootstrap for some things, and came across the ease of using Less, as I can, to use the bootstrap Less variables in a second css file? For example, calling media querys with bootstrap…