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
answer2095
viewsText font size inside a button
How do I change the font size of the text inside a button? I’m using Materialize. <a class="waves-effect waves-light grey darken-3 btn"><i class="material-icons…
-
1
votes0
answers165
viewsModifying a third-party/external Script (JS)
I need to use an external script that generates a form (so far so good, it is working) ... Once the script is inserted into the page, I need the form Abels (generated by the script) to be responsive…
-
1
votes1
answer858
viewsMove Scroll with Buttons
I need to move a horizontal scroll with buttons. I have a horizontal gallery with horizontal scroll, and I need to click the buttons in the upper right corner "next/previous" the scroll move to the…
-
1
votes1
answer691
viewsHow to change the position of Owl-Nav in Owl.Carousel
I’m using Owl.Carousel and I’m breaking my head with the positioning of the NAV arrows, I need that instead of being below the articles it stay above.…
-
1
votes1
answer3085
viewsHow to create a horizontal overflow?
Next, I am editing a site using wordpress and I have some limitations regarding the use of html and etc, I wanted to create a horizontal overflow, so instead of staying as in the image below, the…
-
1
votes1
answer19768
views -
1
votes5
answers4689
viewsHow to change the content of an img src?
I’m trying like this but it doesn’t work <head> <title>Woman</title> <style> body{ background: black; } @media screen and (max-width: 767px) { .mobile { background-image: url…
-
1
votes3
answers3528
viewsHow to take the space between two inline-block Divs?
I lined up two divs side by side, but there was a space in the middle of them, like removing? #tudo { text-align: center; margin: 0 auto; } .desktop { display: block; } .img { display: inline-block;…
-
1
votes1
answer177
viewsCSS to SASS convert or not?
I have several files in css, I am in doubt if I rewrite it in Sass to be able to give a better maintenance in the future or not, is it really advantageous?
-
1
votes1
answer66
viewsProblem in Creating a responsive menu
Guys I’m trying to create a responsive menu but I’m in big trouble... Follow the code I need you to keep that burger and when it reaches a certain width, show this icon by clicking on it and the…
-
1
votes1
answer106
viewsHow to align list items
I have the following code: ul { list-style: none; list-style-position: outside; padding-left: 0; } li { margin-bottom: 20px; } li:before { content: "\2192"; padding-right: 10px; } p { display:…
cssasked 7 years, 7 months ago Jedaias Rodrigues 6,718 -
1
votes0
answers150
viewsIframe does not respect max-width
The iframe is responsive and works perfectly when I do it in prototype. But in this case I do not know why it does not obey the max-width of his father’s knot. It always gets much smaller than the…
-
1
votes1
answer1175
viewsHow to style elements that already contain bootstrap class preset style?
Hello folks from Stackoverflow, I’m using bootstrap, but there are some bootstrap styles that I don’t think are cool. I am putting my custom style in a css file, however the bootstrap style prevails…
-
1
votes1
answer2423
viewsDifficulty with text alignment on Ionic 2 button
I started my studies with Ionic 2 these days and I’m not able to align the text of the Ionic buttons to right or left, it is only in the center. 1 - I tried to use the markup informed in the Ionic…
-
1
votes1
answer95
viewsHow to position these elements in a List
Hello I’m making a simple product page but I’m having some difficulties in positioning the elements as well as in the print below: First I was using attributes like: Left: ?? px; bottom: ?? px; ,but…
-
1
votes2
answers110
viewsAdjust only one component
With this css I change all inputs of my autocomplete : .ui-autocomplete-multiple ul{ padding:0; background-color: red !important; } The problem is that I need to have only one screen and not all, as…
-
1
votes3
answers868
viewsRun javascript only when accessing a mobile phone’s website
I noticed that the bootstraps menu does not close after selecting an option when using a mobile phone, so I want to run only if I am on a mobile phone, I am doing this way, would be correct? Thanks…
-
1
votes1
answer54
viewsUsing variables
I had my eye on the use of variables in CSS, like below, simple stuff, so far so good. Then I saw that I could incorporate 'functions', but I only saw the use of libs as lesscss and Sass. You can…
-
1
votes3
answers1412
viewsRefresh only 1 time
I’m doing the creation of a website and I need a force. The problem is this, I need that when entering the site the same of a refresh, just as you enter it I tried the code: <meta…
-
1
votes2
answers190
viewsWhy doesn’t :Hover work this way?
I have the following code: .player-info .episodios-lista .lista-episodios{ width:100%; height:100%; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; display: flex; display: -webkit-flex;…
-
1
votes2
answers1620
viewsFix column of an HTML table
I have a considerably long table and for better user experience, I want to put the first column, which will present images, as fixed, type in excel, freeze the panel so that the view is better in…
-
1
votes2
answers82
viewsError in Image Gallery
Edit: https://github.com/amrodr/galeria_projeto I am having a small problem, when I upload my files to the server the images look like this, however when this location works normally. The error is…
-
1
votes1
answer287
viewshow to horizontal all items of a div
html <div id="containerprodutos" class="containerprodutos"> <div id="containerprodutosfilha" class="containerprodutosfilha"> <h3 class="text-center align-middle"><img…
-
1
votes1
answer159
viewsReferencing elements with CSS to reposition them
I have to change a code base responsible for generating PDF reports using the tool Jinja2. To do so, I need to change HTML and CSS documents. For the former, my concern is with the naming convention…
-
1
votes2
answers2370
viewsPosition menu over image with CSS
How to leave the menu fixed and on the background imaging? <hearder> <img src="imgs/principal.jpg" alt="estilo"> <nav id="menu"> <ul> <li><a…
cssasked 6 years, 1 month ago Natália Catunda 11 -
1
votes1
answer1370
viewsHow to change TAB color in bootstrap
I want to change the color of when a tab is selected, it is blue, I want to change to black, I also want to change the color of the letters inside the tab, when they are not selected, to gray. How…
-
1
votes4
answers687
viewsCSS - styling a hyperlink
I have a hyperlink that I need to style using CSS doing that looks like a button this with clear CSS, my question is that as I call a hyperlink in CSS, already tried with div, already tried to…
-
1
votes1
answer144
viewsHow to show buttons for each menu option?
$(document).ready(function() { $("#myModal").modal('show'); $('#myModal').on('show.bs.modal', function(e) { $('.chosen-select').chosen(); }); }); <link…
-
1
votes1
answer164
viewsImage transition css and html
Guys, I’m starting to get interested in html and css, I’ve been studying and taking a course, and I’m doing this site. I put a transition for when it scrolls the sidebar, but I wanted to be smoother…
-
1
votes1
answer7924
viewsCSS - positioning an element on the right
I want to position the div "bookright" on the right side of the HTML page I think I have the correct CSS code but it’s not working yet. pf see the photo, right now appears under the image, I want it…
-
1
votes3
answers763
viewsHow to enter HTML code in PHP
I have the following PHP code: <?php include("config.php"); if(!isset($_SESSION['user'])){ echo "you are not logged in,please click here to <a href='memberarea.html'>Login</a>"; }…
-
1
votes2
answers1150
viewsAnimated placeholder
ola found that answer https://jsfiddle.net/2a1kvcn6/1/ however I cannot keep the placeholder as title, once I type something it disappears, this way the box is without identification .inputAnimado{…
-
1
votes0
answers67
viewsDoes the CSS Box-Shadow property affect page performance and element rendering?
I know the property box-shadow is relatively old, and widely used. But when using it in excess, I say when applying box-shadow in 100 elements on the same page I have lost performance? I did this…
-
1
votes2
answers414
viewsImage rotating automatically
Guys, I have a little problem with my HTML/CSS... Some large-sized images are rotating themselves... Below is a print for you to understand better: Note that the first two images are in the correct…
-
1
votes1
answer435
viewsVisual Studio Code - Empty CSS ruleset
When I create a class in HTML and go to CSS and put ". alguma_Class{}" the css file does not recognize this class in the automatic search and only works if I type everything in hand and only after…
-
1
votes1
answer122
viewseffect with jQuery in select
Good am mounting a custom input with the style of the material google design. The effect is working on the input, but in select it’s not working. Does anyone know what I’m doing wrong? Note: The…
-
1
votes2
answers80
viewsDiv is not aligning CSS
I need to align this div that is misaligned as the image below: Note: I want to line up side by side, because the top div is misaligned, because of the larger text - I’m wearing a bootstrap. CSS:…
-
1
votes2
answers657
viewsHow to focus on a specific DIV and blur the rest
Is there a Javascript/Jquery library that of a targetdelimiting an area in a DIV specific and blur the rest ? Example I added a new item to the menu and as soon as I loaded the screen this one focus…
-
1
votes1
answer348
viewsCreation of tables through div
I would like to create a table structure that can have a variable number of columns, for example, an hour may have only 3 columns and at another time may have 5 or 6 columns, this number is not…
-
1
votes0
answers46
viewsTable Printing Problem
I have a product chart and I’m putting together her layout for printing. I am using the tag so that the column title is repeated to each new page in the print but the customer did not like the…
-
1
votes1
answer2240
viewsDiv full screen with Bootstrap?
I’m trying to create a div on the whole screen that will serve as a loading, but I’m having a problem because <header> I have a navbar which I defined as navbar-fixed-top and the div does not…
-
1
votes2
answers1661
viewsAlignment of Bootstrap grid
I have 3 images, they are aligned neatly, but from the resolution of the print below they begin to be displayed one below the other even having space to be displayed, at most, one next to the other…
-
1
votes2
answers4974
viewsUnwanted CSS white space
I’m doing a booking site for outdoor activities and I’m having a problem with CSS. In my document there is always a blank part below the image, I do not understand why. In Chrome dev tools nothing…
-
1
votes1
answer367
viewsColumn break in table
I need to create an item table that comes from an XSLT foreach to HTML, every four lines break into a new column, follows an example: example of code that does not break by column <table>…
-
1
votes2
answers624
viewsText and responsive image
I’m kind of new working with responsive methods and I’m having problems with a detail, I need to exchange the text of a btn for an image when my application is accessed by mobile. Could someone help…
-
1
votes2
answers11465
viewsInsert Image via CSS or HTML?
Hello! I have a question about the difference in the ways to insert images. I know I can insert images through HTML and by CSS. But what’s the difference? And in what situation should I use each of…
-
1
votes1
answer177
viewsAnimation during ajax request
Personal I have an ajax request, Only it is taking a little while, she only gives me the return when it is successful or not, but during the request I do not show the user how the procedure is. How…
-
1
votes1
answer363
viewsHTML layout ratio
I’m starting a project using the library materialize css, I don’t know much about layouts, I’m struggling with the ratio of the elements of HTML. In the layout next, is with the expected ratio:…
-
1
votes0
answers110
viewsResize Cellular Images
I have a post page, which receives this setting for the images that comes from the database: .post-content img{ max-width:100%; } What happens is, when you see the photo on the phone, they get…
cssasked 6 years ago Daniel Gomes Da Silva Moreira 73 -
1
votes1
answer30
viewsHow to keep a list of alternate backgrounds when searching
I have a gray background list in the item:Nth-Child(Odd) but when I do a search a None display is inserted in the items that contain nothing related and end up messing the order of colors, I need…