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
answer59
viewsA display:flex property is bugging my image
The problem is in align-items: flex-end. After I added this line, along with the display: flex. My image increases by 4px at the bottom when I hover over. And I don’t know why it happens, I need to…
-
0
votes1
answer528
viewsHow do I create this navbar?
I want to make my Nav-bar equal to that one. I want to leave, a room in the middle of the Nav-bar, I have no idea how to do that. My code now: <!DOCTYPE html> <html lang="en">…
-
0
votes1
answer36
viewsCompatibility problem with Chrome and IE, warped text
Chrome: IE: On mozzarella: It would be right to look like this on Mozilla. On Chrome and IE it is not right. I put the text on top of the image using this script: CSS: .img-containerAside{ width:…
-
0
votes2
answers149
viewsHow to get the Hover to overlap a div with overflow
I have a certain div that holds the boxes, and this div is with overflow:hidden, I wanted to open another div with a margin so negative bottom how much top, only then the suspended div did not…
-
0
votes1
answer204
viewsWorking with after and before css to add items on the screen
Well I need to add an item to div when selected, the real image should look like this: It would be this bank dot on the left in the green item. How to do this in css, using after or before can be…
-
0
votes1
answer218
viewsAdd indicator in Materialize CSS tabs
Good morning, I am with the following nescessidade, I have a project where they existed many tabs made with materialize css, but on small screen devices the tabs are hidden to the right of the…
-
0
votes1
answer176
viewsHow to align a button vertically on a Row
I’m not able to vertically align a button inside a Row. I’ve tried to insert a label to force it down, but it doesn’t even move. input[type="text"], select { /*font-size: 13px;*/ } .selectClass {…
-
0
votes1
answer634
viewsWhy does the app.component.css file not work in Angular?
When we execute in Angular the command ng g c page --spec=false it creates a component composed of four files, an HTML file, a module file, a CSS file and a file TS as shown in the figure below, in…
-
0
votes1
answer899
viewsTrying to create a score with javascript
Hello, I am a computer student and I made a game with html, css and javascript. Unfortunately when I created the scoreboard I ended up having a problem that I believe may be overlapping. The program…
-
0
votes1
answer26
viewsEnd of overflow away from the table
I have a table with style="overflow: auto;, only that the scroll is down there, almost 1 finger away from the table. <div style="overflow: scroll; height: 240px; width: 1000px;"> <table…
-
0
votes2
answers947
viewsHow do I give spaces between the Tag Input
I have a code and I need to organize a part of it, but I can’t. I need to enter a space between some input, but I don’t know how to do it. <tr> <td colspan="2"> <div…
-
0
votes2
answers354
viewsHow to use an external (ready) CSS style in HTML code?
My question is this, I have a code HTML which I am using to learn in my course’s classes. So after my course’s CSS wanted to use one of the templates used during the explanation in my code. I put…
-
0
votes0
answers147
viewsNavigability button does not work in Angular
Take a good look at the image below; This test just above was done in a file HTML with CSS, and it’s working perfectly, but I did the same test in an Angular project with the same code and it didn’t…
-
0
votes1
answer76
viewsIn CSS why does the :Empty pseudo-classes work and the :not(:Empty) do not work in the input?
I’m trying to make a form template where I think better of the user experience giving visual feedback when the field is filled. Then I came across a "problem" that I can’t explain... Because in the…
-
0
votes1
answer127
viewsCSS/SCSS: Generic validation element accompanying input format
I’m having a problem on my style sheet. I have a generic Input as shown below: I put an element to validate my form, the validation this OK, but I’m having problems in alignment, because if I…
-
0
votes1
answer40
viewsMenu Javascript Getid
I have a menu that has a hoverline effect ("a line that runs down the clicked element!") with Javascript, but it is created using getId by pulling the element ID. The challenge is to duplicate the…
-
0
votes1
answer90
viewsExtend the image outside the container on the left side
I have a container, and it has a split block in it. On the left side I need to get the image out of the container. Would be this model: With this structure: <div class="blog_section"> <div…
-
0
votes1
answer55
viewsSave FORM Information to the same Page
I would like a very brief help, I am making a form for sending resume with HTML + PHP, I wonder how would be done the following to add a course. (1º we added a course) , (2nd place course…
-
0
votes1
answer43
viewsHow to make image respect page content
I was able to align my image through this topic Align text after image , only that the image sits on top of some other content of the page, as I could arrange? My div: <div width="10%"…
-
0
votes0
answers284
viewsHow to center in X and Y axis the alternative text of the img tag?
How can I set up CSS to always make alternative text middle-centered in the tag <img/> in Google Chrome browser? In firefox apply only display: flex or inline-flex with align-items: center and…
-
0
votes0
answers195
viewsTooltip when mouse over map
I’m trying to make a tooltip appear by hovering the mouse over a part of an image, but it’s not working, I tried it in two ways: The first was to put title in the image map, it appears the tooltip,…
-
0
votes1
answer56
viewsBootstrap Responsiveness - Grid Issues
Hi, I’m developing a site and I need to fix this piece to stay this way on mobile But if I make a change to make it good in low resolutions, it ends up ruining the larger versions. Follow the code…
-
0
votes0
answers36
viewsSon theme is not overlapping parent theme in Wordpress
I’m putting the code in the theme son but it’s not overlapping the theme Father. Function.php: add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() {…
-
0
votes0
answers141
viewsCard Flip css/js effect does not work in safari
I have a simple code I developed, from a card flip effect, example below. Works on google quiet, but I found that in safari has a bug when the card turns, I searched on, I found some prefixes for…
-
0
votes1
answer735
viewsPosition Fixed mixing margin
When I set my header#header header as Fixed position, it took the style (for example the margin) of div.interface, I don’t understand why this happens, I want my div.interface to have…
-
0
votes1
answer91
viewsSlide transition
I have this code (Internet model) automatic slide transition. I wonder how I would put the effect "Fade". <img class="mySlides"…
-
0
votes0
answers43
viewssetcustomvalidity tooltip position
I have two inputs with setCustomValidity. In the first input the setCustomValidity tooltip appears correctly aligned to the left, as in the image below: But in the other input it appears aligned to…
-
0
votes1
answer149
viewsClose Dropdown submenus when closing the Main Dropdown
$(document).ready(function(){ $('.dropdown-submenu a.sub').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); .dropdown-submenu { position:…
-
0
votes1
answer39
viewsselectize js is behind the input
I’m using selectize and I’m having a problem imput is behind my table and the states only the first is on the white background the others are transparent someone knows how I can solve this? Follow…
-
0
votes2
answers39
viewsI need to create a shape via css so that the user knows he has selected a button
My company has a WP template granted by another in which we do not have access to FTP, only CSS edits. But clicking on select the page does nothing. I tried to add a color change to the button, but…
-
0
votes1
answer932
viewsCenter text within a fixed HTML CSS header
Guys may seem silly, but I can’t center the text of my menu(It’s a little lower than up), I’ve tried padding, align: center, margin, I don’t know why this happens, who will answer please take the…
-
0
votes1
answer72
viewsShow mysql database data in a php/html page
I have a problem showing data from a database table on the screen. I was able to show the data but I can’t jump the line, show the data sequentially, code below. $sql = $connection->query("Select…
-
0
votes1
answer35
viewscss hover property is not covering the next item
I have two rectangles of the screen with information inside. I used the CSS Hover property, so that when the mouse is passed over, the rectangle increases in size. But it does not cover the…
-
0
votes1
answer937
viewsAdd and remove classes in Angular
I have a card that will appear on certain occasions. As an effect I am using the bootstrap design material to give a Zoomin. I am using ng4-clickout to when click out of my element it apply the…
-
0
votes0
answers51
viewsItems on the screen dynamically, regardless of screen size
Good afternoon. How can I get items to be in the same place regardless of the screen used for the display? I use a 14 inch screen, when it displays the screen on a larger screen, the items are…
-
0
votes0
answers27
viewsText type input element dropdown with javascript
I’m developing a login page, but the dropdown style of <input> changes in each browser. I have been searching and found that there is no way to change its style with CSS, because that style is…
-
0
votes0
answers183
viewsHow to use an AND-type condition with CSS selectors?
Well, I’m using a CSS block where I need to change an element, but that change depends on whether two other elements correspond to a particular state; example: to change . textAlteration, the…
-
0
votes1
answer400
viewsHow to place the table in a certain position
Well I created a main div and I put a left and right part, and I will make a table of the Brasileirão on the right, and on the left what I will put in the image below My code <!DOCTYPE html>…
-
0
votes0
answers66
viewsSection - CSS does not work
I’m having a problem with the Section of my code. It is all without formatting, I cleaned the browser cache to see if it worked and still not getting CSS. .newsletter { width: 100%; float: left;…
-
0
votes1
answer51
viewsHow to make multiple images responsive
section { font:bold; text-align: center; } h1 { font-size: 30px; text-align: center; color:…
-
0
votes1
answer95
viewsPrevent the pseudo element ::before from receiving the effects of Hover applied to its parent
Hello, I’m applying Hover to an element, and this one contains a pseudo element before, in which it is receiving the effects of Hover of his parent element. This image shows the problem: Note that…
-
0
votes1
answer55
viewsHow to create a filter with images?
I am creating a project that lists several images of establishments, I want to create a filter so that I search the name of the store and appear only her, or research the type of cuisine, distance…
-
0
votes0
answers136
viewsBody with 100% height does not work with auto div height inside
My CSS: * { margin: 0; padding: 0; border: 0; font-family: 'Roboto', sans-serif; } html { height: 100%; width: 100%; } body { height: 100%; /* 707.38px */ width: 100%; background-image:…
-
0
votes1
answer148
viewsCheck and display message if the date is less than the Current Date
I have a field on my system where I would like to display a real-time message if the date typed is earlier than today. It wouldn’t be a validation, just show the alert. I’m having difficulties with…
-
0
votes1
answer365
viewsError in bootstrap tab-content. Shows stacked elements in tabs toggle
Good afternoon. We are developing a website for a research group of the master’s degree, I am a fellow, of the course of information systems, with little experience in web programming, who can help,…
-
0
votes1
answer139
viewsDoesn’t image cover the entire screen?
I’m developing a banner plus it’s not covering the entire screen equal to the image below it, the banner gets some white pieces around it. Note: In this same banner I’m trying to do the paralax…
-
0
votes2
answers2452
viewsHow to align a button at the bottom of a DIV
How to move a button (link) to the bottom of a DIV? <div class="item-info"> <h3><a href="https://www.lookandsoul.com.br/produto/cinto-fivela-dupla-preto/">Cinto fivela dupla…
-
0
votes1
answer477
viewsHow to add a logo to the HTML+CSS menu?
What is the correct way to add a logo or only the "name" of the site on the left side of the menu? * { margin: 0; padding: 0; } .menu { width: 100%; height: 50px; background-color: #1a1a1a;…
-
0
votes1
answer39
viewsHow to fix this error of HTML+CSS Sub-Menus?
The submenus of my menu appear without having to pass the mouse in the Menu, when passing over the 'ul' of the submenu they already appear, I ended up getting lost in my code and now I do not think…
-
0
votes1
answer261
viewsHow to Make Slider Materializecss Resize Height Accordingly to Devices
I would like to make the slider of Materialize Css that has by default 400px height in all responsive sizes. I would like this time to have its height changed according to the device. I am using the…