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
answer92
viewsHow do these Divs have the same height, but with their content they can be different?
How to make the Divs below have the same height every time? The content is dynamic, time content of the first will be higher, time of the second, I could use Tables, but the content is not tabular.…
-
1
votes1
answer501
viewsautomatic zoom in the image
I have the following code: .zoom { overflow: hidden; } .zoom img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .zoom:hover img { -moz-transform:…
-
1
votes1
answer895
viewsHow to group buttons inside a column into a table so that they do not change when the column is adjusted
I have a table that has 4 action buttons inside a cell of a column. When the names start to get larger in character, the table starts to auto-adjust and in the Actions column, the 4 buttons are…
-
1
votes1
answer155
viewsCentering H3 in Section (Vertically and Horizontally)
I’m having a problem lining up a h3 in the center of section. I’ve tried so many ways but nothing. .BlackSky { background-color: #1C1624; width: 100%; height: 300px; } .StarsSky { width: 100%;…
-
1
votes1
answer102
viewsIs there a way to customize Function Alert equal to the input required?
My question is somewhat specific, but I would like to know if there is a possibility to create a message from alert with the input pattern required? The situation is as follows: I have a linked div…
-
1
votes1
answer187
viewsGrid is not working
Hi, I’m having a problem using a grid.css. Here’s the thing, using the classes to define the columns, it just doesn’t work. I just want to line up 2 columns side by side. I’m using this grid:…
-
1
votes1
answer41
viewsNav-bar logo moves when website and placed in full screen
I developed a Nav-bar Fixed with an image in the center also Fixed, but when I put the site in full screen I realize that the logo also moves, how can I leave the logo fixed regardless of the height…
-
1
votes1
answer41
viewsGallery with skew occupying page width
It’s like, I’m trying to make on my site a section that has 10 degrees of skew, the intention was that this section would occupy 100% of the page width, but when I do skew are the margins coming…
-
1
votes1
answer90
viewsNavigation not occupying full size of browser
The thing is, I just noticed an error that my site has, is this, I set the max-width of the page to 1366px, if I zoom out in the browser all elements occupy the full width of the browser. But it…
-
1
votes1
answer97
viewsSlide show errors
Some doubts: 1 ) If we reduce the height of browser amending the resolution, the div.slider does not follow the height of div.slide. That is, it remains at the same height. Therefore, the image…
-
1
votes1
answer43
viewsImplement a specific size for a div
I want my table to be the same size as the div that contains my iframe. Is that possible? If so, what am I doing wrong? Obs: I am posting the parts of my code that affect the div that contains…
-
1
votes1
answer274
viewsPrint text positioned in image
I have a text positioned in the center of an image, the logic is to print a certificate, and this text is generated dynamically, this occurs correctly. The problem is when printing, the text is on…
-
1
votes1
answer27
viewsSection on top of another section
Section contacts above the text of section about us... Why? I have tried everything, margins, paddings, I cannot use z-index because sections cannot have relative or Absolute position... HTML: /*…
-
1
votes1
answer781
viewsChange HTML code via jQuery
I’m trying to enter the following code on this page to be able to change the text that appears when the customer subscribes to the modal newsletter, which appears when the customer is about to leave…
-
1
votes1
answer848
viewsRemove child element effect in CSS
I have the following code $(document).ready(function(e) { const blocos = $("div.slider div.slide div"); function startslider() { ativa = $(".ativa") if (!$(ativa).next("div.slide").length) { //…
-
1
votes1
answer421
viewsFull size auto select adjustment via option available
I normally research and do not disturb the patience of the members here, but this time I specifically need an example. See: <!DOCTYPE html> <html> <body> <select id="lista"…
-
1
votes1
answer675
viewsVideo like Background HTML 5 doesn’t work on Safari and Chrome on Mac
I put a video as background of a site with HTML 5, I open in Chrome and Firefox on Windows and the video rolls normal, but when I open on Mac (Chrome version 67.0.3396.40, and Safari 11.1) the video…
-
1
votes1
answer181
viewsAdd opacity between menu and background
I have a side header and when it is displayed I need the plan behind it to have an opacity, I have tried several ways I found on the internet, but none worked out if any can help me I will be…
-
1
votes2
answers50
viewsProblems with icon positioning
Good morning friends, I am with a friend creating a site to put in practice our studies, only that we are with a big problem in this social network buttons, we can not position this image in the…
-
1
votes2
answers1783
viewsCentralize input within a div using materialize
I have a form with a input inside, I’d like to leave it centered. I can do it on custom css. that I have. But, as I am using Materoalize, I would like to know if it has how to do it through it.…
-
1
votes0
answers226
viewsHow to make Carousel in mobile mode appear only 1 column
For example I have the following code: <div class="col-md-12 text-center"><h3>Bootstrap 3 Multiple Slide Carousel DESKTOP</h3></div> <div class="col-md-6…
-
1
votes1
answer21
viewsCSS shows only part of the elements of a DIV
I have the following CSS: @charset "utf-8"; /* CSS Document */ @import url('http://fonts.googleapis.com/css?family=Open+Sans'); * { font-family: 'Open Sans'; margin: 0; padding: 0; border: none;…
-
1
votes1
answer1864
viewsNight Mode html css js
Guys, I found an API on the internet of a Switcher that changes the theme of the page by clicking the button, but I’m not getting other Ivs to change color too, just the body that changes color,…
-
1
votes1
answer49
viewsMenu menu is not working when I click on toggle-btn
Menu menu is not working,when I click on toggle-btn it is not calling my menu-config, it is not showing up function toggleSidebat(){…
-
1
votes2
answers1383
viewsHow to add 100% height to a Bootstrap 4 column
I am using bootstrap 4.1, previously I tried to use the class h-100, and unsuccessfully, even Chrome Developer tools indicating that height:100% was applied to the elements. I decided to use a class…
-
1
votes2
answers244
viewsDo you have the ability to make a toggle button with two buttons?
I have a system, to change the layout of the page for a night vision layout, however for this to happen I had to use two buttons, and I think it’s better to use a toggle button to change the theme.…
-
1
votes1
answer151
viewsSubmit button does not show that it was clicked
I have the page below: http://funerariasaopedro.net.br/novo/contato.php In it has a form of e-mail and, of course, a send button. But this send button is getting one return false why are you sending…
-
1
votes1
answer361
viewsResize img inside a div
Hello, I have a website that has posts... and in some posts I put pictures on them, but these images are not responsive! and there’s no way to change her class to a responsive class... because these…
-
1
votes2
answers65
viewsTag exchange with javascript
I want to tag p be replaced by img in Hover, already bringing an image I have in the directory. Is it possible to do something similar? If possible, in the same function. Code: $(function(){…
-
1
votes1
answer35
viewsError of Declaration
I have a problem with a DIV statement, as I’m learning on my own, I’d like a little help with that. When I declare the DIV in this way I can place the images side by side, but there I can not insert…
-
1
votes1
answer225
viewsMouseover and Mouseout with Animate.css in use (Wobble)
I cannot make the Wobble of Animate.css work as soon as my web page loads as I am trying to make mouseover effect / mouseout and it is not working. The object starts with the triggered Wobble, when…
-
1
votes2
answers686
viewsHow to place a button in a textarea in Asp.net, c#?
Good. I have the following draft of a contact form done on Wix.com but I wanted to put it in my Asp.net project as well.. So far, so good : My code is this:: <body> <style> textarea,…
-
1
votes1
answer23
viewsHow do I specify a distant address within several others using an input type="checkbox"
I have a menu made with lists 'ul' with a sub-menu when clicking on the "checkbox" The element is very far away and the reference using the "checkbox" is right at the beginning, I do not know how to…
-
1
votes3
answers835
viewsCentralize Ubmit in form
I have the print below: I’m trying to give a margin: 0 auto in the botão submit within the form but nothing I do centralization that button. But I can’t do text-align: center otherwise it will…
-
1
votes0
answers293
viewsHow to encode with Email Marketing?
I’m starting with Email Marketing, never done before and am facing a world of difficulties. Through the tutorials seen on the internet, I could draw the following conclusions: We use table so that…
-
1
votes1
answer932
viewsForce Divs with text to remain in the same line?
I have the following HTML structure: <div class="cloud_current_folder"> <div data-folder-name>My Cloud</div> <div data-spliter></div> <div…
-
1
votes1
answer112
viewsHow to know the Jquery library version just by viewing the codes made by other users?
I have a small jquery code here, offered by a member of this site that I ended up finding, and I don’t know which version of the library I should upload and execute someone else’s code. I can’t…
-
1
votes1
answer184
viewsSubmenu the same width as the menu
The submenu is the size of the text, I would like it to be the size of the menu header { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px…
-
1
votes1
answer45
viewsmenu overwrite the entire Document
I got the following jQuery: $("div.menuMin img").click(function(){ $("div.menuMin").css("display","none"); $("div.menu") .css("position","absolute") .css("display","block") .css("width","100vw")…
-
1
votes1
answer730
viewsSelect not appearing in materialize
I’m trying to make a project here using Materialize, but the field select is not appearing. This one is HTML <div class="input-field col s4"> <select> <option value="" disabled…
cssasked 6 years, 6 months ago Victor Gabriel 61 -
1
votes1
answer49
viewsFocus/active event in a header
I have a traditional header, which thanks to @hugocsl, who helped me in that question, a color transition occurs when a menu item is in hover. Everything works very well, what I want now is to…
cssasked 6 years, 6 months ago John Quimera 541 -
1
votes2
answers116
viewsHide Menu tab
I am trying to hide the Nav menu bar when it enters a specific form, would be to give some example? This is the index of my form: @using PagedList.Mvc; @model…
-
1
votes0
answers122
viewsSearch system on the site itself, how to link as many pages and recognize the typed characters
I have a search bar here, but how do I search my htmls in my own pc directory? function executar(){ var tx= document.getElementById('tx').value; var lista = document.getElementById('ht'); var…
-
1
votes1
answer51
viewsResponsive cell resizing <th> <td>
How to adjust the size of cells so they are responsive? <body> <div class="corpo"> <main class="tabela"> <table> <tr> <th class="t">SEGUNDA</th> <th…
-
1
votes0
answers346
viewsProblem with CSS in Firefox
Hello, I’m with a project in Angular (2 and 4) and Materialize + Angular Material. The problem is, I can’t apply the CSS property zoom. Where in Chrome everything is ok but in Firefox it does not…
-
1
votes1
answer31
viewsDiv does not fit the screen
On the page http://funerariasaopedro.net.br/ I make use of the plugin to the immature https://michalsnik.github.io/aos/ Then the disposition of divs is thus by default <div class="aos-item"…
-
1
votes2
answers3096
viewsHow to make a gif of loading in Javascript?
Guys I have a very stupid problem in my HTML project, where I wanted to show a gif of a page being loaded, but it is a long time beyond what I report and with this, my real page is not to be seen.…
-
1
votes1
answer2264
viewsScroll Soft Bootstrap
$(document).ready(function() { $(".scroll").click(function(e){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); .menu{background:#ff0;}…
-
1
votes2
answers25
viewsSpecify element not to receive properties from other main elements
I have a menu and I just wanted to specify an element so it does not receive the same properties applied in the others, in case the element would be #Lk "PRODUCTS" it is receiving all attributes…
-
1
votes2
answers188
viewsHow to clone Divs from a past Select number?
I need to create a select with values from 1 to N numbers. After the user selects a number in select I have to clone the div lote from the selected value. Example: if I select number 2 in select,…