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
answer45
viewsIs it possible to select all elements with a certain class with CSS only?
I was taking a look at the selectors, and I couldn’t find a way to select all the elements that have a certain class. I tried for example: select[form-control] { } Trying to catch all the selects…
-
3
votes1
answer222
viewsRandom site theme with exchange every 30min
I am needing my site to change the theme randomly every 30 min. So the logic would be: User enters the site now and views it in blue color (which is the default), but if this same user comes back in…
-
3
votes2
answers13570
viewsHow to make a scroll to the end of a div?
I’m hoping a determined div, possessing the attribute overflow-y:auto, whose height is fixed, is rolled at the end, so an element is added to it. In this case, I need it to roll until the end,…
-
3
votes2
answers1136
viewsHow to make full-page vertical slides that roll with the mouse scroll?
It is possible to make the page scroll to a specific element (such as <section> or <div>)? It’s like a vertical slide (Section) that occupies the entire screen. As an example, this site…
-
3
votes2
answers1015
viewsHorizontal scroll bar does not appear when using datatable
I have a screen where the data is shown in the following form: When accessing on smaller screens (cell phones, tablets), the datatable appears cut, however the horizontal scroll bar does not appear,…
-
3
votes1
answer345
viewsHow do I make a Content Script communicate with iframe element extension for Chrome?
I developed a Toolbar for Google Chrome, adding it to the pages via an iframe: var iframe = document.createElement('iframe'); iframe.id="iframeId"; iframe.src =…
-
3
votes3
answers167
viewsHow to know if at the beginning of a <p> they have "x" character?
Hello, I am a layman in JS/Jquery, but I believe that is where I will be able to do what I want. I don’t know if many have used 4chan, but there is a function where, if the user uses the ">" at…
-
3
votes1
answer1417
viewsIcon next to input
I want to create a page to run on the Gatekeeper portal, and I really liked the inputs of the login page of the site King Debrid, but it uses Bootstrap. Wanted the same effect, but without the use…
-
3
votes2
answers235
viewsHow to Leave Element LI 100%
The photo above represents a slider I’m doing on a page. Each slider has an image in the middle representing the white sphere. I want all the sliders that are formed by a li are the same size, the…
-
3
votes3
answers3002
viewsHow do I try to make a site compatible with major browsers?
I don’t have much experience yet and wanted to know tips on what to do to increase the chances of a site being compatible with most browsers.
-
3
votes1
answer1301
viewsHow to center the two inscribed squares into the largest square with CSS?
I would like to leave the three squares of the code below, centered symmetrically in relation to the center of the largest square that has the black background. .box{ height: 100px; width: 100px;…
-
3
votes0
answers101
viewssafari navigation bars do not disappear
I’ll explain this through prints basically, there are these navigation/address safari bars http://prntscr.com/8mgtda Now, when scrolling (who uses an iphone, can see, shrinks the navigation bar and…
-
3
votes2
answers134
viewsBEM methodology and sub-blocks
I’m having doubts about best practices using methodology WELL, see below an example (example with Jade): nav(class='c-ngroup') div(class='wrap') div(class='row') div(class='col-md--2')…
-
3
votes1
answer671
viewsHow to override CSS Primefaces added via Maven?
I am using Megamenu in my project, but its options are much larger than the width of the columns of this component, so the menu options exceed the area intended for them, which is very ugly. I added…
-
3
votes2
answers1308
viewsHorizontal ruler with text
I wonder how I could make a horizontal ruler in HTML or CSS with a text in its center. I only know the command <HR> HTML, but it looks like it won’t let me put a text in its center. Does…
-
3
votes2
answers7273
viewsResponsive side menu with button
I have a side menu: I would like to put a button to hide and show this menu, and when I turn down the resolution this button appears so I can display it. HTML: <div id="wrapper"> <!--…
-
3
votes4
answers8751
viewsChange color marker li
Hello! I wonder how I do to change the color of the marker ball <li> via CSS. From what I read on the Internet, so far I’ve only been able to do this using an image to replace the ball.…
-
3
votes2
answers548
viewsFacebook Page Plugin giving "Failed to load Resource"
I would like to use the plugin "page" Facebook, but I’m not getting it. After adding this code at the beginning of the tag body <div id="fb-root"></div> <script>(function(d, s, id)…
-
3
votes0
answers62
viewsLocal application(Pc) opening in ipad/iphone browser does not show checkbox
I have an application running normally with wamp on the computer, which uses html jquery css and php. But when opening by default IOS browser (safari) using ipad or iphone over local network, the…
-
3
votes2
answers580
viewsLimit sidebar before footer
I have the following code, but I have a footer of 650px, and when scrolling the page until the end the fixed block is on top of the footer, how could solve this problem? <script> $(function(){…
-
3
votes1
answer1343
viewsHow to reposition menu bar below header?
I am editing a Wordpress theme and would like to reposition the menu just below the image of header, however, how to do this in CSS? The site is not yet hosted on the web. I am modifying the theme…
-
3
votes1
answer75
viewsCss code changing entire page layout
I created an image with the effect of hover which shows a listing on top of it when passing the mouse, only that the code is changing the entire layout. CSS: div a { text-decoration: none; color:…
-
3
votes3
answers208
viewsHow to resolve vertical centralization bug in Firefox?
The code below works perfectly in Chrome 46, Opera 32, Safari 9, but in Firefox 41 does not work, the element gets stuck at the top instead of being centralized. Run the code below: .o-hero {…
-
3
votes1
answer121
viewsScroll to the next section
I’ve researched several places but so far I haven’t found how to do this effect. What I need is for the scroll to look exactly like this site: http://www.takeitapp.co/en That is, whenever the user…
-
3
votes2
answers57
viewsIs it possible to change class of many Divs with a single js command?
Friends I have several Divs on my page, each with its ID, but with the same pattern, for example "Checker-001", "Checker-002", and so on... where, I use a JS to change its characteristics, for…
-
3
votes1
answer1604
viewsHow to do "position: Fixed;" on top of everything?
I need to put a fixed div at the top of the screen (until then, just use the position: fixed), but not superimposed by other Ivs and images. It has to be on top of everything. "Organizing":…
-
3
votes2
answers5442
viewsChange menu color in page scroll
How do I change the color of a menu by scrolling the page? I’m doing like this $(function() { $(window).on("scroll", function() { if($(window).scrollTop() > 100) {…
-
3
votes2
answers2465
viewsHow to fix an input within a responsive div
I have a div with an image in background and with a input text-type. I need the input to stay in a certain position and as the resolution change, it goes down so as not to cover the title "Connect…
-
3
votes1
answer161
viewsDIV does not appear in the CHROME and IE browser
I’m trying to solve a CSS in my development: HTML: I created a Responsive DIV with 1 COLUMN (GRID of 6) for a specific content section. I already put text inside this. CSS: I created a class to…
-
3
votes2
answers4312
viewshow to reference external css in an HTML page
I’m learning html but I don’t know why I’m not getting calls a css file, which I created separately for my html. <html> <head> <meta charset="UTF-8"> <title> aula 5…
-
3
votes4
answers176
viewsDo not show "overflow" arrows
I own a td with overflow. <td><div><?php echo $objProg->getagen(); ?></div></td> Css: td div { width:100%; height: 30px; overflow: auto; } With this CSS above it…
-
3
votes3
answers5944
viewsCSS - Align image inside table with inline css
I need to align an image to the text of the other cell in the table. css is inline. Follow the code: <table> <tbody> <tr> <td style="display: inline-block; width: 50px;…
-
3
votes2
answers9986
viewsSpacing between specified columns in the table without creating <td> a false
I am looking for a solution to leave a predetermined space between columns of my table, without resorting to the use of <td> or <th> phony (without anything written, just with a padding…
-
3
votes1
answer1191
viewsCreate circle around numbers with JS and CSS
I’m starting with css and I’m having a doubt I have a div called numbers and within it I have numbers from 01 to 99, as I can insert a circle into their account with css without using div ? <div…
-
3
votes2
answers340
viewsHow to create fixed header without javascript?
I want to create a header in an html page, responsive style that adapts the mobile platform and the page reduction in the browser, as I do? Note: Nothing I read on the internet at the time was use,…
-
3
votes3
answers1106
viewsButton diagonally only the left side
I have to make a button like this in CSS: I know I can do this by cutting out the image and putting the input as image but I wanted to do it in CSS. I found a way that ALMOST would help me that…
-
3
votes1
answer53
views -
3
votes1
answer512
viewsRuler
In some editors we have an orientation rule in which we can perform some configurations such as the spacing between the text and the revelry. I need to produce something like: I currently use a text…
-
3
votes1
answer186
viewsWhat is the gain of "unifying" the resources . css and . js of a site?
Scenario: A website X has 5 . css files and 5 . js files all with 5KB, a website Y has the same HTML that the site X but its resources . css and . js are linked together (.js with . js and . css…
-
3
votes2
answers568
viewsTooltip CSS Transition
I want to create a tooltip (div Hover in image) with CSS and javascript, using javascript just for the style of div. I got the following example in jsfiddle I want to use transition in javascript…
-
3
votes2
answers3180
viewsWhat’s the difference and when to use Flexbox or CSS Grid?
First we had the Flexbox as a new solution for building and responsive layouts. More precisely on the part of grids. Now there is little time the CSS Grid. My question is: What is the difference…
-
3
votes3
answers29544
viewsHow do you get it in the headline?
I own a site where I use two headers to show my options to the user, but I came across a problem, I need to put the company logo and I’m not able to do it, I need the logo to be in a size…
-
3
votes2
answers162
viewsCatch interspersed CSS classes using jQuery
I need to know how to get CSS classes interspersed. Because I’m going to loop and I need to get the classes in a certain number. The code is as follows:: <div class="box"></div> <div…
-
3
votes2
answers13435
viewsFormatting text in upper case - upper case
I am building an application using PHP and I am beginner in systems development. How do I format the text fields for all uppercase letters?
-
3
votes2
answers233
viewsAlign navigation menu in the center
I am trying to align the "drop" menu in the center. Help? THE HTML: <main id="conteudo"> <section id="produto" class="box"> <nav id="drop"> <ul> <li><a…
-
3
votes2
answers588
viewsAutomatically select text
I’m trying to create a function that traverses any text by selecting letter as the effect of you hovering your mouse by selecting text slowly. I used the select() but it selects all the text.…
-
3
votes3
answers3160
viewsRemove arrow from "select"
Code: <select class="backcolorselect" id="st" name=""> <option class="backcolorselect" value="Sim">Sim</option> <option class="backcolorselect" value="Não">Não</option>…
-
3
votes1
answer3568
viewsCreate Html/Css Phone Mask
It would be like making a mask without plugin in a field of my form ex: (00) 0000-0000 ? Usand CSS or HTML only?
-
3
votes1
answer57
viewsCSS - Resize Both
Good afternoon. I am using the property resize:Both in a div and works perfectly, my doubt is referring to the two tracings that appear to indicate such property, it is possible to customize them?…
-
3
votes1
answer5269
viewsStylization of div in CSS
I would like to know how it is possible to customize the div to let it "cross" as well as in the image below, where the top-left and the bottom-left of the orange div are kind of cut.…