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
votes4
answers1274
viewsMake submenu appear by clicking the menu using javascript
Hello! I created a menu with submenus that when clicking on it, it appears. When clicking outside, it hides, as well as clicking on it again. By clicking on other menus, the submenu also disappears.…
-
-1
votes1
answer59
viewsHow to hide the input title when filled in the form using CSS
<div class="content"> <span class="title" for="input_example">Título do campo</span> <div class="form-content"> <input type="text" id="input_example"…
-
-1
votes2
answers1190
viewsHow to put text on an icon?
I would like to make a shopping cart icon, and put a number inside it to iterate according to the products that the customer puts in the cart, but I could not do, an example: Note: HTML and CSS, the…
-
-1
votes1
answer42
viewsI am trying to make a favorite button in the js Act, that by clicking the icon with the classname"far fa-Heart" it changes to classname"fas fa-Heart"
import Cama from 'cama.png' import React from 'react' import styles from './styles.module.scss' export default function Recommend() { const [favorit, setFavorit ] = useState(); return ( <div…
-
-1
votes1
answer36
viewsSite only loads in Live Server extension
is going a bizarre stop with me, my site only identifies CSS and JS if it is loaded by the extension Live Server, if I try to open directly by index.html, the browser does not recognize: This is my…
-
-1
votes1
answer38
viewsHow to make the image appear gradually when opening the site? CSS IMAGE TRANSITION
good afternoon! All right? I wish that when the person entered the site, the image appeared smoothly. I’m trying with opacity and visibility, but it’s not working. CSS code below: header { width:…
-
-1
votes1
answer26
viewsHow do I change the color of the bootstrap switch?
<div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="teste"> <label class="custom-control-label" for="teste"> </div>…
-
-1
votes1
answer78
viewsHow to create a Q&A site with html, css and js
I’m about to create a Q and A site someone has an idea how to start, I already have html, css and js domain
-
-1
votes0
answers12
viewsauthentication in codeignither 4
I try to make an authentication system but always gives a problem in the query it always passes as falso. $values = [ 'name'=>$name, 'email'=>$email, 'password'=>Hash::make($password) ];…
-
-1
votes1
answer34
viewsIs it better to use 1 CSS file for the entire site or multiple CSS files for best practice?
I am developing an Ecommerce selling credits for games and in this Ecommerce has several pages and some being very different from others.. My question is whether it is better to use a Global CSS for…
-
-1
votes2
answers1262
viewsHow can I center a banner?
I have this code below and am inserting in the wordpress plugin. The banner appears on the site but is not centered, is appearing glued to the left. Someone pde please pass me this code again just…
-
-1
votes2
answers147
viewsHow to make the amount of DIV to adapt
Good afternoon, my doubt is the following, on my site there is a section where the highlights part is, and in this section there are 6 more Divs for the products display (image) Well, so far so…
-
-1
votes1
answer46
viewsPositioning a FORM on the page
I’m trying to put two SELECT MENU next to each other on my page. However, when I put the first it appears, when I put the second and appears in the switched position. If I invert and put the second…
-
-1
votes1
answer575
viewsHow to overlay a body image on top of a div?
I have an image that is inside the body of css .test-page { display: none; } html, body { margin:0%; height: 99%; background-color: #041E43; border-style: solid; border-width: 10px; border-color:…
-
-1
votes1
answer15277
viewsHow to move elements in HTML/CSS
I’ve already searched the internet for how to do it but none of it is working. I created a class calling for .img for testing and when handling it in CSS, use .img{right: 500px;} as a test, but…
-
-1
votes2
answers174
viewsCheckbox show/Hide button for generated lines
I have an array of checkboxes generated and rows of tables that have the same class - class starts at 1 and increases in 1 as more elements are recovered. Explanation Succinct: I need that when I…
-
-1
votes1
answer172
viewsHelp on the z-index
Goodnight, I’m developing a website but I’m tired of trying and nothing, the point is: I have a contact box fixed on the right side but does not appear, so I read have to define the z-index, I…
cssasked 7 years ago João Rocha 1 -
-1
votes1
answer176
viewsDiv moving in changing screen
My home site has a start html: <header class="headd"> <div id="divcentral"> <a href="index.html" id="linklogocentral"><img src="img/logo.png" id="logocentral"></a>…
-
-1
votes1
answer324
viewsMultiple buttons on the same page with different functions
I have the following code that has 3 buttons, when pressing a button, it should change a value in my table in Mysql, however, when I press one of the buttons, it is the same as having pressed all…
-
-1
votes2
answers83
views3 Div’s 100%, 30% each, one on the left another in the middle and one on the right
Hello I have a problem in this basic CSS, I have a father div 100%, I need the first son to stick to the left the other in the middle and the other on the right. I tried something with Nth-Child but…
-
-1
votes1
answer242
viewstawk.to how to change an iframe that has ! Mportant to force the left align?
Well I am using something from third parties to be able to talk in a particular store, I am using the tool tawk-to. But it forces the Iframe css with ! Import in style. How could I change to line up…
-
-1
votes1
answer182
viewsOverlay a video over a background, and add a logo over a menu
I’m not getting to overlay a logo on a menu I created on the site, and I’m having trouble adding a video on top of an image on the site. Someone could give me that strength? Follow the image:…
-
-1
votes1
answer1518
viewsselect / form / input / html and php integration
Well I’m trying to create a system that looks like this: As I’m starting now, and I’m trying in every way to learn even if it takes a long time to get something close to it. So far I’ve managed to…
-
-1
votes2
answers867
viewsNavbar changing color to scroll
I tried to make a navbar that at the beginning of the page becomes transparent and when rolling the scrool it changes the background of the Nav to black(ex). code: *{ padding: 0px; margin: 0px;…
-
-1
votes2
answers67
viewsfunction to change my . css if the width of the sole is "X"
Hello. I’m in the learning phase. Trying to create a responsive website. I need a . js or .css. script so that when this width in the code (css) is true, run the code. in css. (I thank you give of…
-
-1
votes3
answers785
viewsPHP result on the same screen
I need the result of the form to be presented on the same screen, I made the following code: <?php //Recolhe os valores digitados no formulário $v = $_POST['valor']; $tm = $_POST['txmensal']; $p…
-
-1
votes3
answers108
viewsProblem in centering images
I’m having some problems centering my images. I basically wanted to center my images in the center of my page. But if for example I go to another PC with another resolution my site gets all…
-
-1
votes2
answers348
viewsCSS tab system with 2 lines of tabs - code using "float"
I am using the code below for a form with multiple "tabs", and I would like tabs 1-4 to appear above tabs 5-8, in two lines. However, tabs 1-4 appear normally, but tabs 5-8 are truncated, they do…
-
-1
votes1
answer539
viewsSet different CSS size for each browser
I have a little problem with my code, in case I have a banner that in Chrome and Opera, it appears in the exact size of the entire screen, but in Edge and Mozilla it appears broken not occupying…
-
-1
votes2
answers83
viewsWhy does background-color only work with overflow:Hidden?
I’m creating a menu and want to put a background color on it, however, when I try to apply a backgrond-color: #333 in one element ul WITHOUT the overflow: hidden;, the color does not appear. Because…
cssasked 6 years, 7 months ago Wellington Albertoni 55 -
-1
votes1
answer804
viewsMobile CSS image size resolution - Increase height
I try to increase the image of a div, but it is not successful. here’s the code, I’m missing something ? @media (max-width: 768px){ .row-fluid banner cheio{ height:80%; display:block; } } Any…
-
-1
votes1
answer60
viewsMy site does not get responsive is just text
My site does not get responsive is just text: <div class="container"> <div class="row col-sm-6 col-xs-12 col-lg-12"> <h1 class="text_header">I’m Gustavo Marinho,<br> Creative…
-
-1
votes1
answer48
viewsAnimations do not appear
Good people, I’m trying to do some scrolling animations, but I don’t know why but I don’t see any animation, the sections don’t Reveal As I go scrolling... Html: I added the js-wp-1, js-wp-3,…
-
-1
votes3
answers116
viewsMake objects appear
I’m having a hard time making a checkbox appear or disappear depending on the selected option. I don’t understand much of Javascript at the moment. My example: I want to make a text box appear when…
-
-1
votes1
answer515
viewsHide an image by hovering over the div
I’m trying to make an image disappear by hovering over the div but I have a problem: when I move the mouse the image disappears, but I can’t click the link from the back div. Code: <div…
-
-1
votes1
answer66
viewsCanvas is not appearing
I have a menu of buttons being displayed, and when I click on one of them, some operations happen and then a canvas with text should be displayed. Turns out, these operations all happen, but…
-
-1
votes1
answer255
viewsChange the style, "display" attribute, of a canvas in Javascript
I have a Javascript function that takes an empty canvas and fills it. Only that, as in a first moment I do not want to display the canvas, I set her style in the display attribute as "None". Now, I…
-
-1
votes2
answers55
viewsNon-clickable links
Hello, I’m creating the home of a site that has a full-screen video that automatically plays but with the video in full screen even with the z-index the links are not clickable as you can see, how…
-
-1
votes1
answer53
viewsDiv not encompassing its elements
/* Portal Aluno */ #header-menu{ position: relative; margin: 0 auto; border:0px; bottom: 800px; left: 10%; } #C-icon{ position:relative; border:0px; margin: 0px; padding: 0; right: 71%; top: 7%; }…
-
-1
votes1
answer51
viewsDropdown button does not work inside a div
I created a button dropdown that worked perfectly. But I had to put it between a div and then it stopped working. Which could be? <div class="dropdown"> <div class="col-md-4"> <button…
-
-1
votes1
answer307
viewsWhy can’t a div stand next to each other?
I have two divin a row, one of which has a width of 100px and the other 200px. Adding up the width of the two (300px) is well below the width of the viewport of the screen (on a desktop screen, for…
-
-1
votes1
answer63
viewsHTML - Buttom separation
I made the following HTML: <p> <html> <head> </head> <body> <!-- Menu com Submenu --> <div class="dropdown"> <link rel="stylesheet" type="text/css"…
-
-1
votes1
answer217
viewsHow to Make a Simple HTML Form Responsive with Native CSS?
Good guys, I went for a job interview and asked me to develop a simple form with label and input and a textarea, only this form has to be responsive, and work on all types of devices. I started…
-
-1
votes1
answer1502
viewsHow to make a button return to the home menu? Use html and css
<!DOCTYPE html> <html> <head> <title>JdBEdit - Demo</title> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <meta…
-
-1
votes1
answer267
viewsRemove White Space Ionic 3
I’m trying to remove this blank space from my project. I’d like to keep it that way: <ion-content no-padding> <div [ngSwitch]="Menu" > <ion-list *ngSwitchCase="'Todosgastronomia'"…
-
-1
votes1
answer386
viewsHtml, doubt about compatibility with Internet Explorer
I don’t know why but my site gets broken in Internet Explorer and Microsoft Edge. Ja in Firefox, Google Chrome and Opera Web the site gets normal. The only parts of the site that are broken are…
-
-1
votes1
answer327
viewsHow to join the cells of a table
Good night! I’m doing a WHILE of the data coming from the database to a table using css but I couldn’t get the table cells together and with the same border. An example of the table I made: table{…
-
-1
votes1
answer622
viewsResponsive banner this with zoom
I’m using a website that has administrative panel to add banner, etc. When I add banner, he always "eats" a piece of the picture, it’s like he’s giving zoom. In the "part mobile" gets even worse.…
-
-1
votes1
answer33
viewsProblem to position the div
Guys, I’m having a problem positioning my div. Not what’s going on what the div who wanted to put the slide is on top of the menu. How do I put down the menu? Thank you. body { background:…
-
-1
votes2
answers127
viewsHow do I remove the <input type="reset"> border without removing my css border?
#botoes { width: 270px; margin-left: 20px; } #botao { float: right; padding: 5px; 15px; …