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
-
5
votes2
answers1465
viewsHow to make source responsive?
How to make text size responsive and fit different screen sizes? I tried using units em but it didn’t help. I’ve tried using Media Querys: EX: @media(max-width:768px){font-size:1.5em} I’ve tried…
-
5
votes1
answer5204
viewsHow to create a Radio button with image?
How can I make a Radio Button turn into an Image? I need to make an image gallery inside a form to, when clicking on the image would be selecting a radio button as in the image below:…
-
5
votes2
answers40895
viewsValidate input to only receive numbers with jquery?
I need this input to receive only numbers: <input class="form-control input-sm " placeholder="número" maxlength="4" type="text" ng-model="numero.nJogo" /> This I need to receive only values…
-
5
votes2
answers386
viewsa:Stop working with :visited or :link
I made 5 links and set them to change color using a:hover and a:visited. The problem is that when I use a:visited, the settings of a:hover stop working, the same happens when I use a:link. What…
-
5
votes3
answers308
viewsCentralize elements using margin
I don’t know much about CSS or HTML, but I was building my site and I came across the following problem: In the image above to see that all thumbnails are arranged and perfectly aligned. When I…
-
5
votes1
answer70
viewsThe difference between * and *|*
Using * I will find all elements using CSS but recently found in some codes the use of *|* what the difference between them?
cssasked 8 years, 10 months ago Guilherme Lima 3,129 -
5
votes5
answers511
viewsProblem with footer on mobile sites
I recently came across a problem in a footer of a project of mine. The footer in the case should be at the bottom of the page (bottom: 0;), So far so good, it’s normal. The problem is that when I…
-
5
votes3
answers16389
viewsHover effect on one element affect another
I wonder how I can make the event :Hover in one element take effect in another... I have the following code: <ul> <a href="#"> <li> <div id="search-image"><img…
-
5
votes1
answer1759
viewsCenter element in the middle of two float elements
I am developing a site that, in a given DIV, has three elements with defined width and height. These three elements are stylized according to the following rules: .blocks-h{ width: 320px; height:…
-
5
votes1
answer188
viewsHow to keep a rotated text centered on a dynamic height div?
Basically my problem is in color div, and rotated text. I need the color div to have the minimum height relative to the size of the rotated text, and the maximum height to be relative to the…
-
5
votes1
answer435
viewsHow to display only the first row of a table?
I have a table with summaries about a particular client, where the first line is the main content to be displayed, and the rest is a mere complement. I know I could apply display: none, but I…
-
5
votes3
answers2761
viewsChange active menu item depending on scroll
Does anyone know how to do the effect that activates/disables menu items depending on the scroll? Like for example on the site PHP the Right Way, menu items turn on/off as you scroll the page. I…
-
5
votes4
answers3932
viewsHow to align 7 elements on the same line?
I’m developing this site in bootstrap http://raissafigueiredo.com.br/masterclinic/ However, downstairs in the specials section, I have 7 elements in the same line. I had to use a "technical…
-
5
votes1
answer550
viewsCompilation/Minification of HTML, CSS and class names
On the CSS side I already do the compilation and minification of the CSS file. Doubts began to arise when I noticed that some sites work with a type of Compile including in`HTML files. In other…
-
5
votes3
answers75
viewsShould I use Everywhere or just Fonts?
I know to use in instead of px in sources for a good performance of its application in cell phones, but I only use it in font size. Shall I wear in also in places like margins, paddings,…
-
5
votes2
answers39330
viewsHow to make a vertical line
Hi I was wondering how does a vertical line with this code: <hr> She by default is horizontal, really wanted her vertical, anyone know how it does? I just wanted this code because I have it…
-
5
votes2
answers6328
viewsHow to view HTML code?
How can I display my code HTML? I have a field where the user can change his nick by putting colors, and I want to display the code used as a hint to the user. My code: <pre> <code>…
-
5
votes3
answers2208
viewsAligns navbar bootstrap text vertically
I’m using in my project two navbar and I’m having a problem aligning the text of the first menu vertically, I tried to create a structure to change but did not succeed, what I have is this: First…
cssasked 8 years, 11 months ago adventistapr 5,498 -
5
votes3
answers271
viewsHow can I make "..." appear in a certain class after reaching a limit of carcter
I wish that when I reached an estimated threshold of carcter ... not to pollute the screen.
-
5
votes1
answer5487
viewsModal occupy full screen
I have the following Modal and I want it to occupy the whole screen / or most of the screen: <div class="modal fade" id="treinamentos" tabindex="-1" role="dialog" aria-labelledby="alterarLabel"…
-
5
votes1
answer2273
viewsObfuscate CSS and Javascript for free
Good afternoon guys, I am developing a page and would like to obfuscate the CSS and Javascript(Angularjs), I did a quick search on the internet and saw some paid tools, and some Free tools made the…
-
5
votes2
answers701
viewsHow to do this effect of Hover?
The Hover effect from the menu of this site: http://www.jornaldacidade.net/ Is CSS3 pure? How to do something similar?
-
5
votes2
answers689
viewsDo not send via POST elements within div "display None"
I want to remove the Ivs that are left with display:none with the function remove() jquery and when they are selected as display:block they come back.... because I want to send a form via POST that…
-
5
votes2
answers103
viewsHow do I represent this using CSS?
Does anyone have a hint how to represent this using HTML and CSS? Without using Absolute position, just with edge or other thing. (That would be the image of the art I want to transcribe in css)…
-
5
votes1
answer811
viewsMenu with space between li’s
My menu has spaces between the li’s. I’m using a reset css, but even though I didn’t need to already tried to put margin: 0; and padding: 0; na ul and ul li and it didn’t work, if you can help me I…
-
5
votes2
answers1043
viewsWhat is the default value for the "position" attribute?
In CSS, I know the property position can receive the values fixed, absolute and relative . Each has a different effect on the position of the element. But I was in doubt when I was asked the…
cssasked 8 years ago Wallace Maxters 102,340 -
5
votes3
answers11209
viewsCentering using the Absolute position
I don’t understand the following code: div{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100px; height: 100px; background: red; } Online example I know that set…
-
5
votes2
answers768
viewsHow to make a gradient at the ends of a line, with CSS?
Probably this may be a repeated question, but since I don’t know the name of the effect I can’t find anything on it, the effect I want to do on the edge is exactly the same as the image below: How…
-
5
votes2
answers626
viewsHow to hide an element after a certain time?
So, I have a div who shows up every time I submit a form, wanted to know how I make this div disappear after a while.
-
5
votes3
answers998
viewsResponsive font according to text size
How can I make a source responsive according to the size of the text? I have a website: radioturn.com.br The name of the song is constantly updated, I would like to remove the mark and let it stand…
-
5
votes2
answers937
viewsHow to remove CSS and Javascript blocking files in Blogger, such as Widgets.js?
I’m trying to optimize the loading speed of my Blogger site by removing unnecessary CSS files that I don’t use, nor do I intend to do in the future. For example: <link type="text/css"…
-
5
votes4
answers8175
viewsWhat is the opposite of the "None display"?
Before I did some research on the properties of "display". I intend to hide some div and used display:None. To show off the div what ownership of display should wear ? (I am working with Javascript)…
-
5
votes1
answer82
viewsHow to make Stripe only with CSS?
How can I make one Stripe (diagonally striped) with CSS only? The image below illustrates my question better.…
-
5
votes2
answers3936
views -
5
votes1
answer130
viewsDifference in content formatting in Textarea and notepad
I have an ASP.NET MVC application where I display in a text area content that is in the database. @Html.TextArea("Avisos", Model.Avisos, new { @class = "form-control", rows = 50, style =…
-
5
votes3
answers71
viewsDifference between Immediate Child and First-Child?
Could someone help me with the difference between these two concepts? From what I understand both mean the same thing...but by performing the test below, the text was left with the format of the…
-
5
votes2
answers463
viewsHow do I make the href that is inside my div work with Focus?
I have a list that when you click on an item it receives a Focus and appears a div with information. One of this information has a link but when I click on it, my div closes and does not open the…
-
5
votes2
answers3252
viewsHow to put the page number to be printed with CSS in @media print
I want to put the page number when the user wants to print my web page. For example, when it is to print my page, and it is broken in two, I want it to appear "page 01/02" and "02/02" on the pages,…
-
5
votes4
answers4373
viewsHow to change Bootstrap 3 code?
Is it possible for me to edit some part of a Bootstrap CSS code? If so, how?
-
5
votes3
answers20457
viewsRound image mask with CSS
original image I would like to know how to put the gray background and cut the outside of the player to stay just inside the circle.…
-
5
votes2
answers9382
viewsIn CSS, is there any way to define the inline Hover?
I often need to develop templates for sending emails. But in some cases use the tag style to make style settings does not work. Thus, it is necessary to define the style values for inline elements.…
-
5
votes3
answers1214
viewsHow to style the input type search "clean" icon?
I need a way to stylize the icon at the end of input[type="search"]. The input type search when focusing on the element, it displays one if it has a value filled. Example: I realized that by styling…
-
5
votes5
answers12368
viewsCentralizing menu options in bootstrap 3
I’m trying to leave options a centralized menu created in bootstrap 3, I’ve tried some alternatives, but none solved my problem, I have this snippet of code: <div class="navbar navbar-default…
-
5
votes2
answers1818
viewsHow to adjust a DIV inside another DIV vertically?
I’m having the following problem with CSS.. I sent you an example of what I’m trying to do Example of the Code, click here I would like the <div id="divAreaMenuLateral"> that this in orange…
-
5
votes2
answers128
viewsMake LI appear only on Mobile
I have a LI and would like it to be shown only in mobile mode: <ul style="display: block;"> <li><a href="/">Início</a></li> <li class="list-cat"></li>…
-
5
votes1
answer127
viewsSVG mosaic comic style
I’m developing a comic style layout and wanted help to create a svg. in the case the last comic is similar to the photo placed from the DC commics (from Batman). Somebody help me create this last…
-
5
votes2
answers90
viewsDoes the unit of measurement "in" change on each device?
When I put as unit "1em" in a "font-size" for a desktop for example, it will become 15px by default already from the browser. But the "in" is worth a smaller size for a mobile device for example,…
-
5
votes1
answer5004
viewsHow to remove Input type="number" buttons
How to remove both buttons from Input type="number" in HTML5? Example: <p>Quero que isso:</p> <input type="number"> <p>Vire isso porém sem usar o text, pois preciso do…
-
5
votes1
answer399
viewsIs there any way to define a max-height of an element equal to the window size, with pure CSS?
I have a sidebar, which can contain n items in a listing. My sidebar’s kind of like this: In my source code, I defined the following css to work: .sidebar { max-height: 400px; overflow-y: auto; }…
-
5
votes2
answers4660
viewsIs it possible to simulate safari in windows?
I was wondering if you have any way to simulate safari in windows, because in some situations the layout that is applied in Chrome does not work right in safari. With this I wanted to know if it has…