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
votes2
answers155
viewsDiv does not track internal bootstrap content 4
I’m having trouble making the internet content of my side menu accompany my div, my menu has options that expand, when I open all options the content comes out of the div, I would like div to track…
-
1
votes2
answers459
viewsModify breakpoint of navbar
nav #btn-principais{ background-color: #27C8D0; border-radius: 1px !important; float: right; } #logo{ width: 240px; height: auto; float: left; } nav .icon-bar{ background-color: #000; }…
-
1
votes1
answer53
viewsFILTER AND COLOR CSS
I need to pass a file to print in another color. In the specific situation, I just need to go on inspecting elements and change the color. I have 3 separate files, one of them I can change the…
-
1
votes2
answers115
viewsMy search bar does not position correctly
My search bar is not positioned correctly at the end, and the initial part of the menu is not at the beginning, everything is centralized. Follows my code: .barra{ display: inline-flex;…
-
1
votes1
answer311
viewsHow to position the form in the center of a DIV?
body{ background: #EFEFEF; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif; } .create-box{ background: #DF5B5D; border: 10px dashed #FEFEFE;…
-
1
votes2
answers943
viewsColorize all the header
I need to change the color of header entire site, however when I apply the background color to header, the color occupies only the space of the content, thus leaving the color of the body at the top…
-
1
votes1
answer672
viewsSlide does not fill the entire screen with bootstrap
I’m trying to put a slide on my site, but when I index the Bootstrap 4 on the page, the slide does not get full screen (does not fill the screen), when not indexed the slide wheel straight fills the…
-
1
votes2
answers820
viewsDelimit table inside a modal with css
I have a modal that shows a table with some additional information from another table (I’ll call table), the problem is that the P table has many items, which makes it relatively large, and the…
-
1
votes1
answer153
viewsCalculate Auto Aspect Ratio Automatically
With the example below we calculate the Aspect ratio of an image by setting Width/Height manually, with this the value of the Aspect ratio is generated to be put in the padding-bottom: What I would…
-
1
votes1
answer1172
viewsLogo (in svg) appears in Mozilla and not in Chrome
As you can see in the image, the logo is appearing in Mozilla and not in Chrome. I even tested it in Internet Explorer and also appears, which leads me to believe that the problem happens…
-
1
votes1
answer1154
viewsSet Menu Bar on Top
I am working on a site that the HTML Menu is not alterable. I want that when the user scrolls from the mouse to the menu bar, it becomes fixed at the top of the page, respecting the distance of…
-
1
votes1
answer265
viewsRemove "floating" div in the responsive
I have the following HTML structure: <div class="container"></div> <div class="card encontreundiade"> <div class="card-body p-3"> <form id="formcontato" class="p-0">…
-
1
votes1
answer161
viewsDoubt Js code for div exchange
I have a site in Wordpress and I’m having difficulties in the following function, I created a small script, that when clicking a button, it should replace a div for another, to exchange content…
-
1
votes1
answer437
viewsNavbar bugada in the resposivo
My site has a bug that I don’t know when it started, it was working normally, when I clicked on the burger menu the menu went down with the options with a white background and below on Nav, but now…
-
1
votes2
answers3759
viewscenter vertically Row bootstrap 4
I needed to center this Row in the middle of the page, following the bootstrap documentation, tells me to put align-items-center along with Row, I did, but nothing has changed. my html structure is…
-
1
votes1
answer1948
viewsValidate Forms in Materialize
How can I validate forms by Materialize? I’m trying to use the jquery-validate for this but does not work, I put the rules and even when a rule is invalid the field still turns green. How can I make…
-
1
votes2
answers1496
viewsHow to keep 2 elements in the same row Grid bootstrap 4
What I need is this: What I tried to do with the knowledge I have in bs4 and grid was the following: <div class="card-body"> <h5 class="card-title">Pizzaria 1</h5> <hr…
-
1
votes1
answer1139
viewsHow to distribute the items of a horizontal list independently of their quantity?
The snippet below is working correctly, dividing the navigation bar into four items equally distributed horizontally. Run it to observe. But it is not as I would like: the width field (width) of…
-
1
votes4
answers1009
viewsImage occupy entire column
I have the following html structure: <div class="col-8 ml-2 bg-secondary"> <h3 class="">Ultimas Notícias</h3> <div class="card"> <div class="row"> <div class="col-3…
-
1
votes2
answers75
viewshow to work with Bootstrap table?
Look at the figure How do I leave the date next to the word Dollar? That is the code! <div class="row"> 12/12/2000 </div> <div class="row"> <table class="table"> <tr>…
-
1
votes1
answer182
viewsDraw a point on an image based on its coordinates by clicking on it
My problem is the following: I have generated a point I made in CSS in an image I call in my JS, however, it should be generated in the coordinates that are captured when clicking on the image.…
-
1
votes1
answer745
viewsProblem with background and linear-gradient
I’m trying to make a background for the body using an image and a linear-gradient, on loading the gradient appears for an instant, but is soon replaced only by the image, as you can see below. body…
-
1
votes1
answer53
viewsCenter text on element, proportionally
In the example below we use, transform: translate(-50%,-50%); to keep a text in the middle of the element. But it’s not a solution that works in all browsers. I would really like to do it, but with…
cssasked 6 years, 8 months ago John Quimera 541 -
1
votes3
answers386
viewsBackground image, without using background-image
In the code below you will see the solution of @hugocsl to another question my. What I am wanting to do now is to put in this element, a background image without using background-image but with…
-
1
votes0
answers27
viewsChange background menu css scroll on
Good evening, I’m racking my brain trying to change the background color when using the scroll but I haven’t succeeded yet. The menu code is: <header class="xs-header-section xs-header-height…
-
1
votes2
answers217
viewsPosition: Fixed, use or not use? Substitutes
I recently attended a lecture from Sérgio Lopes , in which he speaks that NAY if you should use position Fixed on mobile. According to him, this position brings huge problems in the mobile browser,…
-
1
votes2
answers55
viewsGenerate dynamic borders
I have the following form: <input type="number" min="0" value="0" /> <input type="number" min="0" value="0" /> <input type="number" min="0" value="0" /> <input type="number"…
-
1
votes1
answer261
viewsCSS menu closing when clicking on the inside items
I made the following menu on css and opening/closing is working normal, but when I click on some item of the submenu, the menu closes before redirecting. Would have some way around that problem?…
-
1
votes2
answers1557
viewsChange the color of an SVG by a button
I have a rasteirized and inline SVG on a page. and I need to change the color of this svg as the user clicks on a given button. In this case I have several buttons, each one responsible for changing…
-
1
votes1
answer5564
viewsCSS Grid Layout - How to horizontally center all elements across all the Grid Lines of a Sub-Grid?
I am working on a college project and we are using Grid Layout to design an e-commerce for animals. A doubt arose during the creation process regarding the centralization of the content of grids in…
-
1
votes2
answers266
viewsButton to select which carousel to display
I created two carousel one of Illustration and the other of Plan of a house, and I need two buttons, Illustration and Plant, when loading the page, will show the illustration carousel as main, and…
-
1
votes1
answer43
viewsCSS does not access the button inside the if
The CSS is working with the button inside the else but it does not work with the button located inside the if. The button inside the if refers to the page with the logged in user and the else with…
-
1
votes2
answers623
viewsHow to use css to overwrite half of another DIV that is overflow without using position: Fixed?
I would like to know how to use CSS to put a DIV without position:fixed about the half of another that this with overflow. I’d like it to stay that way: The sample code I’m using is: .div1 { width:…
-
1
votes3
answers1976
viewshow to center a <H2> tag vertically inside the div
I would like to leave the text within those <h2> vertically centered <div class="col-md-2 buttom-area"> <div class="text-center button-disciplina button-border"> <h2>Realizar…
-
1
votes2
answers478
viewsIs using Jquery on a PHP page possible?
I have a login page, in which there is a form, which sends the data of two fields (username and password) to a PHP file that checks. This php file uses a function already written in a class. In this…
-
1
votes1
answer49
viewsTabs in css - line break when page limit is exceeded
I’m doing CSS tabs. However, when it comes to a certain number, it breaks to the bottom line. I wanted you to stay on line at all times, even if you’re not on the page. .tabs { list-style: none;…
cssasked 6 years, 7 months ago Luiz Felipe 456 -
1
votes1
answer8764
viewsPlace image in header/footer
I am hours away trying to adjust the position of an image in the footer, and after I have to adjust another image to the header, I am new to html/css and would like to ask for help because I need to…
-
1
votes1
answer208
viewsAdjust the alignment of the dropdownlist in a Bootstrap navbar
I don’t know if I’m doing this correctly, but I need to create a dropdown list on my navbar to show a list of branches that will come from the database. The problem is that when I insert it, it is…
-
1
votes2
answers917
viewsSelecting previous CSS element
I’m trying to select the other parent element of a table, but this not rolling track CSS. HTML <table> <tr> <td> <div> <input type="radio" class="voo-radio"…
-
1
votes2
answers1910
viewsHide elements according to screen size
Does anyone know any Javascript function, if the screen is mobile an option appears in the menu? And in desktop is normal, but without appearing the option and in mobile appears. <li…
cssasked 6 years, 7 months ago Jean Alves 111 -
1
votes2
answers11440
viewsHow to position a button anywhere on the screen, in html
I’m trying to position a button type "button" in the center of the screen. For this, I put it in a div, and applied to that div one css that arrow your position on the window. However, the button…
-
1
votes1
answer1116
viewsOverlay text on an image with flex box
I’m having trouble overlapping the text in an image using flex box, could give me a light for this problem. *, *:after, *:before{ margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing:…
-
1
votes2
answers429
viewsRemove CSS image links in @media print
My blog shows the links when printed through a[href]:after { content:" (" attr(href) ")"; }, however I don’t want it to show the image links, since I also removed them from the CSS for printing. Is…
-
1
votes1
answer667
viewsBack to top button
I created a basic script to display/hide a return button at the top of the page: $(document).ready(function(){ // Add smooth scrolling to all links $("a").on('click', function(event) { // Make sure…
-
1
votes2
answers168
viewsDynamic redirection with CSS or SASS
I have a website, and I’m working on responsiveness on it. I have a mobile version, similar to a web app, in a specific directory within the project. Currently when the screen resolution is less…
-
1
votes1
answer1105
viewsHow to change the bootstrap slide default effect to Fade?
Hello, I managed to put the Bootstrap 3 Carousel normal equal shows in the documentation, but I’m having difficulty to put the Fade effect, someone has some solution to do? <div…
-
1
votes1
answer389
viewsHow to align images of different sizes in responsive layout?
I don’t know how to deal with the following problem. I was trying to work with the <li class="filme">, with its responsive size, but as each image has a variable size. When it reaches a…
-
1
votes1
answer54
viewsChanging text size of lis does not work
I have the site below: http://funerariasaopedro.net.br/novo/ In it has a slider, at the top of the page. In this slider have a imagem (logo) and a ul (which contain some activities). What happens is…
-
1
votes2
answers28
viewsBackground-color Td radiobutton
I’m having a hard time solving this situation. I have in my table a list with radio button, it happens that when selecting an option, it works perfectly coloring the td Background, but when I select…
-
1
votes2
answers894
viewsHeight Proportional to Width, responsive
Below we have a grid layout, fluid, no images. What I would like now is for height to be proportionally responsive to width. https://codepen.io/johnquimera/pen/aGZaVY .my-prop-grid { width: 46%;…
cssasked 6 years, 7 months ago John Quimera 541