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
answer340
viewsHow to leave the image on the left and the text on the side
Good Afternoon, I’m doing flexbox using the IGN Brasil site as inspiration and I want to do something like this: Where the image is on one side and the content is next to it, I tried to use display:…
-
-1
votes1
answer65
views -
-1
votes1
answer141
viewsHow to hide my label after input selection?
Hello, I created a text input, and would like to hide it after the user selects it for the fill. I lined up a label inside the input simulating a placeholder.(I chose this option to make it easier…
-
-1
votes2
answers164
viewsHow do I add 3 side-by-side images and captions on top and bottom in css
.produto{ display: table; text-align: center; border-top: none; padding-top: 0; float: inline-start; } .prod1{ display: table-caption; color: rgb(46, 146, 228); float: left; caption-side: top;…
-
-1
votes1
answer77
viewssimple css - background color occupy 100% item horizontally from list
Hi, I’m trying to make the color of background-color of item li:hover occupy 100% of the width of the screen when opened by a screen smaller than 480px, I tried to leave the width of the padding at…
-
-1
votes1
answer29
viewsHow to adapt layout according to browser resizing?
I built a function to read the size of the window through which the user is accessing the site, compare with a standard break-point that I chose and then adapt the layout. I put an example of change…
-
-1
votes1
answer274
viewsDifficulties with flex-box, align the menu icon on the right
I had to use flexbox to leave the class logo and class menu vertically aligned in the center of the tag nav because font-awesome icons were not working with line-height, however this is causing me…
-
-1
votes1
answer53
viewsHow to padde an <li> item vertically hide 100% of the container?
I was able to calculate the exact size of the bar and put the value in the padding, but this causes me problems later, how do I make it look like in the image below? <html lang="pt-br">…
-
-1
votes2
answers187
viewsmake a Ubmit button of this type
I’m trying to play sites to study some html and css, I have the following code: * { margin: 0; padding: 0; } #back { background-image: url("back2.png"); background-size: cover; } body, html { width:…
-
-1
votes1
answer160
viewsHow to call an animation using the onclick - HTML + JS command
Good afternoon! I’m new to the language, I’m trying to solve a problem using the onclick command to call an animation. Turns out I can’t make onclick work at all, let alone start/stop animation.…
cssasked 4 years, 7 months ago Nicolas Chinaglia 7 -
-1
votes1
answer171
viewsHow do I remove the underline from the text of a link?
I know that this question has already been asked here but even using the text-Decoration: None; the underscore continues, at most the text-Decoration: None; removes the color of the text I am using.…
-
-1
votes1
answer40
viewsCSS - How to center element vertically?
I’m doing a simple login page, I’m trying to center the form vertically and horizontally, to center horizontally I use margin: 0 auto, vertically I’m trying this way withdrawn of this answer:…
-
-1
votes1
answer36
viewsTwo vertical menus on both sides of the browser
See the image: The content (a three.js script) would occupy 100% of the viewport(padding:0;border:0;margin:0), while the menus would occupy 10% width per 100% height. In the case of menu 1, I can…
-
-1
votes1
answer49
viewsNav Bar in Bootstrap does not open in 768px responsive
Hello, when I click on the button (which only appears in the resposivity from 768px) the submenu does not open and generates the error below. <!doctype html> <!-- Bootstrap CSS -->…
-
-1
votes2
answers91
viewsFooter does not resize
Good evening. My problem is the following, when screen is very small and is shown the scroll bar the footer does not extend more to 100%. HTML <!DOCTYPE html> <html lang="pt-br">…
-
-1
votes1
answer117
viewsAssigning Style CSS to brother component (active)
How to make calling the action . Burger:active change the style of the menu component on the same hierarchical level Components/Nav/index.js import React from "react"; import { NavContainer } from…
-
-1
votes1
answer75
viewsHow to apply line break after an image?
I own a img and a Button, both are within one Grid library React-ui material. My goal is to center horizontal and vertical both the image and the button in the available space xs={4}, however, I…
-
-1
votes1
answer126
viewsProblem styling <select> through CSS
Hello! I’ve put together a form for lead capture, and I’m having trouble styling the field within it. I’ve done a lot of research and tried everything, but I can’t figure out why it’s not working.…
-
-1
votes1
answer108
viewsUpdate the page automatically when you receive some information - HTML, JS, PHP
A friend and I are developing an online browser game, but we’re having trouble making real-time updates when a player does an action. I tried to use AJAX to update the page every 1 second, but it…
-
-1
votes1
answer175
viewsRun code Node by pressing a button in html
Good morning gentlemen, I am beginner in Node and Javascript in general, I am using express.js and I want to press the button "SEND" it runs a code (that serves to send an email): The code Node I…
-
-1
votes1
answer627
viewsResponsive menu with CSS, HTML and JS
I’m making a responsive menu using visual studio. However, when I am leaving the page at 768px, the items (start, mission, about...) that should be when I click on the menu hambuguer, does not…
-
-1
votes1
answer30
views -
-1
votes1
answer108
viewsHow to use for in Javascript to view photo gallery
So, I’m still pretty weak on javascript.. I’m looking to learn more. It is a very simple code, are two "div", div thumbnail and maximized div, my CSS code displays in a floating banner the maximized…
-
-1
votes1
answer252
viewsList data files using PHP-mysql
Hello. I am a beginner in programming and I am developing a project. I have already performed the code to upload the file, now I would like to list these files in a table and it shows a column with…
-
-1
votes2
answers70
viewsHow to "fit" hexagonal elements with CSS?
My idea is to create a gallery where each item will have a hexagonal shape aligned in a way that looks like a beehive. Look at this one so far: .galeria { position: relative; width: 100%; height:…
-
-1
votes1
answer62
viewshow to identify a collision between a moving random div and one that I’m moving
<div id="player" class="circleBase "></div> <div class="saida circleBase" id="saida1" title="saida 1"></div> <div class="bouncer circleBase" id="bouncer1"…
-
-1
votes1
answer155
viewsSWITCH FROM VERTICAL MENU TO HORIZONTAL MENU
In my app, I have a vertical menu (desktop view) and I need it to turn into a horizontal menu (when the view changes to mobile) Follow below the codes HTML <nav class="sidebar-menu">…
-
-1
votes1
answer229
viewsHow do I take this scroll off the screen and make it responsive?
People how do I take this Scroll that appears when I open this page on smaller screens? I would like to leave it responsive tbem and with the login card in the middle of the page with margin top and…
-
-1
votes1
answer77
viewsCustomization and z-Index
I searched here for the site and ended up not finding the one that satisfies my doubt. I have two boxes, where one is behind the other. After I click on a button, I would like the z-index to change…
-
-1
votes1
answer68
viewsCSS: top bar aligned
I need the h6 "BI" stand next to mine span menu, but with considerable spacing. I tried to do with div and li, but anyway, "BI" ends up below the span. .topnav { background-color: #111; overflow:…
-
-1
votes1
answer328
viewsLimit the amount of html css characters
I made this input html + css and it’s okay, I just don’t want to limit the number of characters to 10, I tried the maxlength="10" but does not answer. Someone can help me? <div…
-
-1
votes1
answer33
viewsCode only works for one of the divs
Hello, I am starting to learn programming now and I need help to solve a little problem and I have a problem that I believe is easy to solve. This is the problem: function Antes() {…
-
-1
votes1
answer45
viewsHow to fill a DIV with another DIV properly?
I own a <div> to store some elements, and the last element will be another <div>. I want to make this last element tall enough to fill the <div> but without exceeding the limit. To…
cssasked 4 years, 4 months ago JeanExtreme002 5,663 -
-1
votes1
answer34
viewsBackground: url() will not
I want to add an image to my page, I’ve tried it in two ways, with background: url(img/girl.png); and background-image: url(img/girl.png); The photo is on the right page, the photo is in the correct…
-
-1
votes1
answer59
viewsResponsive image with background cover
I’m trying to make this image responsive with background cover, but the image is not showing, I tested on H1 to see if it was css, but I don’t know where the error. #imagem { background:…
-
-1
votes1
answer112
viewsHow to center a menu?
I picked up this menu on the following website: Left Slide Menu with Icon, and I’d like to center it on my blogger. It was pre, I can put it at the bottom of the blog, but I wanted it at the center…
-
-1
votes1
answer83
viewsHow to remove 'x' at the end of the bootstrap form
I created a form and while typing a blue x appears at the end, how do you remove it? follow html and css: #formSearch { background-color: #fffafa; border: 1px solid black; min-width: 200px; }…
cssasked 4 years, 4 months ago Cândido Ferreira 1 -
-1
votes2
answers40
viewsI am unable to run this command line due to an error in php but n know which one!
Error that appears: Fatal error: Uncaught Error: Function name must be a string in C: xampp htdocs developed rs_alpinismo salva_mensagem.php:5 Stack trace: #0 {main} thrown in C: xampp htdocs…
-
-1
votes1
answer23
viewsHow to create a responsive skew background
I did a background Skew using pseudo-Elents but the red part is outside the margin of the page, as help to stay only inside the margin ? *{ margin: 0; padding: 0; } .content{ background-color:…
cssasked 4 years, 3 months ago JavaScripto 11 -
-1
votes1
answer55
viewsAlign contents of div
I have the following layout: I would like to align the images next to each other, but with the text always at the top. Is there any solution to this problem other than a resolution with position:…
-
-1
votes1
answer288
views"Uncaught Referenceerror: Function is not defined" DOM error
my intention of this code is to open a different menu for each image I click, however this command is not happening (I will leave the whole code only as a precaution) HTML: <!-- imagens de…
-
-1
votes1
answer65
viewsHow do I concatenate a parameter (String) into an Object path to access a Response?
Hello, I’m trying to access a path coming from Sponse based on the name of the parameter I send via Onclick (I’m using Angularjs for this). I can’t concatenate the received parameter in the path of…
-
-1
votes1
answer72
viewsHow do I make the React application scroll down if the content doesn’t fit on the screen?
I thought it was natural that when the contents of HTML did not fit on the screen, the browser would automatically allow scrolling for easy viewing. In the following case, for example, I have the…
-
-1
votes1
answer55
viewsI would like to make the Hover effect apply to the entire div, not just the writings
Just like it’s on this website:https://www.smitefire.com/smite/gods# .white { color: #ffffff; } .god_susano { border-bottom: 3px solid #e6b800; } #gods_border { border: 1px solid gray; width: 129px;…
-
-1
votes1
answer120
viewsButton Submit closing modal
Hello! I created a modal to call the login inputs. But when I click "Login" on the Ubmit button, if it is empty or with incorrect information, it closes the modal and does not show me error message…
-
-1
votes2
answers84
viewsAlign search bar vertically to image
Come on, I’m trying to line up a search bar, only I don’t know how to do it right, it’s been a while since I got to use HTML with CSS, at the moment ta like this And I need this search button to be…
-
-1
votes3
answers133
viewsCreate multiple dynamic Lis columns with flex-Direction: column; leaving the first child with width proportional to the number of columns
Goal: Create multiple dynamic columns of lis, but the first child has to have the width of 100%. Problem: The first child is breaking all the columns of lis ----------------------------------------…
-
-1
votes1
answer115
viewsHow to properly align an item gallery with flexbox?
I’m starting to use CSS flex, and I realized that when we centralize a container, it looks like the elements inside the container seem to be centralized, but if I align it to the right, the…
-
-1
votes1
answer44
views -
-1
votes1
answer29
viewsLine breaking problem in bootstrap
I have a bootstrap slide that would like to add 2 lines and each row would have 3 elements. Then to see the rest of the elements, the person would have to click the arrow and pass to the side. My…