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
answer194
viewsProblems defining sizes in flexbox items
I am a laywoman in flexbox, and I have difficulty in aligning the items inside the flex, I determined size for them, but when it comes to positioning, they don’t look the same, they always look…
-
0
votes1
answer305
viewsHide div on mobile
would like a help if possible to hide a div on mobile. I tried to use <div class="hidden-xs"> Elemento oculto para mobile </div> <div class="visible-xs"> Elemento visível para…
cssasked 4 years, 8 months ago Anderson Santos 1 -
0
votes1
answer146
viewsClick and make options disappear with CSS
I click on an option from a navbar options box, the page opens, but this options box remains with the mouse over the chosen option: Before clicking: After clicking: I want after the click, the…
-
0
votes1
answer140
viewsJavascript overwriting class css
When using a javascript function in two populated selects, it overrides the css by hiding its values and assigning another class, as shown below: Before using the function: By clicking the first…
-
0
votes2
answers46
viewsMy page does not fully populate the mobile window. Why?
Even with the width 100% in the structure tags when I do the mobile test the page does not fully fill in: Why does this happen? * {margin: 0 auto; padding: 0 auto;} /* Por a largura se repetir…
-
0
votes3
answers45
viewsNot painting my entire <div>
When I put one background in my <div>. HTML code: <footer> <div class="footer-top"> <div class="fcontainer"> <div class="frow"> <div class="col-md-3 col-sm-6…
-
0
votes1
answer68
viewsWhy isn’t my animation working?
I’m creating an animation that was supposed to work in which it aims to appear and disappear the content of the paragraph, but nothing happens: <!doctype html> <html lang="en">…
-
0
votes2
answers492
viewsHow do I format the text typed in the input without changing the value?
Guys, I have a problem with this piece of code that I can’t solve in any way. In this case, the first two inputs receive values that are summed and this sum appears in the last input with the id…
-
0
votes0
answers76
viewsHow do I make text-overflow: Ellipsis does not influence the image
I’m trying to create a Read more on my site, only when I put text-overflow: Ellipsis does not appear the reticence and it starts to crop the image. .blog-home-content { clear: both; height: 100px;…
cssasked 4 years, 8 months ago Erlys Alves 11 -
0
votes1
answer61
viewsTable that changes color
Good afternoon everyone, I am beginner in php would like to know how to change the color of a table that receives the database information. For example I have a technical intervention form where I…
-
0
votes2
answers6721
viewsPlace elements side by side using HTML and CSS
I need to place the centered menu horizontally on the logo side, help!!! Code so far: HTML: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta…
-
0
votes1
answer119
viewshow do I make a footer that is always below all elements
Hello, I’m learning how to create websites and I came across a problem when I was formatting the footer, it wasn’t exactly below my page, in fact it was below to some extent, but when I was…
-
0
votes1
answer241
viewsButton mobile device responsive
How could do with this button fit when and for mobile device? When it’s for PC it gets right. This is the code. <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">…
-
0
votes1
answer53
viewsDiv does not respect imposed width
I’m using css to create a new look for a birthday report however, when I create the structure I can’t get the internal Ivs to take up all the space on the line, they’re not occupying 50% as defined…
-
0
votes1
answer43
viewsHow do I align multiple Ivs within a container?
I’m having a problem, I’m trying to align several Ivs inside a container, more specifically 3, what I want is to get them all aligned on each other’s side, but one ends up going down and I don’t…
-
0
votes1
answer505
viewsChange component properties on different pages
I have a button component: Filing cabinet index.js: import React from 'react'; import {ActivityIndicator} from 'react-native'; import {Container, Text} from './styles'; import PropTypes from…
-
0
votes2
answers163
viewsMove up HTML table using CSS
I want to upload an HTML table and leave it at the same time as the form to the left of it, I have tried it in several ways (top, vertical-align, etc), but without result. body { background:…
-
0
votes1
answer121
viewsHow to Remove an image that is highlighted within the post
All right? I need help, I own the following website https://www.tibiatravel.com... is a Fan Site game that I am riding. My problem, to get everything organized and straight on the home page I need…
-
0
votes1
answer55
viewsI can’t click the menu link
In the side menu I’m not able to click on it, I’ve done everything but nothing of the right HELP... *{ padding: 0; margin: 0; } body{ overflow: hidden; } a{ text-decoration: none; color: black;…
-
0
votes2
answers560
viewsHow to center image
I have a menu and I’m trying to put the image to the center and leave 3 links to the left and 3 links to the right, I used: display: inline-block; position: absolute; top: 50%; left: 50%; transform:…
-
0
votes1
answer240
viewsEnable button when fields are filled in
I know there are already some topics with the same theme, but my case is a little more specific. I have a form with some hidden fields that only appear according to the change of some selects. I…
-
0
votes3
answers338
viewsHow to remove right edge using border-Radius
I’m trying to remove the edges of the external right in the mobile menu as shown in the image below, someone knows how to do. Html Code: <!DOCTYPE html> <html lang="en"> <head>…
-
0
votes1
answer182
viewsProblem with fetch function using onClick event
I am developing a logic that until then works perfectly. Access an API by fetch, receive a token and run an SQL call to another API, using the token received, then treat the return to be displayed…
-
0
votes1
answer250
viewsHow to limit the size of an element with padding in CSS?
I want to create an HTML page with a <div> which has a fixed height of 450px to save text and other elements. To do this, I created a class with the following CSS properties. .minhaClasse{…
-
0
votes1
answer42
viewsHow to make a slider?
How can I make the squares stay in one line, generating one scroll horizontal, where I can navigate to the other blocks by sliding left or right. .box{ width: 100px; height: 100px; display:…
-
0
votes1
answer157
viewsUsing Hover to zoom icone by hovering over with CSS
Hello, I’m trying to get my listing animated, passing the mouse over the options (View, Edit and Delete) and I want the icon to get bigger, just to have a better view, I’m with a code, however, is…
-
0
votes2
answers1493
viewsChange the entire color of a React tab
I want to make my page in darker tones, my folder structure is: index.js ReactDOM.render( <Provider store={Store}> <PersistGate loading={null} persistor={persistor}> <App…
-
0
votes1
answer34
viewsVerticaltab Material React UI is being overlaid by tab content
I’m trying to use this component of vertical guides, but when I insert a large content it is superimposing my vertical-tab as you can see in this demonstration return ( <div…
-
0
votes1
answer51
viewsProblem with Column-Gap
Good night. I’m having a problem in my CSS.. I need to create two columns, one of text, and the other with image, however the columns don’t play along (CSS error, but I can’t fix it); Follow the…
-
0
votes1
answer32
viewsApply Hover to another element with CSS
Could someone help me figure out why this line .menu-susp > ul > li.primer:hover ~ .caret-vis { color:#eee; } doesn’t work? What should happen: A class fa fa-caret-right caret-vis should be…
-
0
votes2
answers69
viewsHow to make a link of the child element open when clicking on a div?
I have a list of posts on my blog homepage. I’m trying to make sure that when you click on the white space (where the summary of the post is), the link of this same post is opened. That is: instead…
-
0
votes1
answer436
viewsPosition cards on top of image in the background?
How do I place a Row with some cards on top of another Row with background image? I’ve used position:Bsolute but when I put the screen to the responsive all positioning is lost. Could someone help…
-
0
votes1
answer36
viewsHow do I prevent an element from viewing in Microsoft Edge and Internet Explorer?
microsoft browser breaks my site, that’s why it’s Windows/bootstrap, imagine if it wasn’t, I have nothing against microsoft, I just need to cover the site in black and display the message not…
-
0
votes1
answer28
views"Continue" button to display div to enter password in the form
I’m making a basic login form for the user to enter the email and soon after click the "continue" button and open the input to be put the password, but in the code I did the element already starts…
-
0
votes2
answers89
viewsGroup columns with the Bulma CSS framework
I would like to create the following layout using the Bulma CSS framework. I have the following code. <div class="columns"> <div class="column is-2">AQUI</div> <div…
-
0
votes2
answers34
viewsHow do you drill a hole in the parent elements until you see the body?
Good morning, I would like to leave the screwHole class with the transparent background to see the body color body{ background-color: blue; } @font-face { font-family: Mandatory; src:…
-
0
votes1
answer141
viewsHow to change the button(<button>) from "View password" to an image (<img>)
There is a register field of an employee called senha of which there is a button called "Ver senha" that lets you see the user password, only I want to remove the button Ver senha I did in…
-
0
votes3
answers81
viewsHow to view a modal automatically when entering the site?
By clicking on the tag <a> is displayed a modal. How can I make so that when the person enters the site, the modal appear without the click? .modalDialog { position: fixed; font-family: Arial,…
-
0
votes1
answer118
viewsIs it possible to apply a CSS attribute only to a page that contains a substring?
Hello, I’m a beginner in CSS and I’m creating a black theme for the Globo site using Stylish, anyway, I wonder if it is possible to apply an attribute/rule that is only respected within a site that…
-
0
votes2
answers110
viewsChange page background as user chooses color
The main goal is that when the user enters the color in the form field, the color is changed. However, when the user inserts the color, it is displayed as background and then back to the original…
-
0
votes1
answer63
viewscannot add 100% width to content sessions
I’m having a problem trying to add a 100% width to my site sessions. The "width: 100%;" command is not working when applied to any content session (Nav, header, Section, div or footer). The rest of…
-
0
votes1
answer55
viewsAlignment of elements in html and css
good afternoon people, sorry to bother you, but I need help to do an alignment I’m not getting. I’m formatting an element that looks like a table, has the days of the week to the left and the times…
-
0
votes0
answers37
viewsDynamically load external css link
I have 2 external CSS files that contain page backgrounds. In 1 only have links to images . webp and in other only . PNG , I am using a script to detect if the browser accepts . webp and if so it…
-
0
votes1
answer111
viewsBootstrap4 float-right does not work and <Nav> does not style
There’s something I’ve been trying to fix for five hours and I can’t understand why "float-rigth" does not work and not even input. Actually my tag <nav> does not want to stylize. Details:…
-
0
votes1
answer75
views@media coming into conflict
Hello, I would like to know why some commands that belong to a @media are influencing and changing the same command in a @media different. For example, when I put a "width: 30%" in some photo on…
-
0
votes1
answer37
viewsWhen using tag div inside a parent element that has padding, the left padding is shown
When using <div> within an element <figcaption> with padding: 10px and putting the div with bottom: 0px relating to <figcaption>, the right padding of <figcaption> does not…
-
0
votes2
answers197
viewsHow to center and change order in flexbox
I need to do something as it is in the image only that I am not able to change the order of the second column and center the text and the title also I am not able to put that gray line. body {…
-
0
votes1
answer53
viewselements one over the other
I’m learning to use some tags and I’m not being able to put the button on top of that text, the goal would be to have the title and the text and the button and the little text on the side of someone…
-
0
votes1
answer105
viewsInfinite preloader
I applied a preloader to a website but he "won’t hang up" so to speak. $(window).on('load', function () { $('#preloader .inner').fadeOut(); $('#preloader').delay(350).fadeOut('slow');…
-
0
votes0
answers178
viewsError including in database: Duplicate entry '-1' for key 'PRIMARY'
Friends have this table, when I save a user the following error occurs Error including in database: Duplicate entry 'first name.last name -1' for key 'PRIMARY' This is the code. detail in…