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
-
0
votes1
answer64
viewsHow to apply a css class to a child element of a component with javascript?
I have a component called <PDFDownloadLink> I need to change the child <a> that he owns. With syntax css I would do something like: PDFDownloadLink a { } How could do the similar with…
-
0
votes0
answers90
viewsHow to prevent an HTML area from being clickable?
Is there any way to prevent an area from being 'clickable' using Javascript or CSS?
-
0
votes0
answers74
viewsCSS does not load into HTML
Guys, when an exception occurs in doFilter(Filter) the code below is executed: RequestDispatcher requestDispatcher = request.getRequestDispatcher("maintenance.jsp");…
-
0
votes2
answers76
viewsAdd more than one image in slider
I wanted to put more than one image in this slider. Currently, I can only put one. How do I put more than one image? HTML code <div class="banner"> <div class="container"> <div…
-
0
votes4
answers905
viewsChanging the background of a table
I need a help, I have a web page with two tables, a table has 5 divs with images inside it, already predefined images, when clicking on any of these images change the background of the other table.…
-
0
votes1
answer64
viewsresize an image inside a button
I have a button that was created using custom css buttons, but I switched the background for a custom image, as I resize this image to be according to the button? follows the css .port {…
cssasked 7 years, 3 months ago Felipe Deolindo 179 -
0
votes0
answers26
viewsDuplicating PHP content
When I duplicate this code, it appears vertically aligned, I would like to align this code horizontally <?php for($k=0;$k<count($items);$k++) { $item = $items[$k]; $expire_key =…
-
0
votes1
answer128
viewsBackground-image does not repeat
I’m learning CSS and Bootstrap, I decided to clone a page I saw on the web to study, it turns out, when I get to mobile, the background-image doesn’t repeat itself and it just disappears when the…
-
0
votes1
answer1472
viewsFpdf PHP page
I’m having trouble making a pagination. It receives the data of the report in array format, then I have to do a foreach to scan the data, it happens that I am doing it within 2 for, and the data…
-
0
votes1
answer62
viewsHTML5 - Data-title with <a> Does Not Appear
Good morning, I have a problem with data-title, I need two speakers with audio names list (Playlist) and every time I click on an audio it will play. But when I create the second column, <a>…
-
0
votes1
answer545
viewsHow to lower the icons a little more?
I would like to lower the icons of Whatsapp, Facebook and Skype a little more but I’m not getting it. Follows the code: function relogio() { var data = new Date(); var horas = data.getHours(); var…
cssasked 7 years, 3 months ago Carlos André 21 -
0
votes1
answer8461
viewsHow to force table size in HTML?
I have a table with a background image and I would like to somehow set the size of this table so that the image appears completely. So far it needs to contain data in the table, but when it has…
-
0
votes1
answer34
viewsProblem - CSS Animation
Hello, everyone. I’m a beginner in web development and wanted to solve a problem that might even be basic for some of you. In short, I can’t get VS code to compile this part of css code, more…
-
0
votes1
answer1733
viewsHow to create a Multi-level Dropdown menu using HTML?
Good morning, I’m trying to create a multi-level dropdown menu following the website template: https://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3. However, the elements inside the…
-
0
votes1
answer20
viewsHover does not overlap some images other yes
The problem is that when I move the mouse the first image does not overlap the second, but the first is overlapping the first. And the image overlap some texts and others do not. <!DOCTYPE…
-
0
votes1
answer43
viewsSlide Problem - Firefox Browser
I have a CSS development problem of a Slide, only in the Firefox browser. For the site I am using a slide plugin Jquery Malsup Slide works perfectly on other browsers, less in Firefox Desktop mode..…
-
0
votes1
answer42
viewsHow do I use javascript to send Form data to an email address?
Good morning, I am working on a code that uses a FORM with POST method and I need the data of this FORM when submitted to be forwarded to an email and not to a server. All this using only…
-
0
votes1
answer17
viewsHow to create Hubspot-like layout
Good evening, I wonder if you have a way to find out if a system uses a template or css library, the system in question is Hubspot. I would like to create something similar and if anyone knows the…
-
0
votes0
answers512
viewsAnalytics Code Appearing on Home Page
For some reason the code of Google Analytics is appearing on the home page of a client of mine and I am not able to remove it from there. And at the same time, obviously, I need it to keep working.…
-
0
votes3
answers47
viewsRun javascript without calling in html
Hello I need to change the background color of a div, I’m trying but it doesn’t work which may be wrong ? My code: window.onresize = function() { var w = window.innerWidth ||…
-
0
votes0
answers20
viewsGuys, I’m using an overflow on a component here, but it doesn’t show all the content, it gets cut into one part. Could you help me?
`export const Optionbar = Styled.div' width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 15%; font-size: 1.6rem; transition: all 0.4s; align-items: flex-end;…
-
0
votes1
answer5072
viewsHow to close a modal by clicking outside it?
I made a modal and I need it to be closed by clicking outside of it or the close button. I’ve tried to do with onblur only it doesn’t work, it’s only for tag input. How should I do? function abre()…
-
0
votes1
answer35
viewsIs there any way to make a CSS code for a specific browser?
Next, I’m putting together a page that at a certain location I use a max-height, property that does not work on IE11. img { max-height: 45px; } To solve this in the IE specifically I can change the…
-
0
votes3
answers201
viewsNOTICE Notice: Undefined index
EAE BLZ? I’m studying about php and doing a college job, I’ve been having this error in vps windows I have, when running on my own pc it shows no error, already in vps keeps returning these errors…
-
0
votes1
answer113
viewshow to color 3 by 2 grid boxes in css
I have the following html code: <div class="wrapper"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div>…
-
0
votes3
answers655
viewsLateral alignment of Divs
I have 2 Divs in my code, the first div is an image, the second div is a form, I want to put side by side the two, and when seen in the mobile it breaks, stay one div on top and the other on bottom,…
-
0
votes1
answer27
viewsLike a Block display when scrolling the page
<html> <title>Menu div</title> <head> </head> <body> <style> * { padding:0; margin:0; } .menu{ width:100%; margin: 0px auto; padding: 8px;…
-
0
votes0
answers186
viewsPrevent Vscode Live Server from going to the top of the page
I have a very annoying problem that happens sometimes on Vscode. I use the live server to see real-time HTML modifications, but every time I update the live server or give it a CTRL+S in CSS, it…
-
0
votes2
answers352
viewsInsert text in time line
I made a timeline using HTML and CSS and need to add a story each year when it is clicked on a given year of the line display the story it contains that year, how do I do this? .DB_Timeline {…
-
0
votes2
answers2400
viewsPutting a responsive video on my web page
Hello, I need to put a video on my site like this one: http://www.orionbranding.com/ All the examples I think are full width videos, q occupy the whole screen. The code I put below leaves the video…
-
0
votes0
answers50
viewsSelecting elements of the DOM
I am trying to select a DOM element via js to perform an action by clicking. However, the program does not respond to the click. How should I proceed? follows the code! const modalOverlay =…
-
0
votes0
answers219
viewsHow to create one box inside the other using div
I have the following html code: .outer-box { width: 300px; height: 250px; margin: 50px auto; background-color: black; } .inner-box { width: 200px; height: 200px; margin: 0 auto; background-color:…
-
0
votes1
answer106
viewsCss "backdrop-filter" property does not work on Mobile
Good evening, people. I’m here with one more mistake, beginner, bumping heads without being able to find what the problem is. I added the "backdrop-filter" property after using rgba background in a…
cssasked 4 years, 3 months ago user181894 -
0
votes1
answer597
viewsHow to edit tables in Javascript
I have a problem in a table that I did in html and javascript. The page consists of 3 input fields that with the inserted value is forwarded to the table below. However I would like to be able to…
-
0
votes1
answer52
viewsWhy aren’t header-logo and header-links on the same line?
.container { width: 100%; display: grid; align-content: center; grid-gap: 10px; grid-template-columns: auto; grid-template-rows: 3fr 15fr 10fr auto; grid-template-areas: 'header-top header-top'…
-
0
votes1
answer70
viewsgrid display using different grid-Row-gap for each line
Friends does anyone know if there is a different gap value for each grid line? Type in the case below put grid-row-gap: 0px between the first and second lines and then place 10px between the other…
cssasked 7 years, 2 months ago Big LaoBan 33 -
0
votes1
answer44
viewsProblems in Vue Js Syntax
Guys, today I installed Vue.js to start my first project and I came across the following problem. After the installation I created the project and when I opened the app.See the vs code was reading…
-
0
votes1
answer23
viewsSelection css in tables
I’m trying to apply the css property of Selection to a css table, but it’s not working. I would have been able to do it otherwise. Follow the code below. <style> .hora::selection{…
-
0
votes3
answers791
viewsChange the Background-color of a div within a link
I’m making a sort of card button inside a tag to create a link (bootstrap 4 beta). On the card there is a class that changes its background-color to a light blue. I want this card to turn dark blue…
-
0
votes1
answer33
viewsHow to select an element based on content
I have a table <table> <tr> <th>Link</th> <th>Descrição</th> </tr> <tr> <td>Fonts para web</td> <td><a…
-
0
votes0
answers390
viewsHow to align the HR tag in CSS?
I’m doing so, but I don’t know if it’s the best way. Is there a "align: left;" for hr? Or will I have to use HTML? #regua-1 { border: 2px solid navy; width: 20%; position: relative; left: -530px; }…
-
0
votes1
answer670
viewsBootstrap button at the same height and position in mobile versions
I have a system developed in Bootstrap of which I am using the following code to create a card based on work of Bootsnipp’s colleague: <div class="card-base"> <div…
-
0
votes1
answer44
viewsProblem rotating an object continuously
I created a circle to rotate 45 degrees every time I click the arrow, either right or left. For this I am using CSS and jQuery. (FIDDLE NEXT) I did the following function spin(direction) so that it…
-
0
votes1
answer516
viewsChanging the Checkbox color via Styled-Components
I need to change the color of one CheckBox when it is selected. I am using it as follows: index.js import CheckBox from '@react-native-community/checkbox'; ... <CheckBoxes>…
-
0
votes0
answers27
viewsVue Js - Transition only when component is visible
I am making some transitions using the Transition tag and they are working perfectly. The problem is that transitions happen even if the component is not visible, I wanted it to happen only when the…
-
0
votes1
answer1160
viewsHow to increase or decrease the size of the css materialize datepicker?
Well, I have a problem with the materialize datepicker, I made an Nav side and wanted to put a form to choose a date. I did, but when I click on that form, it opens up all the way. My code:…
-
0
votes1
answer261
viewsHow to use Media Queries for responsive websites based on the dimensions of Vices?
I confess that webdesign is not my strong suit, so I need to ask some crucial questions regarding responsive websites. I understand that to define formatting for various devices you use Media…
-
0
votes1
answer74
viewsAre you a class superscript?
I have the following css: @charset "utf-8"; /* CSS Document */ .divCheckBox { width: 140px; height: 34px; } .divCheckBox .valor { display: inline-block; line-height: 34px; top: 0; } .divCheckBox…
-
0
votes1
answer23
viewsDoubt between performing clearfix using an element in the DOM or a pseudo-element
I have to wear one float: left in my logo and float: right on my menu, however background-color disappears and need to correct with clear: both. My question is, what’s the difference between using…
-
0
votes0
answers32
viewsUsing Media Query with different images for different resolutions, which images will be requested?
When I use different images with media query, the user’s browser will use which option? Order all images from the site and use the appropriate one (making loading slower). Request only the specific…