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
votes0
answers80
viewsText is not inside the div
I am doing float in html, but I had a problem typed a random text and the text did not fit inside the div, which could be, if I type something should not be inside my div ? <!DOCTYPE html>…
-
0
votes2
answers111
viewsHow to identify td line to mount a dynamic data-title
I’m setting up a responsive table with vertical alignment where css inserts via:content: attr(data-title); the value of the thead field(th). HTML desired <table class="table table-bordered…
-
0
votes1
answer153
viewsProblem when displaying div by clicking radio button and other div
I have a problem and I would like the help of friends: On an item choice page I would like to make appear a div that is occult when I select the radio button option. It works ok by clicking directly…
-
0
votes1
answer60
viewsHow to make a UL center horizontally and vertically on a Nav?
*{margin: 0; padding: 0;} nav{ width: 100%; height: 100px; background:gy;margin: 0 auto;text-align: center;background: rgba(0,0,0, 0.6);} nav ul{list-style: none; } nav ul li {display:…
-
0
votes2
answers32
viewsHow do I identify which element/pseudo-element I have to pick up to assign some styling (css)?
Example: I have the following button and would like to add the property :hover <!DOCTYPE html> <html> <head> <link rel="stylesheet"…
cssasked 5 years, 10 months ago Igor Carreiro 1,917 -
0
votes2
answers53
viewsdisplay block is not working on jQuery
I got the following jQuery script: $.ajax({ url: "_scripts/_php/_validacoes/cadastrarCelulaMembro.php", type: "POST", dataType: "json", data: { idPastor : $("#idPastor").val(), idRede :…
-
0
votes0
answers39
viewsDo with CSS background in degrade on the whole screen
I got the following css: @charset "utf-8"; /* CSS Document */ @import url('http://fonts.googleapis.com/css?family=Open+Sans'); * { font-family: 'Open Sans'; font-size: 1em; margin: 0; padding: 0;…
-
0
votes1
answer16
viewsMedia querie in order to change the image does not work
I put a media querie for when width reaches 600px, change the image to a smaller. @media only screen and(max-width: 600px) { .header-container { background-image: url(//i.imgur.com/obpnQqo.png);…
-
0
votes1
answer602
viewsUnwanted white space bringing the horizontal scroll bar to life by decreasing the screen
When resizing the screen, there comes a time when a blank space is being generated in the corner of the screen, starting to do something with grid and trying to make it responsive, I must add media…
-
0
votes0
answers59
viewsposition [in any situation] the footer at the bottom of the page
I got the following HTML: <body> <div class="todo"> <button class='button'>Login</button> <div class="topo"> <h1 class="h1Centralizado"> <?php echo…
-
0
votes2
answers764
viewsHow to align icons with text on the side of Bootstrap 4?
So, I would like to know how I can align the icons with the texts, in this case, the text right in the direction of the center of the icon. I tried it like this, and with some other Bootstrap…
-
0
votes1
answer310
viewsTaking ownership of an object with jquery and changing its style with css
Problem: I mount a news modal with properties of an object, however, in the title property of the object I need to pass the number of views dynamically, and need to change the source of the number…
-
0
votes1
answer553
viewsScroll problem when focusing on an input (Ionic)
Guys, every time I test my app on my phone, and I click on the input you have, the keyboard is covering the whole screen and I can’t see what is being typed in the input, I’ve looked at my css and I…
-
0
votes1
answer186
viewsDivs with FLEXBOX do not align correctly
I am new with FLEXBOX and I am developing a layout that would follow this structure: But I was only able to achieve that result: .container { width: 100%; background-color: #CCC; display: flex;…
-
0
votes1
answer142
viewsHighlight open anchor div from the same page
I have a page with several links that go in certain points of the same HTML page, however, besides going to the location of the id I wanted to highlight this id by changing the background or adding…
-
0
votes1
answer72
viewsPaging using PHP
I made a pagination using PHP that is working perfectly, however, when arriving at the penultimate page(10), the last page(11) it comes as a result "loose" and does not come stylized as if it were a…
-
0
votes1
answer35
viewsclass definitions do not apply in css
I am doing a project where I am creating several different button styles, created buttons with class names like "button-default", "button-default-Empty". The problem is that I can’t get the first…
-
0
votes0
answers35
viewsHow to configure the css of keyframes for Firefox?
Good Afternoon My question concerns the configuration of keysframes for the Mozilla Firefox browser In Chrome browser I used the following setting : #unidade-movel { position: absolute; left: 100%;…
-
0
votes1
answer56
viewsColumn not floating beside
I need the columns to float next to each other inside a card. For this I set the first column to occupy 8 spaces and the second 4. col-8 e col-4 But they’re not floating next to each other. I need…
-
0
votes1
answer147
viewsAdd Animate or classes when scrolling the page and arrive in div
I am working on a project in Vue and I need that when the user scrolls the page and arrives in a specific div, be added an effect or a class in that div, similar to Scrollreveal Someone has already…
-
0
votes2
answers1335
viewsHow to align items next to each other?
So, I’m dealing with bootstrap, html and css. I need to align two columns and have the items align to each other this way: Mine at the moment is like this: Someone can help me ? body { padding-top:…
-
0
votes2
answers163
viewsInclude files in the codeigniter view
Hello, I’m trying to call a js/css file that is inside application/views/app.js, but I’m trying to include it within a view that opposes in the same folder application/views/login.php but a 403…
-
0
votes1
answer2584
viewsHTML AND CSS - HEADER
I can’t color either the image or the text. Like a slider.. of the header. .topo { background-color: azure; } .img { float: left; width: 25%; } .titulo-principal, p { font-size: "Open Sans…
-
0
votes1
answer36
viewsReturns + column values match with PHP and Mysql
Good afternoon, I have a table that receives data from a mysql that works correctly. But it does not return the corresponding value of a column all within one , Example: How does it look: PROFESSOR…
-
0
votes1
answer343
viewsIOS does not apply CSS
This my form is not working on IOS, but on Android is perfect. In IOS it is as if no style has been applied. form.frm-captura{ width: 100%; } input.frmbtncapt{ width: 100%; padding: 10px; font-size:…
-
0
votes3
answers85
viewsMake item open when giving
Good afternoon, I have a "menu" and instead of being an item inside the other, I am using the ~ to be able to give Hover in the element after which I passed the mouse, then, this element opens, only…
cssasked 5 years, 9 months ago Lucas de Carvalho 6,427 -
0
votes3
answers179
viewsHow can I make a div disappear when I click a button
So I have a page and wanted to make one of those menus tops that when I click it makes appear the menu but I don’t know how to make mine div all which includes almost all html! My code: body{…
-
0
votes1
answer27
viewsDate field with wrong value
I have the date fields: @Html.EditorFor(model => model.DataInicio, new { htmlAttributes = new { @class = "form-control input-sm", @placeholder = "DD/MM/AAAA hh:mm" } }) @Html.EditorFor(model…
-
0
votes2
answers78
viewsDisplay next table id in a form input
I need to display the next id number in an input, in case the form would be for a new sale, then I need it to appear in an input where it says the current sale number q will be made, in case the…
-
0
votes1
answer742
viewsHow to create a list from data saved in Storage location
I have a task where I need to create a registry for users, save in the Log location and then in a list show on the site all registered users. I was able to save the user data, but I’m having…
-
0
votes1
answer37
viewsinnerHTML error
Good afternoon, I’m making a game of stone, paper and scissors, and I came across this mistake, I can’t find solution... x.x /* Para começar, vamos atribuir algumas constantes de pegar os elementos…
-
0
votes1
answer37
viewsDoubt - media screen
Hello, good afternoon! I’m creating a responsive website, so I need to create the breakpoints to adjust according to screen resolutions. However, I have a problem where I can only touch the div in a…
-
0
votes1
answer260
viewsProblem with bootstrap
I recently made a page using Bootstrap, and hosted it at Hostgator. When I see the live preview in Brackets or enter the hosted page, they are equal and no problem, this on my pc. However, when…
-
0
votes2
answers238
views -
0
votes2
answers168
viewsModal closes even clicking on it
the modal opens normally, but I cannot use it. Anywhere where I click the modal closes, the initial proposal is that I could write e-mail and password. .postagem { height: 100px; } #degrade {…
-
0
votes0
answers75
viewsUse Helium to discover unused css classes in Angular
I’m trying to use the Helium to discover unused classes in my css. I imported it into my index.html: <script type="text/javascript"…
-
0
votes0
answers28
viewsLimit Search Box fields
Good morning, I edited a code for a search box, but I want to hide the options that appear in it. In this case, I want it to appear only when the search is matched with the exact references. No…
-
0
votes1
answer353
viewsPage alignment css materialize
I’m using materialize as a framework for an application. I’m having a little problem with its interface. I cannot make the table that displays the data from the database (a gdocs spreadsheet),…
-
0
votes1
answer581
viewsHow to show only 1 image with Javascript
Good morning! I performed a customization for a page, where I used javascript to randomly show an image when reloaded. I have no knowledge of Javascript, I saw a video on youtube and I managed to do…
-
0
votes1
answer115
viewsiOS does not respect the overflow-x Hidden
I have a published website and it is featuring a side scrolling in version Responsive when accessed via iPhone that no longer exists on any device. Both in Safari and in Chrome is accessed via…
-
0
votes1
answer95
viewsDiv breaking line even with White-Space: Nowrap
Previously I wrote directly in TD the text and did not break line, but I needed it to be written in JS, but when inserting in JS happens to break line as in the image below: HTML <th…
-
0
votes2
answers479
viewsA div cover the entire screen in CSS
I have a panel where there is a button that pulls a function that takes a while to run, so I wanted to put an img of load and background with alpha, but it’s only taking a part of the screen equal…
-
0
votes1
answer65
viewsElement positioned with position Absolute is expanding upwards
I have a nav and within it I have a notifications icon. I made a *ngIf to show a card when the user clicks on the icon, I positioned this card with position Absolute, but within the card I have…
-
0
votes0
answers1144
viewsHTML does not find image <img>
Good evening, I’m having a problem with the HTML tag,I started a project for a website of a virtual store, first I did an HTML draft, then when I went to the PHP part, I installed the WAMP…
-
0
votes1
answer53
viewsHow do you take the elements
const headerNavLink = document.querySelectorAll('.header-nav-link') const headerNavItemTitle = document.querySelectorAll('.header-nav-item__title') headerNavItemTitle.forEach(function(e, indice) {…
-
0
votes1
answer80
viewsKeep tab color after clicking on it
I created some tabs, when I move the mouse over each of them shows the color I sent but when I click to open the contents of the tab I would like to keep the color, showing which tab is open,…
-
0
votes0
answers95
viewsDropdown menu getting out of the screen in bootstrap mobile mode
I’m doing a project and my dropdown menu when it’s in mobile mode is out of the screen like this here in the image <nav class="navbar navbar-expand-md navbar-custom2 "> <button…
-
0
votes1
answer101
viewsWhy is the custom cursor on my website not working?
* { margin: 0px; padding: 0px; } body { cursor: url("http://www.rw-designer.com/cursor-extern.php?id=51224"); background-image:…
-
0
votes2
answers347
viewsDynamic redirection with PHP Switch Case
I’m getting beaten up and I don’t know why, because this is the first time I’ve tried to do something like this, I have a menu like this: <div id="collapseUtilities" class="collapse"…
-
0
votes2
answers988
viewsHow to center an image in the header?
How do I center an image in a header? I have a 200x200 image I want to set the sides automatically and at the top of the header @charset "utf-8"; body { background-color: black; } div#interface {…