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
answers57
viewsWhy are div "social network" leaving the div when I use float
I would like to know why the div social networks leave the div "menu" whenever I use the float for images to go to the right side. html: <header id = "topo"> <div class = "menu"> <div…
-
1
votes1
answer361
viewsLine break in HTML tables
I’m making an HTML page which is an image print report of a service order. Basically, I set a table with two sub-tables that are: 1. header with data; 2. body with images of the service order. Need…
-
1
votes1
answer296
viewsHow to add a vertical line in Google Chart?
Problem: I’m not able to insert the vertical line in the google chart. Solution: I would like to add a line on the right side of the graph according to the image. HTML code: <script…
-
1
votes2
answers98
viewsimages escaping from the column
I am having problems with a grid of images that in smaller resolutions stay on each other as layers and in larger resolution they stay with a very large space between them. The columns are generated…
-
1
votes1
answer623
viewsonClick fill in input
I wanted to make a menu of options (Buttons) on my site, and when clicking on them is loaded a value to the input. I tried to make a script that when clicking the button, the field below was filled…
-
1
votes0
answers181
viewsCreating a repetitive Ionic table
Let’s get down to the problem: I need to create a table by Ionic that, as in the Instagram album, is divided into 3 images per line, this code was made by angular. Here’s my HTML code in Ionic:…
-
1
votes1
answer67
viewsPause setTimeout() function when hovering the mouse
I have this code and would like when the user passed the mouse over pause the setTimeout and be resumed when taking the mouse from above. function slide(){ let slides =…
-
1
votes4
answers96
viewsDropdown with Javascript
I am working on a project and came across the following situation: a list of items for a side navigation bar needs buttons that close and open to click (until then beauty). However I need to…
-
1
votes1
answer129
viewsImages and css do not load on the page when executed by the jar
Hello, I see you’ve had similar questions to my own but you haven’t answered my question. I’m developing an API that goes into a database, takes the data and returns a pdf report using Thymeleaf and…
-
1
votes1
answer63
viewsHorizontal navigation (fullpage) with CSS
I wanted to help to know if you can do a full page site navigation using only CSS with the idea that I have in mind. I saw a video lesson where using inputs of type radio and Labels to make the…
-
1
votes0
answers151
viewsHow to style the texts that iframe pulls?
I’m using this code to get results from the lotteries, specifically the Mega Sena, and I need to style the text that the iframe brings. The result that iframe pulls is like XML, I’m not sure, but I…
-
1
votes2
answers90
viewsHow to change an element after an action on the page?
I would like when content was added to the input the previous text "Label" turned blue. Are inside a div, a p and an input, the goal is when writing in the input the previous p turned blue.…
-
1
votes1
answer89
viewsSafari bug of a CSS animation with keyframes
In safari Version 12.1 (14607.1.40.1.4), a bug occurs, the effect happens, but gives a strange error, the element that suffered the event seems to recede, the initial position of the translate3d,…
-
1
votes1
answer266
viewsNavbar inside an image
Hi, I’m doing a navbar and I wanted all the buttons to stay inside an image like this: I went on a lot of website but none specifically talked about this topic, so if anyone can help me I’d…
-
1
votes1
answer79
viewsHow can I put another slide like this without conflicts and the two work?
Javascript <script type="text/javascript"> function setaImagem(){ var settings = { primeiraImg: function(){ elemento = document.querySelector("#slider a:first-child");…
-
1
votes1
answer34
viewsText leaving the table after adding images
I have a table composed of 5 rows and 3 columns in which the first and third columns are being filled by gifs, and the second column is being filled by text. My problem is this: when I add the…
-
1
votes2
answers467
viewsBootstrap navbar background image does not repeat in extended menu in responsive
I have a problem with the responsive version of the navbar. I put a background image as below: For that, I did it that way: .navbar{ padding: 1.3rem 1rem; background:…
-
1
votes2
answers53
viewsButtons don’t change color
The buttons were to be blue according to the .rounded-button.blue, but they’re black and only the edge works. What’s wrong? .client-buttons { position: absolute; top: 12px; left: 12px; z-index: 100;…
-
1
votes1
answer71
viewsHow to write a shorthand containing several arguments of length?
Consider the shorthand background. With him, I can do it: .variable { background-image: url('image.png'); background-size: 70px 60px; background-repeat: no-repeat; background-position: 95% 50%; }…
-
1
votes1
answer1164
viewsWhat is the appropriate use of display: table?
As its name says, the display table makes the element (Divs, sections, etc.) have a very similar behavior to a table with the tag <table>, where we can use child elements with the property…
-
1
votes2
answers171
viewsNews page | Picture and texo next door
Good afternoon I’m building a news page but I’m having a problem with not being able to add text next to the image and I’m not getting why. I am using bootstrap 4 and I already have the page like…
-
1
votes1
answer132
viewsAdd link in <a onclick
The page is this The menus are made with Anchors and I wanted to add a link to redirect to an external page in exactly the same place. I tried to add one but without success, I have knowledge of…
-
1
votes2
answers92
viewsHow to back a label against a Checkbox
Sorry for the simplicity of the problem, but I don’t know how to do it properly... I need to align the second label according to the image below where I indicated red. It needs to be indented and…
-
1
votes2
answers1295
viewsChanging colors when hovering the mouse
The following code is able to perform the following task: By clicking the "Create Square" button, a red square is rendered on the screen at each click. I wish that, when passing the mouse over these…
-
1
votes0
answers76
viewsDoubt with the CSS nomenclature
The CSS can be applied in three different ways in a document HTML: within the tag itself (inline): <body> <h1 style='color: red';> Hello World </h1> </body> within the tag…
-
1
votes1
answer272
viewsDifferent forms on the same line
I have two forms in my code, and HTML gave a line break between the two. I would like both to be printed side by side, to save screen space. I’d like to know how to do this using CSS or Bootstrap 3.…
-
1
votes2
answers157
viewsAlign button inside Alert
The needing leaves a button lining inside the boostrap "Alert" element. I tried to do this with the "pull-right" class, but half the button is outside the element. Someone can help me? <script…
-
1
votes1
answer79
viewsEffect with Hover in two elements
I am trying to make an effect that, when passing the mouse on some topic, the others decrease the opacity, highlighting the topic on which the mouse is. In addition, the Hover changes the color from…
-
1
votes1
answer54
viewsButton continue loading while loading PHP
I have an html page, where when the button UPDATE is performed a loading action, what I would like to do is that this loading only finished running when the file PHP finished running, because the…
-
1
votes2
answers511
viewsmargin-top has no effect on text within the div
I’m trying to apply margin-top in tag p of my text with the intention that it should come down, but I do not know why it is not working. Every time I apply the margin-top, the effect ends up being…
-
1
votes1
answer802
viewsPseudoclass :not() does not work with combinator
I have this code html: <article> <p class="ola"> cafe </p> <p>Primeiro parágrafo</p> <p>Segundo parágrafo</p> <aside> <h1>Informações</h1>…
-
1
votes1
answer41
viewsResponsive background-image
hello, I have a problem in the responsive part of my site where the background image is cut when the site is on mobile, I would like to know how to adjust the image so that it looks the same on the…
-
1
votes0
answers90
viewsiframe with problems in mobile version and resolution changed
I am developing my first website and am having some problems with a page; specifically the Portfolio page. To create a catalog menu, I used an iframe with the images and created a menu to direct the…
-
1
votes2
answers398
viewsWhy does width and height not work in this case?
Well, I’ve tested it in various ways, changing the element spanfor h6, for strong, and others, and nothing! There was no way, until now, to format the widthand height of an element within the tag…
-
1
votes1
answer57
viewsHelp - Circular DIV with responsive background image
Dear friends, good afternoon! I need help to create a div with background image. I made that code: .this-image{ //border: 2px solid #AD235E; border-radius: 150px; width: 200px; height: 190px;…
-
1
votes1
answer47
viewsJquery selectors - Find and swap Css class of an element
I am creating a Timeline and would like to apply an iterativity when I click on each card/node. I would like to click (expand card) on the link in the tag <a> whose css class is…
-
1
votes1
answer442
viewsInsert Html into Html without changing Styles
I am capturing emails to be shown on screen, in html. But my page has some styles already applied, so I include html extracted from the email body. The styles present in this html change the one on…
-
1
votes1
answer510
viewsHow to align flexbox buttons in Angular?
I’m having trouble aligning the buttons on a screen using flexbox. I’ve tried several property combinations fxLayoutAlign but I can’t get the expected result. What I want to do is align 3 buttons as…
-
1
votes0
answers42
viewsForm does not appear on google maps in expanded mode
I’m a beginner in javascript and css. The program was developed in . net vistual studio. The problem is this: I have a page that has a map where I make a circle in a region of it. The behavior that…
-
1
votes0
answers50
viewsHow to put border-Radius in a span for the entire line even where there is break?
CSS: .mark-style { background-image: linear-gradient(to right, transparent 50%, rgb(183, 202, 88) 50%); background-size: 200% 90%; font-size: inherit; background-repeat: repeat-x;…
-
1
votes0
answers279
viewsWhat is the use and how do you use fit-content, max-content, and min-content from the width property?
I already read several documentations about these property values width, but I couldn’t figure out what it was for. From what I tested in my examples the result is apparently the same. For example,…
cssasked 5 years, 2 months ago Leandro Nascimento 11 -
1
votes1
answer247
viewsStyling Html5 datepicker
I know it’s possible to style input date of html5. ::-webkit-datetime-edit { padding: 1em; } ::-webkit-datetime-edit-fields-wrapper { background: silver; } ::-webkit-datetime-edit-text { color: red;…
-
1
votes1
answer406
viewsDropdown in vertical menu with bootstrap 4
I need to make a vertical menu following this layout but I’m having difficulties to make the menu open one dropdown I’m using bootstrap 4 follows my code + the layout image of how it should look.…
-
1
votes1
answer42
viewsColumns don’t line up inside Row
I’m trying to align a grid as follows: 3 columns x N rows <div class="row" style="margin-top: 150px;"> @forelse($models as $model) <div class="col-md-4" style="margin-left: 5px;">…
-
1
votes1
answer180
viewsdiv is not centered on mobile
I have the following modal and inside it basically there’s an image in the upper left area and a text on the right side of the image and then a form. Everything is working perfectly well, but when…
-
1
votes1
answer442
viewsContent of the div adjusting to its size?
I have a div that controls the maximum size an image can have. I would like the image to fit the size of the div, without cutting part of it (as in overflow: hide). I used the overflow:hide the…
-
1
votes2
answers153
viewsDetermine CSS property based on a javascript condition
HTML <tr class="linha"> <td class="tipoMov">Receita</td> <td>Corte de cabelo</td> <td>R$20,00</td> </tr> Javascript window.onload = function(){…
-
1
votes2
answers645
viewsHow to center Brand logo on Bootstrap 4 and leave menu items below?
I am carrying out a project and I am having difficulty centralizing the logo and leave the menu items below, so that everything is part of the navbar and that when the break for mobile tablet…
-
1
votes1
answer337
viewsIssue with route in Laravel; my page does not access the bootstrap files that are on the layout page
I would like a little strength, I am starting with Laravel 6 and I have the following problem; I have a layout page inside the "views>layouts" folder called "admin.blade.php": On it are my…
-
1
votes1
answer157
viewsTranslatex() needs to be activated in a <li> and move a <Nav>
The problem I’m having is that I’m making a burger menu, this burger menu, once opened, has a specific field that when passing the mouse would have to open a sub menu, my idea is that this submenu…