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
answer1945
viewsPaging with Vue.Js
I created a component that does the paging and takes the items sent by the server that are already paginated in 5 per page. The next button works correctly bringing all pages, but the pagination…
-
0
votes2
answers150
views -
0
votes2
answers336
viewsSocial button login Google and Facebook round
I have Google and Facebook social login button working in my application, but I would like to set both round. I’m using the default setting for both. Google <div id="my-signin2"…
-
0
votes1
answer61
viewsDIV lose alignment if it is with a number of different lines
I’m trying to line up some divs but I realized that when the div that’s on the other side is not with the same line number on <p> it simply loses alignment, I am developing in Laravel using…
-
0
votes1
answer114
viewsProblem changing background color
Even adding body{background-color:#CCCACC;} in the CSS the background still white. @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); @import…
-
0
votes2
answers2081
viewsChange the color of the Nav bootstrap 4 link
I have the menu below: But I would like the color of the link to be #3E4095 and the Hover #FFFF00. How can I change the color on Bootstrap 4? <nav class="navbar navbar-expand-lg navbar-light">…
-
0
votes1
answer126
viewsFloat ignores the margin
I want to line up a div to the right, but keep the margins as they were imposed, only he ignores them and stays out of the div box. I think with this picture you can see better .answer {margin: 20px…
-
0
votes2
answers434
viewsMake a screen responsive to monitor resolution
Good morning! I have a login screen, I’m doing with bootstrap 4. How I would adjust the layout of the page so that the background image is not missing or exploded. As you can see in the image below,…
-
0
votes1
answer31
viewsAdd Css Style to a Viewport from a specific page in the visual studio bootstrap
I’m new to CSS and I’m studying some elements. When Creating an ASP.NET CORE MVC project with Visual Studio 2017, automatically all content is already placed within a body-content that keeps content…
-
0
votes1
answer54
viewsAlign a logo in the center of the Form
Hello. I have a login form, only I need to align a logo to the center of this form, so that this alignment is responsive. I know it has some forms, but what is the best way to make this alignment?…
-
0
votes1
answer117
viewsinput password in css does not work
I use the same CSS code for both the input "text" and the password, but for one it works and for the other it doesn’t:(see photo) Code in CSS #contact input[type="text"], #contact…
-
0
votes1
answer117
viewsPut description in image with Hover
I’d like to do this Hover effect image of this site, but I’m not getting $('.img').on('mouseover', function(e) { $(this).css({ 'opacity': '0.5' }); $('.hiddenDiv').css({ 'display': 'block' }); });…
-
0
votes0
answers87
viewsIs it possible to change the CSS code of an existing page by just linking to another page?
The question is this: I have a call system (GLPI) that by default is responsive, but does not look cool in mobile version. I’m studying javascript >> React and then try to create a full mobile…
-
0
votes1
answer34
viewsFind div that contains image and add class for CSS recognition
I need help finding tags <img> inside the structure below. When found, add a "hasimg" class together with the "skuFiltro" tag class <ul> primary. I need to recognize if you have image or…
-
0
votes1
answer384
viewsDropdown menu does not appear - Laravel Project
I made a layout in which I want to put a navbar where I want to put a dropdown, but the dropdown menu does not appear, only the button is there... I tried to put Jquery but it didn’t work, follow…
-
0
votes2
answers42
viewsElement Superior to Input
Good morning, I’m putting a mask on a field that formats a phone number, but you can see that the field ID is #Field_11690, as it was created by a Wordpress plugin. ( function( $ ) { // jQuery…
-
0
votes1
answer53
viewsImages are not displayed, even with correct path
I am not able to make any browser display the grid images, it is not path problem because I opened the code in other editors that have the option to display the link of the figure and open it in…
-
0
votes0
answers107
viewsWhen rendering an application in Angular 6 the layout is breaking
I did a job with Angular 6 in a company and I didn’t touch it anymore. I went back to study to actually learn and started with a project I picked up on the internet here. Well, I followed the…
-
0
votes1
answer5340
viewsChange input border color
I have an input that takes the user’s Cpf and the validation is done in php. class CPF { protected $field_id; public function __construct( $field_id ) { $this->field_id = $field_id; } /** * Check…
-
0
votes0
answers195
viewsEmbedded videos in a responsive way
Good morning, I am developing a website and through it you can incorporate videos from both Youtube and Facebook. Youtube videos adapt perfectly according to the size of the div, the problem is even…
-
0
votes1
answer119
viewsSlidetoggle - Open and Closed Configuration - jQuery
I will present the idea that I want to do on my website and then I will show you what I have already done and what is working correctly and soon after I will present the problem that I am not able…
-
0
votes2
answers147
viewsChange the style/theme of the site and store it in Localstorage
I have a theme change system on my blog, but it has some problems, like, it can’t change the style of a div.class added by jquery (addClass) or pseudo elements styles (after/before/active etc) and…
-
0
votes0
answers65
viewsMake a table thead fixed and tbody have scroll - HTML and CSS
I have an item listing screen and everything on it is fixed, nn can have the scroll on the side, but inside this screen has a table and this table can have the scroll but the only thing q can scroll…
-
0
votes1
answer956
viewsFix navbar and give horizontal scroll on content
I’m trying to make a map with a navbar as per image: Only when moving the image on the X-axis to see the rest of the content, the navbar also moves as the image How do I enable scroll only on X-axis…
-
0
votes1
answer74
viewsHow to display hidden div after page reload?
Hello, everybody. I am developing a page where there is a hidden button that appears after a certain time. My code: HTML: <script…
-
0
votes1
answer61
viewsProblems with the positioning of the primefaces dialog
I wanted to know a way to position my dialog at a certain distance from the left side of the screen. <p:dialog id="dialogAcesso" showHeader="false" visible="true" width="500" position="left">…
-
0
votes0
answers107
viewsHow to put the duration of a song in a css variable (html javascript css)
Hello, I want to create a bar that shows the duration and current time of audio playback, for this I need to take the time of these audios and put in a variable to be used in a CSS property but I…
-
0
votes2
answers109
viewsHow to set menu to direct the user to the exact point set in href="# "
How to set a menu so that clicking on any item directs the user to the exact starting point of Section related to the clicked item? The problem is that when clicked directs to the beginning of the…
-
0
votes3
answers1204
viewsHow to change the image of a button like Javascript?
I’m doing a classic old game in HTML, CSS and Javascript, however, I want to know which command I can use to change the image of a javascript button I know it has something to do with…
-
0
votes1
answer88
viewsCss does not apply to div
I’m making a Theme for tumblr, and set a div called "info" to organize posting times and amount of notes in the post. But when I save the changes and visualize them, nothing changes. When opening…
-
0
votes1
answer45
viewsHow I fix css or code from my website logo so it always keeps the original size of width and height
added css: nav-brand-sitelogo { height: 91px!important; width: 300px!important; } element.style { height: 91px!important; width: 300px!important; } .can-shrink-brand.sticky-brand-shrink-on…
-
0
votes1
answer1261
viewsHow to change the CSS of primeNG components in Angular?
menu.component.html <p-menubar class="menuPerson" [model]="items"></p-menubar> menu.component.css .menuPerson{ background-color: olivedrab; font-size: 14px; } menu.componentts. import {…
-
0
votes1
answer57
viewsDifferent image and responsive text alignments
I’m wearing bootstrap. After the image of the car, bugged all my mind. How do I make this alignment of the images and texts under the cart and responsive? <html> <body> <div…
-
0
votes1
answer60
viewsDropdown does not work with responsiveness (Bootstrap)
Good afternoon, in the code below that I did, when I call the dropdown with the responsive page, it goes back and forth, it does not remain "open/down", I saw that could be the order of imports, I…
-
0
votes1
answer37
viewsHover with mix-blend-multipy
I have a problem when I leave the hotel. Multiply has a strange effect. Check the gif below: #accordion { padding: 80px 0; } #accordion .categoria { position: relative; cursor: pointer; } #accordion…
-
0
votes1
answer90
viewsHow to mark a specific Checkboxlist item with jquery
I have seen several examples of how to mark and unmark all, but I have not seen how to mark a specific, see: <asp:CheckBoxList ID="ChkAcoesListarGrupo" runat="server" RepeatDirection="Horizontal"…
-
0
votes2
answers240
viewscol-Md-6 occupying all space
In my contact form I need to leave on one side some information about the contact, and on the other side a form with email and message. But the part of my form of information is occupying…
-
0
votes1
answer98
viewsinput:checked does not change border as prompted in css
I am trying to change the border of an image when the input of a checkbox is selected, or my css does not leave or something is blocking. Following the logic I tested these css lines and no one gave…
-
0
votes2
answers100
viewsAlignment of the Dropdown Menu
Guys, I’m making a menu and I’m having the following problem: As you can see the items do not line up like the top****, I would have like to send this **list to the left? I tried some tags but could…
-
0
votes1
answer78
viewshtml - Two vertical scrollbars on Android
Chrome’s standard Custom Scrollbars and scrollbar are in conflict due to height:100vh. But I think Chrome detects how to 100vh is equivalent to the number of Y pixels of Android, and not that of…
-
0
votes1
answer637
viewsDoes not load the style.css in wordpress
I am studying Wordpress, but, I could not use functions.php to load the stylesheet These are the files css style. /* Theme Name: Tema Estudo Author: A Version: 1.0.0 */ body{ color: #4d5a6c…
-
0
votes2
answers98
viewsDoubt regarding Modal Bootstrap
I inserted a Modal in my HTML, however, for some reason apparently it is stuck in some part of the code , I can visualize the modal, but I can’t perform actions inside it , code and print below:…
-
0
votes0
answers50
viewsBug of Blur in input
because my css when I add the following snippet of code into my input happens this: #container-header{ height: 50px; width: 100%; background: #252525; position: fixed; top: 100%; transform:…
-
0
votes1
answer53
viewsToggle menu when I click on menu one it shows me item two
const itemLinks = document.querySelectorAll('.header-item') const navHeader = document.querySelectorAll('.nav-menu') for (let i = 0; i <…
-
0
votes1
answer104
viewsHow to make this effect ? Animation CSS?
Good afternoon There is an effect of a cart traveling a road in the link below: http://institutosorridents.org.br/ Inspecting the code I found the css code below : #rota-do-sorriso > #mapa >…
-
0
votes1
answer78
viewsAnimation CSS Multiline Typing
Good afternoon, Someone could help me with this question: I’m trying to put an animation of Typing text in the home, but with 2 lines. I’m not getting a break between the two lines, so when the…
-
0
votes2
answers539
viewsIncomplete Whatsapp API message
Good afternoon, I am developing a website and in it has a button to share a message to a certain contact, the problem is that this message is appearing incomplete. I used the Inspect Element on the…
-
0
votes0
answers28
viewsTable is not getting horizontal scrooll
so guys, I have a page pulling data from the database to the table, but the table doesn’t get the vertical scrooll when it gets bigger than the element... according to bootstrap 4.0 documentation…
-
0
votes1
answer744
viewsHow do I create circular image with css mask and Hover effect?
Does anyone know any css template ready for me to use as a reference to recreate an effect on my site that I am switching from wordpress to html/css I saw by the code that is a layer mask Hover that…
-
0
votes2
answers235
viewsChess board css
I’m having trouble putting together a chessboard, I left 4x4 just for the sake of aesthetics, someone could help me with the resolution of this? casas = 4 for(i=0;i<casas;i++){…