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
-
4
votes1
answer519
viewsHow to measure the performance and costs (processing and memory) of a frontend?
I am working on a project that uses a lot of Javascript (ecmascript-6, jQuery), Html5, CSS and would like to have some way to measure the performance, the consumption of processing and the…
-
4
votes2
answers618
viewsGrid styling for gallery using flex display
Well, I’m trying to create a gallery, display:flex, how can I accomplish this? I thought about using the float, but I remembered that the flex display ignores any float :/…
-
4
votes5
answers38033
viewsHow to outline text via CSS
Personal someone can help me to make this outline in text by css…
-
4
votes2
answers725
viewsput a materialize inline list
I’m trying to put the list of social media icons inline on my footer, but I’m not succeeding. Does this change have to be done directly in the css of materialize? Follow code attached to help. Thank…
-
4
votes1
answer195
viewsHow to optimize html and css files?
Optimization does not compress html and css files. After compressing them into minifier html and minifier css and putting the following code in htaccess(see below) still not accusing the compression…
-
4
votes4
answers581
viewsWhat is the most appropriate method to "connect" a CSS code to an HTML?
I was looking around and I saw that there are some different methods of doing this. For example, there is a method where you put the code CSS in the same code file HTML, and already has another,…
-
4
votes1
answer520
viewsHow to avoid scrolling in picture?
I avoided asking anyone for help for my own learning. But of all the difficulties that I have been facing this cannot solve and is the last stage of the project. I need to insert a mobile image in…
-
4
votes2
answers15005
viewsHow to place an image in an HTML button
I am creating a button on a given page and would like to put a background image. I’m trying to tag background-image:url() in CSS but not working. HTML: @model…
-
4
votes2
answers555
viewsIonic doesn’t recognize my css
To be clear, I’m creating an app with ionic 1.3 like learning and studying for college, and I need to use a css and js external. It is a lib calling for Icheck (Link to the icheck). I have already…
-
4
votes3
answers1428
viewsError while breaking page for printing on Google Chrome
I have a page that prints tickets in 3 ways. Each ticket path is within one div with class ticket. After each route, I need to generate a page break. However, when using page-break-after: always; in…
-
4
votes2
answers3841
viewsHow do I leave the opacity of a dark image and display the figcaption text on Hover?
Hello, I am trying to leave the image dark and appear the text when I hover over. Can anyone help me? <div class="efeito"> <figure> <a href="#" target="_blank"><img…
-
4
votes1
answer2391
viewsBackground-color and transparent color text
need to apply a color: transparent in an element that has the background-color: #fff. I’ve tried applying one opacity: 0 but it applies to the whole element, including the background. my current…
-
4
votes1
answer205
viewsRounded edge on Google Chrome iOS buttons
I recently updated my Macbook here and now all the buttons on my site are rounded. I even thought it was some CSS error, but no, entering my Windows computer is normal. Can anyone tell me what is…
-
4
votes1
answer52
viewsIs it possible to make an html element expand upwards?
Ex: I have a paragraph inside a div, and I want that whenever the text breaks a line, it expands up rather than down (default). Take the example: #content { width: 200px; height: 200px; background:…
-
4
votes1
answer939
viewsMobile First: Show image only on desktop
How best to make an image appear only on desktop? Usually I add one media query to place a display: none when open in the mobile. But this image is processed by mobile, just not displayed. What is…
-
4
votes2
answers515
viewsStructuring with html/div and css
I am beginner/enthusiast and I’m having difficulty to drop the "table", I’m having problems to do this below without leaving a fixed pixel value. Well, it was solved and this was the result: *{…
-
4
votes1
answer144
viewsAlignment of <pre><code> elements in css
Example code without indentation /*Exibindo trecho de código no HTML utilizando o <pre><code>*/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
-
4
votes3
answers1015
viewsRemove style added with . css() Function with jQuery
I’m changing CSS with jQuery and need to remove the style I added: if(cor != 'ffffff') $("body").css("background-color", cor); else // remover style ? The line above runs whenever a color is…
-
4
votes1
answer102
viewsTreat a word with dots
I have a method that takes a text as a parameter and makes a .split in the text separating the words by " ". For each word in the text I make a check to see if the word is equal to the item in my…
-
4
votes3
answers368
viewsHow to align the text in front of another element?
I managed to round the edges of the div I’m just not able to align the text in front of the div. My code is like this: .boxEtapas { overflow: hidden; } .etapas { margin: 0 auto; } .etapas ul {…
-
4
votes2
answers417
viewsIs using HTML5 tags as CSS3 switches a good practice?
Use the names of tags HTML5 as most CSS selectors is a good practice? Be it because I’m not creative to give names to ids or classes, or by wanting to make HTML code as clean as possible, leaving…
-
4
votes1
answer2404
viewsCan we develop a 100% Javascript/HTML/CSS web application without backend?
I am a developer backend Java and always used Javascript on frontend for the purpose of giving dynamism and better interaction to HTML pages (I have always developed corporate systems). Is there any…
-
4
votes2
answers1215
viewsDarken screen by clicking on the search bar
On the Americas and Submarine websites, it has an effect that by clicking on the search bar, the entire site is slightly darkened to highlight the search bar. That one I don’t know the name of the…
-
4
votes4
answers3179
viewsHow do DIV fill 100% of the display?
Good afternoon I would like to create a site where the height of the first DIV is 100% of the display displayed to the user, and when giving the scroll, the other elements appear normally. I know…
-
4
votes5
answers14273
viewsHow to put a colored layer over an image?
div { background: #000; width: 640px; height: 640px; opacity: 0.2; position: absolute; z-index: 99; } <span> <div></div> <img…
-
4
votes2
answers548
viewsNavbar scrollbar does not appear on another width
I used the code below to change when the menu button for mobile is displayed and it worked, but the scroll bar does not appear in this size. What can I do to display the scroll bar? If I need to put…
-
4
votes1
answer636
viewsChange cell color according to the result?
I am a beginner in this universe, and I am locked in my development into a simple function that I cannot understand. This code below gets a value from the database, and I would like in the color…
-
4
votes1
answer2772
viewsAlign icon with text vertically
How do I align the icon with the text? .material-icons { width: 24px; overflow: hidden; } .material-icons.tiny { font-size: 1rem; width: 1rem; overflow: hidden; } .material-icons.small { font-size:…
cssasked 7 years, 10 months ago Hugo Borges 5,294 -
4
votes2
answers718
viewsCreate two lines with Owl Carousel inside a foreach
I have a loop that brings 12 images or more. The presentation of these images should follow the following layout: So as soon as the "next" if pressed a new block will appear with 6 more items…
-
4
votes2
answers861
viewsWhat is the difference between :Nth-Child and :Nth-of-type?
Most of the time I use the :Nth-of-type but I didn’t understand exactly the difference between the two, someone can explain?
-
4
votes3
answers937
viewsHow to add a div or <p> inside a table
Well I have a table that I’ve assembled with css. I need to add an observation within a few lines, IE will not be in all lines. The problem is that I am not succeeding, I tried to post the doubt…
-
4
votes1
answer111
viewsGeolocation with Mobile Data
Well, I’m trying to make a project to be used in smartphones, more specifically in Android, but not this Developed on Android ! I’m just using HTML5 and CSS,all Responsive, and I want to put a…
-
4
votes3
answers2670
viewsTable with horizontal scrollbar
I set up a table with CSS, but I’m having a problem when reports are opened on mobile or tablet. The table gets flattened, or data gets confused. It has how to place a scroll bar horizontally, and…
-
4
votes2
answers3438
viewsHTML / CSS - input text Mask date, time
I am a beginner in the area and I do not have much knowledge, I have the following code, and I would like it to be filled only with numbers and in the format "00/00/0000" and "00:00" respectively. I…
-
4
votes2
answers7271
viewsDivs daughters extrapolam Div father
I’m trying to get the DIV father to be filled by all the DIVS daughters, but I’ve tried several things and it doesn’t work. Always ends the father DIV being extrapolated by the daughters. EDIT: I…
-
4
votes1
answer207
viewsProblem in scroll hover
When I mouse the button and see the content I can’t use the scroll bar, simply hide the content, someone can give a help? ul>li { list-style-type: none; } ul li:hover .mostrar { opacity: 1;…
cssasked 7 years, 8 months ago Samuel Souza 468 -
4
votes1
answer204
viewsSuggested script for creating an HTML tree?
Hello, I would like to know if there is a program of some kind that allows me to quickly create an html tree, as in the example: I would like to add along with the tags on the chart, the class name…
-
4
votes1
answer520
viewsDiagram of responsive hexagons
I found a code that assembles a set of hexagons (like a beehive) in a way that is responsive. I’ve made some adaptations to suit my purpose as a result, which is not exactly a grid. I simply added a…
-
4
votes3
answers6724
viewsHow to use Ellipsis css3?
I’m trying and I’m doing the same explains at w3schools but it’s not working. .box { width: 250px; text-overflow: ellipsis; border: 1px solid #000000; } <div class="box"> Lorem ipsum dolor sit…
-
4
votes3
answers1279
viewsIs there any way to make a div son, float while rolling the scroll of the father div?
I have a div primary, and within this, another div(secondary). I’m trying to position the div secondary in div so that it makes a floating DIV (popup style) that overlaps with other elements. But…
-
4
votes1
answer1936
viewsHow to create a scrolling menu?
As is done this fixed menu at the top of the page that when the user scrolls down the screen when arriving at a particular page location the menu decreases getting compact. And by turning the screen…
-
4
votes1
answer4550
viewsHow to zoom in on the image when the mouse hovers over it?
Like the one on that site -> https://flamengomaior.com.br/ A smooth zoom made from this site. What is the simplest way to do this? If possible in CSS/Html.…
-
4
votes1
answer81
viewsExcel tabs that were saved in html: how to take up
I made a spreadsheet in excel with several tabs and then saved in html because I want to use in my site. The spreadsheet tabs are at the bottom, the site user would have to scroll down to change the…
-
4
votes1
answer3003
viewsPrint contents of the HTML page
I would like to print a page of this format But when I print it is in this format I have a function in JS, but do not know how to solve this formatting problem CODE <!DOCTYPE html> <html…
-
4
votes2
answers2414
viewsPure Javascript add class function [can’t be left 2015/2016]
Good morning to all. I made an effect in which I click on a div and swap the image with css animation effect. In this case, I used jquery addClass/toggleClass (I used the 2). But I wanted to make a…
-
4
votes1
answer587
viewsWhat is Quirks Mode and Browser Standards Mode?
Time and again I hear the term Quirks Mode, but I never really understood what it means or what it implies in rendering the HTML / CSS document. What happens for the page to enter Quirks Mode, and…
-
4
votes3
answers2746
viewsHow to write HTML as text within a div?
For example I have the div: <div class="option" id="resposta-1" onclick="mudaConteudo()"></div> I would like to write without html recognizing as a tag but rather a text: <div…
-
4
votes3
answers3072
viewsHow do a div or span occupy only the size of its internal content?
How can I make the div or span occupy only the space of its internal content? When I create a div here, it always takes up 100% of the space. I tried this but it didn’t work: div{ padding: 10px;…
-
4
votes2
answers243
viewsHow to style the <p> tag differently?
But I can’t style it to look like the image below. How do I do it? It will be another tag? I tried so: p.acessorapido{ float: left; width: 100%; height: 38px; max-width: 885px; margin-top: 20px;…
-
4
votes2
answers132
viewsIs it good practice to insert CSS tags at the end of Body’s body?
I checked the performance by means of testing on the website of google so-called Pagespeed Insights, when inserting the tags related to the CSS at the end of the body of body scores go up. But this…