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
-
3
votes1
answer549
viewsMake iframe content responsive (Google DFP)
So I’m having a rather complex problem. Knowing that it is not possible to style with CSS the content of a <iframe>, I know no other way to achieve the desired goal. I even tried with…
-
3
votes2
answers129
viewsMinimal Hover Menu - The Right Way
In the example below we have an interesting menu, with a effect Hover, which follows the mouse and its items. Everything is very beautiful and works well. The problem is that this menu is set with…
-
3
votes1
answer478
viewsHow to color SVG without path Fill?
Well, I tracked an image and I need to color it. The point is that it is not a geometric shape (T-shirt collar) and I need to give the user the option to color it. However, when exporting svg, the…
-
3
votes1
answer40
viewsTree menu - Error selecting element (ul:onclick)
I have a problem in the tree menu below. When I click on the child elements of ul-0 I run the class change. How to avoid this ? function ready (fn) { if (document.attachEvent ? document.readyState…
-
3
votes1
answer213
viewsHow to move an html label using css transitions
I’d like to move the label by hovering the mouse over the image <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport"…
-
3
votes2
answers571
viewsPerfect centralization of elements using Transform:Translate <style>
On another question I asked before, a user gave me an example of how I could perfectly centralize an html button on the screen. It was in this question: How to position a button anywhere on the…
-
3
votes1
answer194
viewsDropdown HTML and CSS
* { margin: 0; paddin: 0; } body { margin: 0; paddin: 0; font-family: 'Source Sans Pro', sans-serif; background-color: #F7F7F7; } .header { position: absolute; width: 100%; z-index: 3; height: 44px;…
-
3
votes2
answers471
viewsHow to line break a PHP string within a div
I own a <div> that creates a box where I should print a PHP string coming from a database, but when the string is too large, instead of performing the line break the string was "leaked" out of…
-
3
votes1
answer99
viewsHow to force Highcharts to show all points?
I use the API highcharts to generate graphs from information collected in a database, the problem is that when it comes to many points in your series, it HIDES and GENERATES an Average in periods..…
-
3
votes2
answers9890
viewsHow to "break" div in two columns?
I am using Wordpress, my Blog section is organized as follows: I’m simply using {display: flex; justify-content: space-between;} that in this case the result is like the first example. The result I…
-
3
votes2
answers598
viewsHow to "validate" the input
I’m looking for a method to check if the required page input’s are valid every time I click the save button, but I’m trying to do this without having to check one by one, below is what I’ve already…
-
3
votes1
answer2198
viewsCalling page by HREF and pressing in IFRAME the id of another page
People, See if this situation is possible in HTML5 and CSS: I have three files: index.html html services. desc_servicos.html Note: all files inside the same folder. In the archive index.html there…
-
3
votes2
answers1035
viewsCSS style for chat with more than one line messages
Good morning, I have a doubt, in which I’ve been battling for some time, I’m new to working with html and css, I’m doing a chat (already finished), now I’m defining the styles to make it cuter, I…
-
3
votes1
answer96
viewscreation of CSS menu
Hello, would you like to know the easiest way to create an HTML menu by CSS? I tried to make one here and it really didn’t work. <!DOCTYPE html> <html> <head lang="pt-br"> <meta…
-
3
votes0
answers259
viewsDisplay Grid for IE11
I’m making a grid with the 7 items according to the code below: My code nav div.grade { display: grid; grid-template-columns: auto auto auto auto; margin-top: 5px; display: -ms-grid;…
-
3
votes2
answers56
viewsWhen selecting an option, the color of the selected option is marked
I have the following select that is coming from the database as per the image below: <?php ... while($listar = mysqli_fetch_object($sql)){ $mostrar .= " <select name='Situacao[]'…
-
3
votes1
answer614
viewsalign text vertically within a <div> CSS || HTML
i want to align the text vertically in div, but I wonder if it is possible to do it without changing the css because I am using the…
-
3
votes1
answer9463
viewsLine break with css without <br>
I have this problem in css and I can’t solve, when the text gets too big, I can’t make this line break, I can’t use , someone has some idea? * { font-family: arial; -webkit-touch-callout: none;…
-
3
votes1
answer83
viewsDiv leaving the right side of the page in animation
I have a div that is a mobile phone and when I go down the page performs the animation but before performing the animation this div ta getting off the page breaking all the layuout my div <div…
-
3
votes1
answer90
viewsSelection area with the mouse?
I am developing the following code, to create an element selection area using the mouse. var draggingMouse = false; var leftMouseDrag, topMouseDrag; $(document).on("mousedown mouseup",…
-
3
votes2
answers912
viewsBox with edge and a heading on top edge
Is there a style of its own in CSS or HTML tag where I get the effect as shown in the image below? Would be a aside with a border of 1px and the word "Realization" centered on the upper edge, but…
-
3
votes1
answer394
viewsWhat’s the difference in using Transition: all and Transition: [specific property]?
Making a simple CSS animation to increase the height of a div using transition: all and a question has arisen. Look at the example: div{ width: 100px; height: 30px; background: red; transition: all…
-
3
votes1
answer325
viewsTransition with different time when hovering the mouse (Hover) and removing
I have an image where I make a transition scale with hover, zooming in on the image by hovering the mouse: img{ width: 200px; height: 100px; transition: transform .5s ease; } img:hover{ transform:…
-
3
votes1
answer29
viewsHow to prevent anchored links from leaving stored history
I have a code that has two blocks on the sides and when clicking on them happens a change of background color of the page, but as they are defined with 'target' that pull each element in an orderly…
-
3
votes1
answer135
viewsJavascript - Hide children from radiobutton when selecting another radio from the same group
I have a group of Radio Button, some of them have other inputs as children, if you check the Input Pai they must appear, if it is unchecked they must disappear. As in the HTML down below: <div…
-
3
votes2
answers1158
viewsCreate an image gallery
I am starting a project and would like to create a page with a gallery as in the scheme below: Website that owns the Gallery So it seems the images are made available by lines, only I was able to do…
-
3
votes2
answers424
viewsEnglish quotes how to edit?
I’m making a website that I found that a text will have English quote, so far it’s okay to just do the code, but the problem starts when I edit your font to get bigger, the final quote creates an…
-
3
votes3
answers752
viewsHow to place an image inside the bootstrap Popover
I want to put an image inside Popover. Does anyone know if this is possible? <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta…
-
3
votes1
answer130
viewsProblem with jQuery mouseleave function for popup shooting
I’m using the function mouseleave to open a popup when the user moves the mouse out of the site. That is the code: jQuery('body').mouseleave(function() { if (!jQuery('body').hasClass('leave-on')…
-
3
votes3
answers2323
viewsHow to do with CSS a checkered checkerboard background for Body?
I’d like to put in the <body> a checkered background, like a chessboard covering the whole body. I tried with repeating-linear-gradient(), but I couldn’t... html, body { width: 100%; height:…
-
3
votes1
answer82
viewsCustom password window for the same page
I wanted to put a password on the page when it is accessed(simple), in a window (Alert type) with password that appears before loading the page, I wanted this custom "Alert" like a modal or any…
-
3
votes2
answers151
viewsAnimation with image in CSS
I’m breaking my head with a simple thing, usually I solve these problems by looking at google, but today I did not have this luck. And the following, I want to create a background with the class…
-
3
votes2
answers593
viewsAligning a checkbox component vertically in the center of Row
How do I align a check box vertically in the center of Row? My project is Asp.net core mvc. input[type="text"], select { /*font-size: 13px;*/ } .selectClass { /*font-size: 13px;*/ } label {…
-
3
votes2
answers56
viewsProblems with Bootstrap grid
I have this problem. I’m going to be very direct. Self-explanatory images. I can decrease the source but I don’t know how much content will be in the block. So I want to make a working code. I…
-
3
votes1
answer434
viewsHow to do "Semantic Quotes" with the <q> tag, but it is with a different font-family
The question is very simple and objective, I want to have a font style for the paragraph and another font style for the quotes, but when I put the content between the tag <q> what’s inside…
-
3
votes1
answer240
viewsHow to fix navbar with dropdown?
I want a navbar with dropdown menu and fixed at the top, but I can only leave fixed or with dropdown working, follow the code: body { margin: 0; } ul { list-style-type: none; margin: 0; padding: 0;…
-
3
votes1
answer182
viewsCustomization
Hello to everyone I’m beginner in Bootstrap, and I’m developing a Carousel in boostrap, only instead of showing only one image I would like to show 3, as in the image below. How could I be doing…
-
3
votes1
answer102
viewsCSS cross-browser by Javascript
In CSS there are some properties that need a prefix for some browsers, for example: -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -ms-transition: all 4s ease; -o-transition: all 4s…
-
3
votes2
answers53
viewsRun icon "Arrow" with JS
This may sound simple, but I can’t find a good answer. I have an arrow icon and when I click it, I want it to turn 180 degrees. The code I started using was this: $('.arrow').click(function() {…
-
3
votes2
answers159
viewsHow to build header with logo in the center and information on the left and right
I’m trying to create a header with information to the right, a logo in the center and information to the left, but what I did is not even close to what I need, I did some tests with some lines I…
-
3
votes1
answer97
viewsHow to align a menu made in Nav HTML+CSS
I try to line up in all ways with text-align: center; but none of it works and when I spacing with left the sub-menus are misaligned from the menu! * { margin: 0; padding: 0; } .menu { width: 100%;…
-
3
votes2
answers237
viewsHow to increase the top margin of the element
The problem I’m facing is to increase the upper margin between that title "Log in" of div main, I thought with a margin top I could do that, maybe I’m using it wrong, I tried, I tried but I…
-
3
votes1
answer336
views -
3
votes2
answers697
viewsHow to put ALT in a Background-Image? How to make a Background-Image more accessible and semantic?
It’s a simple but objective question. We know the importance of tag ALT for semantics, accessibility and even for SEO. But how can I set these tag properties ALT in an image that is defined as…
-
3
votes1
answer223
viewsCSS Border problem and list element placement
I am making a TAB component in HTML + CSS, and I have a question regarding css, the code I have is as follows: @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700"); .tabs {…
-
3
votes1
answer139
viewsI cannot place function on inputs containing masks
Guys, I have these three fields in a product registration system. The first is the cost price, the second the profit over the first and last the selling value of the product. What happens is that to…
-
3
votes2
answers671
viewsWhat should I use to make one grid system within another?
I’m doing a Carousel that will show some ads from recently posted posts. A div containing the Carousel is a container, and Carousel elements are also of the container. When I am creating grids…
-
3
votes1
answer69
viewsPrevent the Element Edge from growing when using Transform:Scale
It’s a very simple question, but I couldn’t find an answer... I have an element that has a borda of 1px. But when I make one :hover on it I apply a transform:scale() but the width of borda him tb…
-
3
votes1
answer99
viewsSimilar shadow effect on gmail login screen
How to do for the same shadow effect when clicking on the show/hide equal password button has on the screen login google. Already tried to do with the pseudo-element :before using :phocus but I was…
-
3
votes1
answer419
viewsSlide content with HTML and CSS
I’d like to make a slide content with HTML and CSS, the slide that I need contains everything below the header. I will explain further... Normally you use the menu to navigate through the pages, so…