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
answer95
viewsFont and url problem
So guys, I have a problem here which is this, I import external fonts in css with @font-face, only when I access my site in the browser without putting www, the site does not pull the font. But if I…
-
0
votes1
answer50
viewsCircle between inline-block elements in firefox
I wonder what are these circles inserted between some elements with display inline-block in the firefox Mozilla, because they take up space and disturb the layout.…
-
0
votes3
answers2558
viewsHow to align a text in the middle of the height of an image?
I tried several ways and still could not, I’m kind of new with CSS, I wanted this "Name" to be at the time that matches the middle of the image next.…
-
0
votes2
answers3019
viewsHow to use "float: left" correctly?
I’ve been using the float: léft; lately, but there are times when it doesn’t work as I hope. Example: (image 1) Note that a margin appears that should not be here. (image 2) A margin some, but since…
-
0
votes1
answer223
viewsSafari not configured, does not load css
Header of my site, is opening disfigured in Safari 8.0.8, it is not getting css: display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;…
-
0
votes1
answer61
viewsHow to block page scrolling without hiding the bar?
How do I make it so that when the user tries to scroll the page, there is no effect, but without hiding the scroll bar? All I know is overflow: hidden , but it hides the bar.…
-
0
votes0
answers146
viewsHow to create a switch button like Android with CSS?
How can I create a switch button like the one on Android with CSS? You need Javascript to do "on-off", or I can do this only with CSS?…
-
0
votes1
answer38
viewsTest Pages within 5 seconds loading pattern
I will select some sites by hand, to catalog and make available later and I have in mind to prioritize users that uses mini-modem USB 2G/3G on Personal Computer (PC), in which the connection is…
-
0
votes1
answer1369
viewsCSS does not load according to the route in the Standard
I have a Blade file in which it is my base layout (which will be loaded on all pages). But according to what I set the route, the css of this page does not load. Ex.: if my route is like this:…
-
0
votes1
answer820
viewsChange chart size of google Harts at print time with @media print
I put a chart mounted with Google Charts on my page and to print it I want to reduce its size, for a matter of printing layout. The div that receives the chart is: <div id="GraficoNotas"…
-
0
votes1
answer16
viewsProblem with animation timing with SVG
I’m trying to make an animation of SVG using very simple CSS, where stars appear within themselves infinitely. The only problem is that after the first loop one of the paths starts to go over the…
-
0
votes1
answer2959
viewsHow to change the color of the link after the link was accessed?
Using bootstrap <div class="well well-sm"> <ul class="list-group"> <li class="list-group-item text-left"><strong>QUESTIONÁRIO</strong></li> <li…
-
0
votes1
answer189
viewsDecrease size of Spinner
I’m trying to use jquery’s Spinner, which by default has 8 fields, and is too big for my goal, which in case would be 2 fields. I already took a look at your documentation, but the most I could was…
-
0
votes2
answers3159
viewsInsert icon in input text with HTML and CSS
Hello I would like to insert an icon in the input text of my system, I even managed to put the icon, but when I click on the input to enter the text the icon simply does not hide. can help me?…
-
0
votes1
answer40
viewsLearn about Columns - css
One day, I had to develop a site where the layout had some images that weren’t exactly side by side, and since I didn’t know about Columns, I ended up aligning everything in Absolute and that mess…
-
0
votes1
answer821
viewshow to create a block to display c++/java code in HTML/CSS?
I have a JAVA code, I would like to post it on a website. How do I do that? I’m using css spreadsheets but they "spoil the spaces" between the keys and don’t show high light JAVA code, how do I fix…
-
0
votes0
answers107
viewsCss and javascript locking
I tested my blogger on pagespeed and appeared for css and javascript blocking and as an example she gave me the following files in which I should block: css:…
-
0
votes1
answer812
viewsCan you create css class at runtime? But with a caveat!
I came up with a question that can be of help to many, the point is that in an html form we make a lot of use of style class (css) to make life easier, it turns out that creating classes for some…
-
0
votes2
answers241
viewsLeave submenu in container width
How to leave the submenu (dropdown) within the container width? Where you have the div with the class: class="navbar-Collapse Collapse" I put (position: relative), it worked but the logo link does…
-
0
votes0
answers97
viewsJquery Carousel disturbing the display: inline-block
This is the page: http://www.magicforbaby.com.br/loja/produto.php?p=1 The code is this: echo "<div class='fotosProduto'>"; require_once "_required/carousel.php"; echo "</div>"; echo '…
-
0
votes1
answer101
viewsjquery slideup/slideup effect does not work
Good afternoon everyone, I’m creating a gallery on a website but it has an effect on slideDown when you click on the image that descends a div that has a larger photo and a description. When I click…
-
0
votes2
answers51
viewsPlace css images in mediaqueries
Guys I’m developing a site in bootstrap and when putting the logo it only works in html and not css, but what I find strange is that only the logo no funf, already all styles this good! html file…
-
0
votes1
answer1043
viewsHow to make a Submit with <button type="button">?
I have created some and need them to perform the same functions (with database) of how to register, change, etc. Can anyone help me or explain how to do this? Thank you !
-
0
votes1
answer1882
viewsInner shadow of the parent element on the child
I need to make the inner shadow of the parent element over the child element. I have one div with overflow: scroll and a table inside which may be larger than this div. I’m making an inner shadow…
-
0
votes1
answer160
viewsDiv overlapping even after clear both
This is the page: http://magicforbaby.com.br/ There’s a banner you’re covering up div's below it. I already put a div clear both below it but it didn’t work. as div's class="base" and class="final"…
-
0
votes2
answers7337
viewsHow to Make Square and Responsive Divs
I need square elements that have responsive height and width. But how do I create a responsive height that is always equal to width in %? Thank you!
-
0
votes2
answers361
views -
0
votes1
answer75
viewsProblems with grid in Bootstrap version 3
I’m having grid problems in my html with bootstrap it should look like this but in my browser it looks like this: notice that on my banner that is inside the tag <header> this one with…
-
0
votes1
answer1403
viewshtml & CSS - align inputs
I have the following HTML code: First Name:<input type="text" placeholder="First name" name="first_name" required> <br> Last Name:<input type="text" name="last_name" placeholder="Last…
-
0
votes1
answer210
viewsSubmenu bearing(scroll) jquery
Hi I need my submenu scroll to appear the other options pq when opening does not fit on the page, and neither in the tablet and mobile layouts. I’ve tried using css overflow-y and more is not…
-
0
votes1
answer59
viewsHow to set Videojs size by percentage
I would like to define the size of Videojs as for example 40% equal if defined by CSS, and that when the browser size is changed, it adapts the new percentages. So far I have it <div…
-
0
votes0
answers24
viewsDynamic positioning of Divs
Hello, I am facing a problem, I want the div’s to align automatically with the empty space, as signaled, however, she insists on staying aligned to her lateral div and not her superior. How should I…
-
0
votes1
answer108
viewsIs it bad practice to create a CSS file for each screen?
I find it more convenient and easier to maintain if I create a CSS file per screen. Is that a bad practice? The same can be done with JS files?
cssasked 7 years, 6 months ago Hiago Machado 184 -
0
votes1
answer78
viewsMake the width of the <ul> equal to the width of an image inside a <li> of the <ul>
I have a ul, inside it has 3 li, inside one of these li has an image, I wonder if it has a method via css to make the width of ul equal the width of the image. (without changing the width of the…
-
0
votes1
answer229
viewsHow to simulate a "min-top" in css
Someone knows a way to simulate a "min-top" in an element? Maybe using JS or Jquery... I’m using the scale() in an object, but the function causes the element to change position. I would like you to…
-
0
votes1
answer49
viewsProblems in Child Nth
I have the code below, it is working perfectly, the only problem is that if I add one more read or a few more it changes its formatting. I wish it was the same now, but no matter how many Lis there…
-
0
votes0
answers1814
viewsFix first column and header of an HTML table
Hello, I have this fiddle exemplifying exactly how my table is: What I’m trying to do is, in addition to keeping the first column fixed, as it is exemplified in fiddle, where I followed an example…
-
0
votes1
answer659
viewsProblem with select Multiple in form
I developed a website where you will have a form where you will receive an email inside that form exite 2 inputs select however the user will be able to select more than one option so I added the…
-
0
votes1
answer5653
viewsControl image overlay and HTML CSS text
Good evening, I would like to know how to control the order of image overlay and text in html, in the script below the text is above the image, as I can leave the text below the image? <html>…
-
0
votes1
answer616
viewsCSS does not work on IOS
My site gets all buggy on IOS, is it because css doesn’t load? How could I get around the problem? Is there any IOS console, like Chrome and Firefox, to fix the site? on Android it works normal.…
-
0
votes1
answer382
viewsUse screen size in 100%
I have two Ivs, DIV 1 is 80% wide, centralized and I have DIV 2 that is within DIV 1, which I want to be 100% wide, but since it is within DIV 1 that is 80%, then 100% becomes 100% of DIV 1 (turning…
-
0
votes2
answers77
viewsHow to Rewind an Ordered String List
Let’s say, I click the button More and I’m going forward to A - Z. Now I wish to go back to Z - A click on the button Least. Code: var i = 0; var j = 0; var n = 0; function prox(){ j++; i += 20;…
-
0
votes1
answer586
viewsTabbed Navigation with CSS and jQuery
I have a problem formatting my page... <ul class="abas"> <li><a href="#noticia1">Empreendimento</a></li> <li><a…
-
0
votes1
answer676
viewsWhat is the inherit and initial of the CSS for?
As the title itself says, what’s the point of inherit and the initial that has in the CSS?
cssasked 7 years, 6 months ago Lucas de Carvalho 6,427 -
0
votes3
answers194
viewsHow do you animate an anchor call?
the links are inside a div and the buttons that call them are outside that div, everything is working, I would just like to put an animation in this transition. P.S. the transition is horizontal.…
-
0
votes1
answer337
viewsChange A style when hovering LI
I have a structure in which the to is inside the li, applied an effect of Hover in li when you move the mouse over, change the colors. What happens is that you are only changing the background-color…
cssasked 8 years, 5 months ago Felipe Viero Goulart 3,693 -
0
votes1
answer81
viewsGet Css properties
Someone knows how to identify, using javascript, only the css properties of a class, for example: .in-text{ color: red; font-weight: 500; } html <label class="in-text">Digite um…
-
0
votes1
answer5666
viewsDifference between CSS3 and CSS4
CSS 4 exists? What’s different from CSS 3? Do browsers already support? I was looking for CSS 3 on Google and saw some people mention CSS 4.
-
0
votes1
answer62
viewsSwap data-zoom and src content without jquery
I’m working on a Superzoom but I need to make sure that when clicking on the thumbnails it changes the src and the date-zoom of the main image but without using jquery. Another important detail is…
-
0
votes1
answer651
viewsText alignment
I’m trying to get a text to appear in line. This text is in a ruby variable on Rails. As follows: <div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 400 }'> <div…