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
votes3
answers128
viewsLines with two items according to screen size, is it possible?
My intention is to have lines with two items, and these items should have a width according to the screen size, ie screen 500 , I calculate 500/2 - espaços. It would be something like this. My code:…
-
1
votes4
answers272
viewsLeave image next to text
I need to leave an image side by side with a text for a college job, I can only do using CSS, I’ll leave the image of how it has to be and the codes to help, I’ve tried everything but I can’t, in…
-
1
votes1
answer81
viewsPosition tables with commands in php
I’m doing a program that creates variables, and shows them in two tables with a echo. Together in that echo, i put a table with a style inside. However, when testing the code, the formatting does…
-
1
votes4
answers294
viewsHow to shadow a text
Good morning, in a project that I’m developing it has a kind of "shadow" to leave a white text more visible inside the image, the problem is that I’ve tried both Text-Shadow and Box-Shadow in the…
-
1
votes1
answer206
viewsDiv in graphic form
Good afternoon. I am developing a project in front-end, new experience. I need to create a "chart" in ranking format. However, the Divs start from top to bottom, I need to reverse this. How do I? My…
-
1
votes1
answer149
viewsDecrease the distance between bootstrap pads
I would like to reduce the distance between the 2 links in the menu, I will leave an image and my code <div class="container-fluid"> <header class="row"> </header> <div…
-
1
votes1
answer172
viewsDivs do not appear with display: block and rollover effect does not work
$(document).ready(function(){ $("img.menuAdmin").click(function(){ $(this).css("display","none"); $("div.menuAdmin div.dropdown").css("display","block"); $("div.menuAdmin div.dropdown…
-
1
votes2
answers90
viewsHow to Shoot Pop Up after Copying Text
I have a discount coupon for my website, when clicking on the button it is copied. But I would like after copied to show a small balloon shaped pop-up saying "copied". Follows my code: let…
-
1
votes2
answers1839
viewsalignment of an html css image
I’m learning HTML and CSS now, and I’m having a question. When adding my logo I could only center it using text-align: center, but using float and other commands does not change its position, I…
-
1
votes1
answer19
viewsOrganize filter and leave responsive
Good Afternoon Could you help me organize this filter and make it responsive? Follows the code: <meta charset="utf-8"> <meta name="viewport" content="width=device-width,…
-
1
votes1
answer25
viewsDivs open everything together, how to solve
Good morning, I have the following problem, I use list foreach to bring the results of the comic into a list, and I want when I click on a list item, a div hidden appears below the respective item…
-
1
votes0
answers25
viewsBeginner’s question - white space between top and navigation bar
The code below is from a simple navigation bar, the problem is that there is a blank space between the menu and the top of the browser. I found 2 solutions, change the selector body for * in the css…
-
1
votes3
answers4467
viewsHow to make a scroll bar
I’m making a bunch of cards, and when the screen is big they look normal, but when I cut them down they get small. I wanted to create a scroll bar so that when it was on smaller screens, the size of…
-
1
votes1
answer283
viewsAlign text on top of button
Hello, I would like to align a text that I always have above the button inside a bootstrap card, so that it is always formatted in the correct way, regardless of the size of my text that is inside…
-
1
votes2
answers153
viewsHow to set a target Theme-color in Runtime from the application styles
I’m developing a React-based web app that uses Material Components (which in turn uses Sass) and requires the color of the browser bar (defined via html meta, as shown in the following code) to be…
-
1
votes1
answer80
viewsPrint page 1 or 2 HTML columns
Someone would know how to create a page that looks something like this : 1 - Create a header and a footwheel and they only stay on the first page of the print; Example in the image below [1] -…
-
1
votes1
answer33
views -
1
votes2
answers103
viewshow to make the slide responsive
people I’m with this slide trying to make it responsive only it’s covering some things that comes just below the slide (I’m closing the tag in the right place), and the image when I decrease is…
-
1
votes1
answer30
viewsTransition not running at the same time on different elements
Guys, I have a problem in the transition CSS3, I have an icon in Font Awesome and link text that changes from white to light green on :hover, but when taking out the mouse the color changes one in…
-
1
votes1
answer36
viewsShow Image Hover Mouse
You would need to show an image when passing the mouse, what would be the best way to do it? Follow my code: .scenario { position: relative; margin: auto; width: 400px; height: 400px;…
-
1
votes1
answer79
viewsBootstrap4 select transparent
I implemented a select on a page using Bootstrap-4 classes for styling as below: <select class="form-control" name="inputAssunto" id="inputAssunto" required> <option>Sugestões e…
-
1
votes2
answers929
viewsChange the color of only one button in Vuejs
I have a styling problem in Vuejs. Through the v-get picked up 3 buttons of the API, so far so good. What I need is that when you click one of the 3 buttons it simply changes the color. When I try…
-
1
votes2
answers184
viewsChange background and color input password in bootstrap 3
I customized all the website input fields by passing new values to the Bootstrap 3 classes by changing the input[type='password'] Bootstrap 3 style sheet (loose sheet after loading of BS3 css), the…
-
1
votes1
answer63
viewsProblems with displaying values in Javascript
Speak people, blz? So, I have a problem here when it comes to displaying a value with Javascript. I can do the bill and calculate everything smoothly, the problem is that when I put a value from…
-
1
votes1
answer60
viewsError with positioning an HTML/CSS/BOOTSTRAP search bar
I’m having a problem positioning the search bar, I want to cover it to the right but I’m not getting it, I’ve taken the padding and the margin and it’s still the same. (Colors are to demonstrate…
-
1
votes1
answer70
viewsHow do I use @font-face for gmail signatures?
I tried to use <style type="text/css"> @font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'),…
-
1
votes1
answer35
viewsHow do I make an "a" tag active without refreshing the page?
I have a line with several links, each link is an alphabet letter, I wonder if there is any way when I click on a letter changing the style or just make the link active without refreshing the page.…
-
1
votes0
answers145
viewsWhy am I not able to pull the style.css and bootstrap.css properly?
I created a function to pull the css and bootstrap files in Wordpress but they are appearing at the end the number of a version that disturbs <link rel='stylesheet' id='wp-block-library-css'…
-
1
votes2
answers37
viewsWhy are my boxes creating height?
In the first box I’m setting 6 inputs, and wanted to know why my other boxes are keeping up with the size of my box that has the 6 inputs. My code: <!DOCTYPE html> <html> <head>…
-
1
votes1
answer202
viewsflex display this with a different behavior in google Chrome
Hello, I hope someone can help me in this problem. I developed only the template, php programming is not me doing. Here is occurring many spaces in the items.…
-
1
votes3
answers746
viewsHow to change the color of several Ivs at the same time with Hover?
I’m doing a project where it has 8 Ivs. At first, they all have the white color, but when the mouse is passed on top of each one, the colors change. I would like to make sure that when you hover…
-
1
votes2
answers69
viewsFix last element of the list unordered in footer
The HTML displays a menu with minimum height, is it possible to keep the last item aligned in the footer of the menu in a fixed mode? I put 5 items before "all" but it is possible that there is less…
-
1
votes1
answer38
viewsI am facing problems editing margin in media query
Sorry to ask, it’s kind of silly but I need help. I’m using Bootstrap to make it easier when it comes to grids... I need two Ivs on the page, one with col-Md-9 and another with col... and to…
-
1
votes1
answer118
viewsPositioning of a button
I’m having a hard time positioning a responsive button, whenever I can place the correct position on a screen with a certain resolution whenever I see it on the other screen it gets bad again. This…
-
1
votes3
answers222
viewsShow div after a certain amount of input digits
$(document).ready(function () { $('#textFind').click(function () { $('.pesquisas').toggle(200); }); }); $(function () { $.expr[":"].contains = $.expr.createPseudo(function (a) { return function (e)…
-
1
votes1
answer205
viewsVertical Alignment on card-header with bootstrap
I have a card and a title as a card-header. I would like the title to be aligned vertically below. I have tried align-text-bottom but it didn’t work. Follows the code: <link rel="stylesheet"…
-
1
votes1
answer146
viewsI have two modals on the same page, but only one of them closes when clicking on the outside
Hello I am developing two modals for my company and I am facing the following difficulty I have 2 modals one that carries a popup of customer feedback and another that shows a screen of repassar…
-
1
votes2
answers43
viewsDiv doesn’t get 100% height
I am doing the content division, and I put to my box to be 100% tall and she does not stay, I wanted to know why ? It only stays when I put it in px My html <!DOCTYPE html> <html>…
-
1
votes3
answers214
viewsChange style of the last two characters of the string
Considering: strong {font-size: 36px} <div id="conteiner"> <div class="meu-valor"> <strong>125,74</strong> </div> <div class="meu-valor">…
-
1
votes1
answer123
viewsColors of names in a Javascript chat
I’m starting to program, and a problem has arisen. I need to develop a kind of extremely simple chat, just indicating the name and the message, without communication with other computers, just…
-
1
votes1
answer64
viewsHow do I leave my footer fixed below all page content?
I’m creating a footer (orange color), image below: The problem is that it hides part of the page content (a green banner, as can be seen, and on other pages, news and information) How to leave it…
-
1
votes1
answer32
viewshref only works last box
I’m trying to make a simple accordion, each one will hold some x of links coming from the bank, but when I put the mouse on top of the links of the accordion simply has no action (the pointer nor…
-
1
votes2
answers634
viewsSelect the first occurrence of the class using css
If I take the first paragraph containing the class .oculta works, but otherwise the selector nth-child does not work. Both the nth-child as to the first-child do not work for some reason, even…
cssasked 5 years, 6 months ago Otavio Fagundes 978 -
1
votes1
answer618
viewsHow to assign a css class in Django forms
Talk to the guys, all right? So today’s fat is the following, I want to add by default a css in my forms generated in Django, I searched some things but nothing solved my "problem". I was wondering…
-
1
votes2
answers115
viewsHow do you make the <div> with the <img> tag only appear after the photo is loaded?
good afternoon friends. I’m using Jquery so as soon as I receive the image by the "file" input, send it to the img tag placed next to it, however, I want the image to appear only after loading... If…
-
1
votes2
answers170
viewsI can’t keep my footer down
My HTML and CSS: body { background-image: url(img/fundonew.png); background-repeat: repeat-x; font-family: Arial; background-color: #003013; } #main { position: absolute; top:0px; left:50%; width:…
-
1
votes0
answers110
viewsLoop a javascript DOM element - Each element in a <li>
I am developing a memory game and the icons they are not going one for each li but every loop appearing one more icons in the corresponding li. In the last li appears 16 icons instead of a. const…
-
1
votes0
answers276
viewsPlace pagination in table
My understanding of javascript very little wanted help to add pagination in table html css materialize <table class="striped" id="id_tabela"> <thead> <tr> <th>Nome do…
-
1
votes3
answers571
viewsposition: Sticky; does not work
I’m trying to get the thead table keep position: sticky, so always stay at the top of the scroll, but it’s not working and I can’t find a solution. NOTE: I am using Bootstrap and the class…
cssasked 5 years, 6 months ago OtavioCapel 1,513 -
1
votes3
answers75
viewsHow to add dropdown to menu
When hovering over a category in the menu, I would like you to show sub-categories. Something like this This is the menu I have: .menu { width: 100%; background: #1f1f1f; border-bottom: 4px solid…