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
-
1
votes1
answer1830
viewsSite icon in Shortcut when adding site to mobile screen on Chrome has Android option
I have a responsive site that is widely used on mobile by customers, always indicate that the customer use Google Chrome, because it offers an option to create a site shortcut on mobile, only it…
-
1
votes1
answer553
viewsTransition effect in angular menu
I ask for a transition effect in the menu when giving an ng show or ng Hide (click on the open button). <a class="sandwich panel" ng-class="{'open' : isOpen}" ng-click="isOpen=!isOpen;…
-
1
votes1
answer38
viewsClip property
I’m using the property clip in a tag to cut at the bottom of it, however this image will be dynamic, the width size is fixed but the height size will be dynamomic. So if I have an image with height:…
-
1
votes1
answer219
viewsDynamic background with CSS? How to do it?
I have a question, it is possible to exchange background as a condition? Example: function A() { if (meuArray.length === 7) { eu quero background verde } else { background azul } } At first I’m…
-
1
votes1
answer515
viewsStyle (css) SVG with border
I am using svg Sprite and would like to know how to style these icons, I can use the fill: color, but I’d like to give a Hover effect by just leaving the edge. I’ll put the codes I have here to make…
-
1
votes0
answers183
viewsOrganization of mautic form tables in an HTML site
## I’d like to leave the form that way ## <!-- ***** Contact Area End ***** --> <section class="contact_us_area section_padding_90_0" id="contact"> <div class="container"> <div…
-
1
votes2
answers259
viewsIs it possible to customize an Alert?
Between an if and Else I have a call from an Alert to return a reply to the user, between both the layout of Alert itself is not very according to the layout of the site, I would like to know how I…
-
1
votes1
answer93
viewsTransparent lines with CSS
You can do something like this with CSS only? Thanks…
-
1
votes1
answer407
viewsPage does not load SCSS file
I’m learning web development and started messing with SCSS in a layout but the browser is not pulling the same. It is being called along with the CSS that is working normally on the page. <link…
-
1
votes1
answer476
viewsCSS - When to click change another element
I wanted to know how to do so that when I click the H1 button change to the red color, only with css <!DOCTYPE html> <html> <head> <style type="text/css"> button:active + h1…
-
1
votes2
answers200
viewsCombobox without formatting Bootstrap / Firefox
I’m using Bootstrap in a project, but I noticed that in Firefox the combobox is not formatted. See: Already in Chrome and Opera is perfect: How do I fix this in Firefox? I saw on the internet that…
-
1
votes2
answers1417
viewsWhy doesn’t the background-color appear?
Well, I have the following code: body { background-image: url("imagens/fundo.png"); background-repeat: no-repeat; background-size: cover; margin: 0; } .container { margin-left: 10%; margin-right:…
-
1
votes1
answer579
viewsHow to declare and use the @viewport rule?
I’ve been reading that the meta viewport has better implementation by Rule viewport CSS, but it’s still confusing for me...
-
1
votes1
answer42
viewsAnimations with css
Hello, I have a question regarding animations with css, I have a page made in HTML for an Internet of Things system, that when the user clicks on the drink the system sends a request to a server…
-
1
votes0
answers59
viewsClick event does not get given
Guys, I’m a beginner in this whole world, and I’m looking to implement a function in an application of mine. I found a project available for download and changed all the code to my favor, but at the…
-
1
votes0
answers27
viewsWrong position of Wordpress posts
Broken images, should be a post below each other, completing 3 posts: Index.php <div id="bloco_um"> <div id="destaque"> <?php…
-
1
votes0
answers80
viewsSmooth transition from a Sticky menu
Created a Sticky menu, works perfectly, but the transition is not smooth, as I do to add? function stick() { if ($(this).scrollTop() > 140){ $('.header').addClass("sticky");…
-
1
votes0
answers175
viewsSmall bug with buttons inside Nav tabs in bootstrap
I’m having a problem with bootstrap nav tabs. Next: I’m building a screen with 4 tabs, each of which tab has buttons for various actions. When I click on any button of the first, or second, or third…
-
1
votes2
answers82
viewsError showing and hiding a div with Jquery
Gentlemen, good morning, gentlemen! I’m trying to show and hide an image if it satisfies the established conditions, but they only appear after Isis, not understanding what I’m missing. That is, the…
-
1
votes0
answers274
viewsBlogger can’t read data:post.body and data:post.url
I have social sharing buttons on my blog that work normally through the expr:href="data:post.url/data:post.title" parameter that takes, respectively, the address and title of the post in question.…
-
1
votes1
answer38
viewsRemove type when value is 0
I have the Web Essentials installed in my Visual Studio, and he made me the following recommendation: Logo, I removed the drive type. The style worked perfectly on Chrome, but while testing on…
cssasked 7 years, 8 months ago Jedaias Rodrigues 6,718 -
1
votes2
answers319
viewsHide div with fadeToggle when click out of it
There is a read with the id 'user-login-menu' that when clicked opens a div with a sub-menu, but it is only possible to close it by clicking again on the li. I would like it to be possible to close…
-
1
votes0
answers376
viewsCustomize select and understand the CSS effect
see this example I’m doing about customization of a select and an input http://codepen.io/anon/pen/peVNoq Note the input effect, click on the text box and you will see that the bottom edge has a…
-
1
votes1
answer779
viewsBootstrap HTML boot Collapse how to disable one when opening another
Hello, If anyone can check my html and css code please! I want that when clicking the zombie or multiplayer button when one is already open, the other is disabled. Like the Multiplayer Pod Boot is…
-
1
votes2
answers937
views -
1
votes2
answers767
viewsAnchor link to direct to a div does not work
I’m using Angular 2+, I’m trying to add an anchor that when clicked will take me to the target div, but when I click the anchor, my site is reloaded and adds the #parallaxdiv link after the…
-
1
votes2
answers336
viewsflexbox: space-between of 2 children starting at the middle and then ending
I’ve recently been contacting flexbox, discovered the property Justify-content: space-between; but I was wondering if it’s possible: <div class="pai"> <div class="filho1"></div>…
-
1
votes2
answers1248
viewsFooter go to the bottom of the page
My footer has a set height(height: 40px;). When the content of the page itself is small, the remaining area after it is all blank, because of the background, giving a bad aesthetic to the site. I…
-
1
votes1
answer196
viewsIs there a Problem in the Existence of Duplicate CSS, but 100% Equal?
I have an application, where I have a file called "layout" which is responsible for displaying the whole HTML(head, footer, body just to call the side menu which is another file), CSS and Javascript…
-
1
votes2
answers93
views -
1
votes1
answer150
viewsHow do I margin between an image and an HTML list?
I tried that, but the ordered list is still pasted to the image ol { margin-left: 5px; } figure { margin-left: auto; margin-right: 20px; }…
-
1
votes1
answer719
viewsHow to view PDF in pop-up when clicking link using html/css only?
On a given page of a website, I have an image with a link pointing to a PDF file. As it currently stands, when the user clicks on the image, the PDF file opens in another browser tab. But I need to…
-
1
votes1
answer259
views1920px PSD getting huge in 1366px resolution
Currently I have started to receive Psds with resolution of 1920px ie, the site made for larger screens, but the designers have sent me the site actually made in this size, ie, fonts, images and…
-
1
votes2
answers201
viewsEstilizar Required
Instead of showing that text box, I would like only the edges of my input to turn red when the user does not fill them in. there is some way to do this?
-
1
votes0
answers39
views"Block" a lib in a certain part of the code
In my code I am with a lib of materialize but it starts to apply css that I do not want in certain part of my code, there is a way to "Block" it in this particular part?
-
1
votes1
answer119
viewsBug Menu OFF Canvas
I made a menu that’s just off canvas when the screen is smaller than 768px, otherwise it appears by default on the page that works perfectly. The problem is that if I activate the menu and then der…
-
1
votes2
answers1421
viewsHow to change CSS in Ionic 1
Good afternoon, I’m trying to put css in Ionic, some things worked and others didn’t. I studied a little css with this booklet, I tried applying background colors to ion-list of menu.html, but it…
-
1
votes1
answer1905
viewsChange bootstrap default theme
Good morning, I’m studying Bootstrap and would like to change the default theme of it. I have the following navBar: I want her to have the following format: I know I have to change the default theme…
-
1
votes2
answers1579
viewsVertical alignment of columns
I’m making a code snippet where there are 3 "Columns" inside a "Row" of Foundation 5 as code below: .row{ background-color:yellow; } .align-vertical{ align-vertical:middle; } <div class="row…
-
1
votes1
answer102
viewsHow can I do a function if the customer clicks on the image of the left column it opens in the right div?
I have to do the following project of the first image, will show a column of properties(houses) and when I click one on the right will show the description of the house... if I want to see more…
-
1
votes1
answer60
viewsDropdow Vertical Menu and Images
I have on the site that I’m doing a dropdown menu, my problem is when I activate the Hover effect by hovering the mouse on the menu the images that are next to it end up moving along with the menu,…
-
1
votes1
answer1588
viewsHow do I dispose of the title over the - bootstrap image?
How do I place the title on top of the image with bootstrap? <div class="row"> <div class="gallery_product col-lg-4 col-md-4 col-sm-4 col-xs-6 filter hdpe "> <a data-toggle="modal"…
-
1
votes1
answer604
viewsWhat alternative mode could be used to block the click effect on an HTML element?
Based on an example by Sergio - How to prevent a click on a link/anchor or tied event element Example of my own making var ancora = document.getElementsByClassName('baixar'); for (var i in ancora) {…
-
1
votes1
answer45
viewsHow to invert an image within a @keyframe?
Well I’m wearing this @keyframe, but after descending to the right I would like the image to be reversed, this code does the inversion as I want it: img { // -moz-transform: scaleX(-1); //…
cssasked 7 years, 7 months ago Alexandre Seabra 115 -
1
votes1
answer1550
viewsCSS not being loaded in Php code
I have the following code: <?php include ("head.php");?> <title>módulo EAD</title> <body> <div class="container"> <header> <div class="page-header">…
-
1
votes1
answer492
viewsCSS Grid Layout - Browser compatibility
Regarding Web development, I have studied CSS grid layout using mainly videos. Some are a little older and instruct not to use this specification in production as the site will break. My question…
-
1
votes2
answers133
viewsmake div stay below the footer
Hello, I would like to know how to make a div follow the scroll bar of the screen and when you arrive at the end of the screen it is positioned below the footer and when you press the close button,…
-
1
votes1
answer121
viewsRecreate HTML elements from one Div to another Div by Classname
Well, some will suggest me using the cloneNode(true) Javascript to make a appendChild(var) in the GIFT. But for this case, I have used this native resource, but it did not meet my need. Why, when I…
-
1
votes2
answers62
viewsUse of Pseudo Classes in CSS
I know that pseudo classes are: :link, :visited, :hover and :active, but I would like to know if it has how to use the pseudo classes through class, id or inline. Sometimes I don’t want to use one…
-
1
votes1
answer127
viewsUse of Pseudo-Class :link
I’m using Pseudo Class for links, I understand the concept and use of a:hover a:active and a:visited , but I can’t understand the a:link. What is the use of it? If possible I would like a practical…