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
answers255
viewsWhy is my image passing from my div?
I set a height for my div, with 300px of height and width, but the image is leaving outside my div, but when I use the bootstrap on a card the image is totally right inside the div why it happens ?…
-
-1
votes1
answer51
viewsHow to make the bootstrap3 icon transparent with white edges?
The icon looks like this at the moment -> And I want him to stay that way ->>> <nav> <a id="contato_link" [routerLink]="['/admin']"> <span class="glyphicon…
-
-1
votes1
answer94
viewsButton does not send form and/or run javascript
Come on, guys. So... I’m having trouble making the button that would send a completed form to a spreadsheet in Google Sheets and then reset the fields, the entire application is running on the site…
-
-1
votes1
answer358
viewschange size of Carousel materialize
body{ margin: 0; padding: 0; box-sizing: border-box; } img{width: 100%;} .pagina{widows: 100%; height: 100%; margin-left: auto; margin-bottom: auto;} .topo{width: 100%; height: 100px; border: 5px…
-
-1
votes1
answer34
viewsDIV does not respect dimension after mouse-over
I’m with that code. The idea is to get div.topo accompany to width of Browse in up to 90% limited á 1440px when it stops tracking and keeps the width fixed. That part is OK. The problem is that when…
-
-1
votes1
answer66
viewsCustom image in Javascript or jQuery
I made a code in jQuery that when loading an image (input file) I pick a photo and that photo goes to the site of input However the photo does not appear to measure, it is deformed. I do not know…
-
-1
votes1
answer70
viewschange color of page components
Hello I’m looking for a way to do this. I have this code below... and I want a button that changes the colors of the elements in it, type the background color, font color, track background color. It…
-
-1
votes1
answer71
viewsDIV SLIDER BOTTOM CSS
Hello, I intend to use the same code I created in this example jsfiddle, so that the DIV that is hidden, instead of appearing from the top, footer trim (from bottom to top). Take this example by…
cssasked 5 years, 3 months ago Wagner Fillio 1,328 -
-1
votes1
answer44
viewsViewport width disregarding body scrollbar
I have an HTML saying that the scrollbar will be 8px, so: ::-webkit-scrollbar { width: 8px; } In this HTML will have an image gallery, where each photo will occupy 20% of the body width, so I did…
-
-1
votes1
answer76
viewsFunction does not return values
I’m beginner in JS and I’m having some problems with the function below. I am unable to return the array with this code. It is only returned when I remove "vet = []" where I empty it (something…
-
-1
votes1
answer93
viewsImage alignment with responsive Layouts
I am working in a virtual store and I am using the site Nuvemshop to develop the website. Only that I am facing a problem when positioning the logo of the store on the site. Since the layout is…
-
-1
votes1
answer181
viewsApplying a :checked on a parent div by clicking on the daughter div
I need to leave menu checkbox as in the image but my background is in the father div and my checkbox is a div son how can I apply that background in a div father cleaving into a div son HTML:…
-
-1
votes2
answers58
viewsChange background VIDEO by screen size?
How to use different background video by screen size , Desktop would be a <video> Mobile would be another <video> Design in Angular .. <video playsinline="playsinline"…
-
-1
votes1
answer439
viewsHTML menu buttons do not work
Good evening guys, I’m making a mini website for the college’s Web Programming Test 1, but there were some problems in it. I made a responsive menu, with dropdown and Collapse for when the screen…
-
-1
votes1
answer1444
viewsPlace a fixed text inside an image - responsive with Bootstrap
I’m trying to put a text and a button inside an image, but I’m not able to keep them responsive. .dados { bottom: 10px; right: 0; } .text { font-family: "Arial Bold", Arial; font-weight: 700;…
-
-1
votes2
answers85
viewsCheckbox alignment in select optgroup
How do I align as in the image below the checkbox and label? Here is not bobbing right, for better viewing can access: http://jsfiddle.net/8f7aLch6/ Code: $(function() { $('#chkveg').multiselect({…
-
-1
votes1
answer1114
viewsHow to get the full size of the scroll?
I’m looking to acquire the percentage that my scroll is, to manipulate css. But I have these two variables: document.documentElement.scrollTop; document.documentElement.scrollHeight; The first one…
-
-1
votes1
answer69
viewsProblem with square image height within rectangular div
I have the following structure: <style> display: flex; flex-direction: column; align-items: center; width: 100px; height: 200px; padding: 5px; margin: 42px; border: 1px solid #CCC; } div img {…
-
-1
votes2
answers36
viewsI enter a value in a div and it moves
Hello, I got this style sheet: #contentor { width:315px; margin: 0 auto; } div.linha div { width: 100px; height: 100px; margin:0px; padding:0px; border: 1px solid black; display: inline-block;…
-
-1
votes2
answers726
viewsI cannot set a fixed size for buttons
When adding a letter in value, the button increases to fit and defaces the entire alignment. I know who with tables would be easier and better, but I want to make it work with buttons <!DOCTYPE…
-
-1
votes3
answers66
viewsHow do I create this Button in HTML?
I want to create this button: I’ve tried that: <html> <head> <style> button { background-color: #343A40; } span { background-color: #9A9DA0; width: 50px; display: block;…
-
-1
votes2
answers87
viewsCentralize login and password fields
So, I’m making a login system with Bootstrap (learning) and I ended up not being able to leave the Login and Password fields centralized, I managed before but entering a left: 40%, but it ends up…
-
-1
votes1
answer205
viewsCalculate height difference with CSS
There’s a way for me to do the code below, which is in Jquery, but with CSS? $(document).scroll(function() { if ( $(this).scrollTop() > $(window).height() ) { $("section#topo").css("height",…
-
-1
votes1
answer376
viewsHow to fix button at the bottom of a page without moving?
I have a page with navbar and with a div which contains a logo, a paragraph with text and then a button, all in the same div, each component below the other in the order referred to above. My…
-
-1
votes1
answer54
viewsProblems aligning the banner in the center
I’m working with Parallax and I’m not getting the img src of div header lined up in the middle, I don’t know what’s going on. I’ve tried to touch the margin, but nothing happens. Someone can help…
-
-1
votes2
answers421
viewsNeed to leave an image with link in the bottom right corner
I’m making a real estate website, and I need to leave a Whatsapp icon that redirects the user to the site owner’s Whatsapp. However I need her to be Sticky, stay in the bottom right corner and stay…
-
-1
votes1
answer308
viewsFooter at the bottom of the page and after the content
I have a footer that gets fixed right after some small content 'middle of the screen' and not at the end of the page, I use sidebar. I would like it to be at the bottom of the page when there is no…
-
-1
votes1
answer46
viewsHow do I display a message below my form without redirect? NOTE I do not use database
<?php if(isset( $_POST['Nome'])) // Vai adicionar o elemento $name = $_POST['Nome']; // Vai enviar o elemento if(isset( $_POST['E-mail'])) // Vai…
-
-1
votes1
answer102
viewsI cannot call modal error without clicking (Materialize)
I cannot call the modal without having to click the button. I would like a modal to appear according to the "Check availability" If true = modal appear with message that it has been successfully…
-
-1
votes1
answer17
viewsDiv Relative Inside tag Center Inside Div Fixed
I want to leave paginations in the center of the div and grow centrally, but this div has to be fixed so I thought to leave inside another div relative inside other relative does not fit with the…
-
-1
votes1
answer90
viewsSpace between needless animals
Good, I was creating two Divs when I came across this space... I’ve been looking for the code for everything that is creating this space but I can’t find, it was supposed to be for him or there...…
-
-1
votes1
answer244
viewsCSS inverted curtain effect
Good Basically I want to do the curtain effect backwards, I’ll make it clear in the prints! When the person passes ( on Hover ) I wish I had a darker curtain and that went up, that is to say I would…
-
-1
votes1
answer35
viewsAre animations the same thing as transitions?
I am studying CSS With some difficulties to understand some things the question is animations are equal to transitions or similar? Example 1 <style> div { width: 100px; height: 100px;…
-
-1
votes1
answer33
viewsdiv under the contents
Hello i have two Divs one which is the carousel and the other which is the side-menu but even though both are in display block the carousel div is over the div of the secondary-Manu, I wanted to…
-
-1
votes1
answer41
viewsI need help, I can’t get this script to work
I wanted to make the effect of that video: https://www.youtube.com/watch?v=lZ-OO7x75Rc. If anyone can help me, I’d appreciate it. * { margin: 0; padding: 0; } body { height: 200vh; background: #111;…
-
-1
votes1
answer46
viewsProblems in the identification of the div
I am trying to make a list of tasks to be simple where you have inserted tasks dynamically, there is a checkbox in each task that when being checked puts a line-through in the text, but in doing…
-
-1
votes2
answers2311
viewsCSS - H1 Does not align in the center
Hello! I made a code in which my logo is an H1 and I want it to always align in the center of the screen. For some reason he doesn’t come out on the left side, I don’t understand why. Can you help…
-
-1
votes2
answers613
viewsAlign icons and text in a list
I’m using the fontawesome to put some icons in a web project I’m doing and I needed to add a <ul>, And on that list, there’s going to be icones and in front of a writing, I’d like those…
-
-1
votes1
answer57
viewsChange another class (CSS) noscript
Hello, in the code below I want to change the class color selected image when passing the mouse in the class images. The code example works by hovering the mouse on area_de_images, editing failed…
-
-1
votes1
answer50
viewsOpen a Blank page with an image when clicked from the Database (PHP)
I am able to list in HTML all the images saved in my database, but I would like to click on any, open a Blank page with the image, but I do not know what to put in href, because the image data comes…
-
-1
votes1
answer291
viewsWord break row in Bootstrap column
I’m trying to do a line break in a span or any other tag. The idea is that if the user enters only one word and occupies more space than the column, this word breaks to the next line. Below an…
-
-1
votes1
answer68
viewsCreating a JS animation with SVG using HTML and CSS
I’m starting studies with SVG and trying to understand an example I can not run it correctly, the HTML/CSS/JS parts were demonstrated and I made the connection of these parts, but it didn’t work...…
-
-1
votes1
answer36
viewsI’m trying to upload a file with ajax but I’m not getting: "Undefined index: file in"
Form: <form id="form" enctype="multipart/form-data"> <input type="file" name="arquivo" multiple/> <br> <br> <input type="submit" id="linkTest" value="Consultar">…
-
-1
votes2
answers316
viewsHow to place an image in a link in the footer?
Hello, I would like to link an image of the Linkedin icon with my profile link, to place it in the footer and align it to the center of the footer. What the code would look like? footer#rodape {…
-
-1
votes2
answers49
viewsRemove class when resizing
I created a menu that, depending on the size of the screen, behaves like a fixed menu. However, when resizing the screen to normal size, the menu keeps adding the class to fix it, when it wasn’t…
-
-1
votes1
answer227
viewsAlign Navbar Bootstrap-React
I’m trying to align the navbar to the right, however, unsuccessfully, is like this currently: index js. import React, { Component } from 'react'; import 'bootstrap/dist/css/bootstrap.min.css';…
-
-1
votes0
answers24
viewsPlace image to represent file depending on CSS extension
Good evening, it is possible to customize the appearance of a file displayed depending on the type of extension (docx, pdf, xlsx) with CSS? For example, I display my files that are in a directory…
-
-1
votes1
answer1311
viewsHow to show/hide a sidebar based on screen size and push a button?
I built a custom sidebar for my dashboard. Inside this sidebar, I have some menu items. When my screen is small, I make all menu options disappear, and show you a specific menu option. This specific…
-
-1
votes1
answer152
viewsHow to fix the input text cursor in the middle
I’m having a problem where I have a modified input text and when I type it starts in the middle, and I want to leave it on the left. I tried to use text-align: left; of a topic I saw here on…
-
-1
votes1
answer42
viewsHow to leave a modified structure with :active effect
Guys, I made the following code and I am in doubt with the pseudo-classes, in case I created buttons but the change of the :active effect only happens while I keep cursor pressed, there is some way…