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
-
0
votes1
answer116
viewsHow to highlight a table element from the JS
I am making a simple bingo using html, css, ajax and JS. Table elements are brought from a request, within an array and placed in the table(...). Using the onclick function, picked a random number…
-
0
votes1
answer93
viewsChange the display form of selected items in select
I have the select with search field and with all selected default values, as shown: $(document).ready(function() { $(".meuselect").select2(); }); <link…
-
0
votes1
answer115
viewsbutton to return to the beginning of the page
Good afternoon, I am doing a project and created a button to return to the beginning of the page, but this does not appear when requested. I have seen videos lessons, numerous tutorials and nothing.…
-
0
votes1
answer34
viewsPure CSS drop box
I made a simple menu with drop box, but when I hover over it, the other elements of my li breaks. I would like to know why. body { font-family: 'Raleway', sans-serif; } /* Menu */ .menu {…
-
0
votes0
answers73
viewsCSS value check
Some time ago I even asked this question here in the forum, where they answered link and helped me a lot. Stayed that way: #mostrar { display: none; } #idfornecedor:not(:placeholder-shown):hover +…
-
0
votes2
answers186
viewsPlace arrow keys to change over the carousel
Good, I needed to put the arrows on my carousel that are meant to change the image over the carousel this way: I already used the z-index and tried to change the display but it is not on top of the…
-
0
votes2
answers152
viewsWay not to break a line when creating an input element
I started a project in HTML, CSS and Javascript and came across the following situation: when I create an input element in html it automatically skips a line in relation to the other elements, I…
-
0
votes1
answer98
viewsDoes anyone know if it is possible to style the native Chrome Notification (API)?
Hello, I’ve been asked to use Chrome’s native Notification (API) to display a notification to the user as soon as they enter the system (I know I could use other modes, but I’ve been asked to use…
-
0
votes1
answer59
viewsHow to solve these two problems in my code?
What am I doing? Well, I’m creating a slider (<input="range">) in which you hover over it and it shows its value in a <div>and that <div> has the goal of following the slider as…
-
0
votes1
answer43
viewsProblems to align <Nav> bar to left
Hey guys I am new in CSS, and I’m having some difficulty formatting some things recently. I attended a class to make this code navbar below and fitted a Parallax I had done yesterday already in this…
-
0
votes1
answer74
viewsChange the cursor bar in an edit field with CSS JS or Jquery
Hello, I would like to change (stylize) the cursor bar (flashing) into edit fields in HTML pages. Not the cursor, but the cursor bar. I researched a lot here at SOPT and found very interesting…
-
0
votes1
answer414
viewsChange the color of menu items by hovering the mouse
all right? I’m having a problem with CSS, which is the following: When hovering over the other menu items, I need the color of the letter to change to white, and also when the menu is selected, the…
-
0
votes1
answer43
viewsalign Html.Textboxfor right css
I can’t align a @Html.Textboxfor of the request I’ve tried in several ways. <!--NF--> <div class="col-md-2"> <p><strong> NF</strong></p> <p>…
-
0
votes1
answer55
viewsWhat’s the difference between writing the styling codes in the html file and css?
Have any problem writing the styling codes in the file .html (in the <head><style></style></head>) instead of writing to the file .css? I’m having a problem with my codes…
-
0
votes0
answers96
viewsModals always opening the same div
Hello, I am doing a work in which there is a table with a button in each Row, and in each button, when clicked, a modal appears. This modal contains a slider input and a div where the text written…
-
0
votes0
answers29
viewsHow to use overlay in a dialog inside a window in Kendo UI?
I currently use the Kendo Ui Angular I am currently trying to use inside a window a component that calls a dialog, but my dialog is not applying the overlay opacity effect, currently having this…
-
0
votes2
answers114
viewsWidth defined in css appears as Undefined for Javascript
The problem is this: 1-I created a div and defined its style by its class, in css. Including width. 2- In javascript I try to search to change the value of this width, via "myDiv.style.width", but…
-
0
votes1
answer137
viewsStyling Elements with Function (Javascript)
I’m creating a javascript exercise, my idea was to create a function that would give me as return an icon, I’m using the Fontawesome for this. I managed to make him show the icon and the message but…
-
0
votes2
answers54
viewsWhy is the red background color not being applied in the menu?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta…
-
0
votes0
answers101
viewshow can I make my carousel change image without javascript
Hello, I created a carousel with 3 images and wanted to make them change automatically without running a javascript code. I’ve been searching but everyone recommends using javascript and other ways…
-
0
votes2
answers58
viewsproperty order does not work
Good i created a page for pc and wanted the order that shows some things to be changed with the css order property, but I n what happens that is not changing the order of the objects, someone can…
-
0
votes0
answers510
viewsOverflow in Material Table
Good morning, I have a table with material table and I need that when the column data exceeds its size, it generates a scroll with overflow. It’s been a while since I’ve been looking and trying and…
-
0
votes1
answer802
viewsExpand and Collect div
I have a div (#Adm) that shows me the result of all registered users and in front a button to unlock or block the user. How do I click it, make it expand and retract showing the results ? <div…
-
0
votes1
answer117
viewsBEM pattern in CSS
I am using the standard WELL and came to me a doubt, when I have an element with children and grandchildren, how should I name my classes? I will use code to give this example: <header…
-
0
votes1
answer358
viewsReplace input file with icon/image with Image Preview
I have a form where it has a input file with preview image before upload, trying to replace the input for an image, but I’m not getting it. PREVIEW SCRIPT <script> // PREVIEW FOTO function…
-
0
votes0
answers71
viewsSASS Mixin and Hover: How to write the Hover by changing mixin parameters?
Hi. I’m new to SASS, so I’m sorry if it’s a silly question, but I couldn’t find anywhere on the Internet with an answer for her, so... I’m working on a project that has a button template. I created…
-
0
votes1
answer758
viewsHide buttons while printing, using window.print()
I have a list where the user can print through the window.print(), but is appearing the 2 buttons that has on the page. It is possible to "hide" these buttons through the CSS at the time of…
cssasked 4 years, 10 months ago user175046 -
0
votes1
answer118
viewsGrid varying size according to text
I need to leave the Section FAQ with a fixed position, in the images it is easier to understand what is happening need that Faq has a fixed position and does not change depending on the text size of…
cssasked 4 years, 10 months ago MeninaLobo 19 -
0
votes0
answers420
viewsCSS Printing: Image Cropped in Page Break [Solved]
I’m having trouble printing, when using an image, the same cutting in the page break, I tried to use page-break-inside: avoid;, didn’t solve. What can I do to prevent images from being cut when…
-
0
votes0
answers67
viewsBorder in CSS is changing the output of getBoundingClientRect()
I’m creating a Snake Game in Javascript and to perform animations, collision detection and others, I use the function getBoundingClientRect(), to get the position left and top of a game element. I…
-
0
votes1
answer188
viewsposition: Sticky does not work in my header
Guys, I have a header that position: Sticky is not working and I don’t understand why. HTML <header class="header_bg"> <div class="container"> <div class="header"> <div…
-
0
votes1
answer35
viewsDisplay image only on those with database data and display name when mouse over image
Good afternoon, I have a list of patients, where displays files through a href giving to visualize them, i want to display an image instead of a "link" (as it is in the picture below) and when I…
-
0
votes2
answers47
viewsWhy doesn’t the contents disappear or appear when I mark the radio buttons?
<!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">…
-
0
votes1
answer36
viewsWhy is first-Child selecting the <p> element?
<!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">…
-
0
votes1
answer75
viewsRotate Element on Click
Well I am with 1 problem, I am using the accordion of jquery that when clicking on a list, it expands and shows all the information, associated to this "project". My problem and q I have an arrow to…
-
0
votes1
answer40
viewscreate fixed top menu bar
I wanted to know how to create a fixed menu bar at the top, next to a side menu, that when scrolling the content div both the side menu and the top menu remain fixed. Follow html and template css.…
-
0
votes1
answer113
viewsnavbar bootstrap is not at the top of the page
I am at the beginning of the production of a site, but my navbar is not in the top, it is in the middle of the page: my html is like this: <body> <nav class="navbar navbar-expand-lg…
-
0
votes2
answers140
viewsCreate a thought bubble in css
.balloon-box { width: 281px; height: 53px; background: #f1f1f1; border-radius: 26.5px; text-align: center; } .balloon-box::after { content: ""; display: block; width: 17px; height: 17px;…
-
0
votes2
answers75
viewsWidth changing unlike function logic
I am creating a page, the goal is whenever I click to expand the menu the resolution of the div decrease a little and whenever I click again this resolution increase pro normal size. My logic was…
-
0
votes2
answers49
viewsShow hidden text when switching lines
I have a problem with my checkbox css. Checkbox code: .funkyradio div { clear: both; overflow: hidden; } .funkyradio label { width: 100%; border-radius: 3px; border: 1px solid #D1D3D4; font-weight:…
-
0
votes1
answer298
viewsHow to make low relief effect in texts?
I would like to make a bas-relief effect on a text. Using the property text-shadow it is possible to do this, as shown below: .box{ font-family: Arial; background: #bababa; text-shadow: 1px 1px 1px…
-
0
votes1
answer104
viewsDynamic textarea when editing form
I’ll try to explain my problem. Initially I consult the information, where the textarea automatically adjusts the size according to the text that returns from the database. I’m doing it this way:…
-
0
votes1
answer2746
viewsJquery - Add HTML attribute to a specific element
I am trying to access a specific input through your ID to add an attribute. I want to add pattern="[0-9]*" inputmode="numeric" <label class="prefixo"><input type="number" class="fitext…
-
0
votes1
answer390
viewsHow to overpower the father div by getting behind the daughter div
I’m using the jQuery.Gantt in a project and need to do several customizations. One of the customizations is to hover the mouse over an element (in blue) display a tooltip. The problem is that there…
-
0
votes1
answer327
viewsCSS: Pass values/parameters through class names
I would like to know if there is the possibility of informing values through class names to be used as values in the properties of the same. Example: .text-(color) { color: (color); } The result…
-
0
votes2
answers2044
viewsStylize checkbox
I’m trying to leave the checkbox this way: But I’m not getting to leave the gray background as a pattern, and only when it’s marked will it be blue. Follow my code: input[type=checkbox] { position:…
-
0
votes1
answer81
viewsChange CSS with Javascript
I have this code: function convert() { var bord = window.document.getElementById("borda") var b = Number(bord.value) document.getElementById("caixa").style.widht = "10px" } <div id="caixa"…
-
0
votes1
answer77
viewsProblem to access modal-footer in modal
I have the following modal with the following form inside and css. $(document).ready(function() { $('.modal').css('overflow-y','visible'); }); .container { max-width: auto; margin: 0 auto;…
-
0
votes3
answers165
viewsDifficulties in running Whatsapp button source code in HTML
I’m creating a sales website and I added a Whatsapp contact button that is at the bottom of the page (is floating if I’m not mistaken), even though I mirrored Whatsapp to the web browser it error…
-
0
votes1
answer44
viewsCSS of different Ids for the same Classes
How can I apply the same attributes and the same classes but with different product ids? The following code is working but I think we can simplify this CSS .postid-2201 .product .summary .cart…