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
answer876
viewsClose modal by clicking outside
I have a modal that when I click out of it I would like it to close. For reasons of position problems, I’m using data-backdrop=false My modal: <div class="bd-example"> <button type="button"…
-
1
votes2
answers242
viewsHow can I create an event where I click on a div that contains details of a product and after that this product opens on the same page?
What I want to do: a section on my site where you have a div with title, an image and a text q represents something, for example a drum (musical instrument). And that when I click on this div to…
-
1
votes1
answer126
viewsBack to top button is not overwriting the footer
I have the following problem, I created a button back to the top, positioned it in the lower right corner and gave a position:fixed in it. I’m making use of jQuery library. The problem occurred when…
-
1
votes0
answers60
viewsDetermine Bootstrap column width when detecting overflow in div
Currently the distribution of Boostrap columns is fixed in size 2, example: col-lg-2, but inside that column is a <ul> with several <li>, and when overflow occurs to <ul> is…
-
1
votes1
answer200
viewsHover mouse - image descend effect
How can I make an effect by hovering the mouse over the image, scrolling a box below that image? Ps: similar to MENU when hovering the mouse <a target="_blank" href="cadastro" ><img…
-
1
votes1
answer1816
viewsSpace between HTML tags
I’m a beginner in HTML and CSS development, and I’m having a hard time understanding why between html tags is a space. As in the following example where I have a header, a div and a footer with…
-
1
votes1
answer434
viewsFloat elements with CSS Grid
Good morning friends. I have the following problem: I need to make the elements float with CSS Grid without having a specific Row defined. For example, in the following image, there should not be…
-
1
votes1
answer80
views -
1
votes1
answer41
viewsForm disfigures DIV
Div doesn’t stand side by side after I insert the {!! Form:: Inside the div Row, the div COL are broken, one below the other instead of side to side. Is it possible to solve this ? or it’s normal…
-
1
votes1
answer43
viewsPut Transition effect on div which is added class as scroll
I’m trying to add a Transition in a div where I add a class according to the scroll, but it’s not working. Could someone try to help me understand why? window.addEventListener('scroll', function(){…
-
1
votes4
answers480
viewsAlign text vertically to an image
I have two text sections on each side with an image in the middle,and I want to align the text sections vertically with the middle of the image how do I do? Thank you <div class="fourth">…
-
1
votes3
answers1188
viewsAlign button at the end of table
I have this table <div class="container"> <div class="row"> <div class="col-md-12"> <table class="table table-striped table-bordered"> <caption>Lista de Tipo de…
-
1
votes2
answers37
viewsPrint radio checked in Ulkitcss
I use Ulkitcss and have snippets of a form with radio input fields as below. When printing (Ctrl+p or window.print() or $windows.print) the field is not checked. The selected radio simply does not…
cssasked 6 years, 3 months ago Israel Zebulon 1,758 -
1
votes2
answers23
viewsChanging the Button Source
Guys wanted to know how I could make my button not turn purple because of the hyperlink. I wanted to leave in this appearance the button more or less. Code: <button class="button">…
-
1
votes1
answer1341
views -
1
votes1
answer132
viewsbringing the <p> tag in front of a div
I have the following code: $("[data-ripple]").hover(function(e) { var $self = $(this.parentNode); var $color = $(this).data("ripple"); var $divServicos = document.getElementById("div-servicos");…
-
1
votes2
answers843
viewsRandom colors on buttons
I would like my buttons to change color every time the page is updated. I made some java code script that is not working and would like help to identify my mistake. <script> let r =…
-
1
votes1
answer19
viewsHow to align DIV s horizontally without them breaking line?
I have the following CSS: div.config-pai{ width: 100%; } div.config-pai div{ position: relative; float: left; width: 20%; background-color:#666; border:none; cursor:pointer; color:#FFFFFF;…
-
1
votes1
answer522
viewsHow to check if the password fields are equal and larger than eight digits?
I got the following HTML and would like there to be a check on javascript to see if in the fields the characters typed are equal and larger than eight digits, to enable the button submit. I have a…
-
1
votes0
answers26
viewsGive an icon to a topic on xenforum
Good afternoon! I would like to put an image, in the square represented in the image below, I have tried of clotheslines forms (.node_ID > div > span, for example) but I could not. Can someone…
cssasked 6 years, 3 months ago Francisco Ribeiro 11 -
1
votes1
answer45
viewsHeader does not get responsive in 320PX using Flexbox
I am starting to use flexbox but I have a giant problem that I cannot solve in several layouts. Both the header and Nav and li are hidden in the Mobile Solution, Iphone 320x568 and there is a white…
-
1
votes1
answer764
viewsbackground-image does not work in Ction what to do?
Html: <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta charset=”UTF-8”> <meta name="author" content="Agencia de Marketing Digital Cmk"> <meta name="description"…
cssasked 6 years, 3 months ago Jeferson Marcelino 29 -
1
votes2
answers82
viewsPositioning text when using -Webkit-Transition
I’m trying to make a bar with text and image appear when clicking a button (as if it were a notification), this bar will grow until it reaches maximum size and revealing the content, but while the…
-
1
votes1
answer2134
viewsInclude CSS when generating a PDF using PHP’s MPDF class
Good morning! I need to generate a report, in this report I have some CSS for better organization. I can generate the PDF, but the styles are not loaded next to the HTML. I’ve tried to put the CSS…
-
1
votes1
answer138
viewsVertical scroll bar
My site has a scroll bar just below Footer. #main { display: -ms-grid; display: grid; grid-template-areas: "header header" "nav nav" "content aside" "footer footer" "privacidade privacidade"; }…
-
1
votes4
answers3001
viewsHide navbar when item is clicked
I am developing a site whose menu is the dropdown navbar of bootstrap 4. When I view the site on a smaller screen, the Nav is replaced by the burger button and is only "activated" when this button…
-
1
votes0
answers167
viewsHow to call a function within Frame?
I want to call a function I have inside a iframe. I program in Ionic and wanted to know how to do it through Javascript or HTML. Inside Javascript I have a variable (Z = 2.5, only one example of…
-
1
votes1
answer119
viewsText larger than the button
I got a problem I can’t seem to solve. I made an accordion, as in the image below using bootstra 4, the desktop version of it looks like this: But the cell phone version the text gets bigger and…
-
1
votes1
answer201
viewsHow to control height within a Grid?
Currently, I have the code below, I would like to descend to marca and meta to the edge of the red line, how can I move them ? html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body {…
-
1
votes1
answer252
viewsSplit query result into columns
I have a select that brings items with prices, as I do to divide the result into two columns: Examples: I hope to leave it this way: Follow my code: <html> <head> <meta…
-
1
votes2
answers63
viewsHow do I make a text that recently adds to the code stand at the top of the page?
Look at this example code: <article> <div> <ul> <li> </li> <li> </li> <li> </li> <li> </li> </ul> In my code inside each li…
-
1
votes2
answers204
viewsI’m not getting to work with localStorage
I have the following javascript code: const player1 = "X"; const player2 = "O"; var playTime = player1; var gameOver = false; var pontuacaoX = 0; var pontuacaoO = 0; var chaveX = 'scoreX'; var…
-
1
votes1
answer219
viewsSVG with bottom 0 on footer and still with white space
Good afternoon I have a problem in my layout, svg is in the footer position and I can’t remove the blank at the bottom of the page. I tried on the body I don’t think it’s his property. <svg…
-
1
votes3
answers840
viewsHow to set a limit of 4 images per line?
I want to place a row of 4 images with a small text below each image, I already know how to do this, but I have many images and I need each row to have a maximum of 4 images. I tried to do this…
-
1
votes1
answer645
viewsPrepare mobile responsive Iframe or embed
Guys I have a project c# MVC5 and my scenario is as follows: I have to open in a friendly url a large series of pages (with media content) made by third parties. One at a time clear (according to…
-
1
votes1
answer439
viewsHow to take the first and last class Parent of a div contained within a TD via CSS/SASS?
I would like to know how to get the first and last Rent of a class set (.date) that is contained in a div within an element . Following is an example of a code tree: <table> <tr>…
-
1
votes1
answer69
viewsManipulating CSS Gradient
I have a gradient to make, with a 5-color split and in the range of each, it has to be exactly divided. Follow image of what I need to do: What I managed to do with CSS: .area{ width: 100%; padding:…
-
1
votes1
answer170
viewsHTML/CSS - Menus with sub-menus overlap
Hello, I have an application in Delphi that generates an HTML code from some register that the user does. I mount a tree of menus and sub-menus in an HTML, however, when there are many menus in the…
-
1
votes0
answers138
viewsnavbar does not load properly
I’m studying HTML and decided to add the Bootstrap 4 in a small project. When browsing the component listing on the Bootstrap I came across the following navbar: <nav class="navbar…
-
1
votes4
answers389
viewsmedia querie does not work
Hi, I’m trying to get the background of a Ction to have a color on mobile and a desktop image but it doesn’t work. I’ll send you the code and print it out. Apparently you seem to be right, but it…
-
1
votes2
answers1166
viewsHow to make an HTML form responsive
I have an HTML and CSS form that is perfect on my site, but when I try to open it on a mobile device (mobile or tablet) it is totally distorted. I am using Bootstrap as a CSS framework. My code:…
-
1
votes1
answer451
viewsCreate a div with links to social networks
Everybody, good afternoon, everybody. I would like a help to create a div with 3 images for social networks, but I would like them to be divided in equal parts, as well as in the image below: So far…
-
1
votes3
answers163
viewsHow to draw a ribbon(gift loop or label) on a div?
How do I draw this green (Ribbon) loop in the top right corner of the center div? I couldn’t find a way to do it, could someone help me with that? After the answer I can edit the question to make it…
-
1
votes1
answer374
viewsEffect on input type="date"
Good night, you guys! I’m having a little trouble getting an effect on input type="date". I can do it normally in the input type="text" (first print shows without the effect and the second shows…
-
1
votes1
answer54
viewsDo not "terminate" the effect when you have something in the input
Good afternoon, you guys! I have the following problem: my input does an effect when it is selected (as shown in the first print) and ends the effect when it takes the focus from it (as shown in the…
-
1
votes1
answer191
viewsHow to align texts within an html table
I am trying to make the Brazilian table to exercise the concept of tables I learned. But when I put the data on victories and defeats they all get disorganized. table#brasileirao{ border: 1px solid…
-
1
votes1
answer872
viewsHow to apply Hover to all *siblings or *children?
Good evening Guys, this is my first question here on the forum, so sorry if it doesn’t formulate in the best way. The problem I’m facing is applying the css effect :Hover to all sibling or child…
-
1
votes1
answer792
viewsBanner animated with HTML5
Good afternoon Folks, I received a request to create an animated banner in HTML5. I created the banner using HTML and CSS, and it worked correctly. The client was trying to implement on his site,…
-
1
votes1
answer50
viewsLogin is creating a bottom spacing with CSS
Guys, I have this css code for Login. What happens is that there must be some error because I get a huge spacing at the bottom of the screen. I leave you my code <style> /* Full-width input…
-
1
votes1
answer122
viewsDifficulties with responsiveness for complex layout
Good afternoon, all good? I have a doubt, if it takes a lot of work, do not even need to do, just give me a light, because I believe I’m not making this layout the best way to be responsive and I’m…