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
votes1
answer950
viewsHow to put a div in the middle of two elements inside another div?
Galley, How do I place a text from a div in the middle of another div that has two separate photos. <div> <img> <img> </div> <div> <p></p> <div>…
-
0
votes1
answer1070
viewsHover effect with javascript calling css class
I want to replace the 'product' class with the 'product' class with javascript, as soon as I pass the mouse through the div. How do this code? Js $(function(){ $(".produto").hover( function(){ //Ao…
-
0
votes1
answer82
viewsI have a question in the html and css of this code
Unable to adjust CSS below. I made a code where I play jokempo with the machine but the score is outside the player’s and computer’s Ivs. I’ve done everything I can to put it, but it won’t.…
-
0
votes1
answer26
viewsMake registration popup made!
Good morning, I want to jump up popup when the registration is successfully performed and placed at the base and want to know what part of the code I should put it on This is the php file: <?php…
-
0
votes1
answer668
viewsIs there any way to force the line break inside the <table> tag?
I have a Select in bank that returns me a number of records, in the case of tax notes, each note of these has N items, and I would like to make a subtable that when it is clicked, list correctly.…
-
0
votes1
answer23
viewsI cannot put menu above text
function toggleSidebar(ref) { ref.classList.toggle('active'); document.getElementById('sidebar').classList.toggle('active'); } #sidebar { position:absolute; top:0px; right:0px; width:600px;…
-
0
votes1
answer47
viewsSet which value will be stored in a PHP variable to be saved to the Database
I have an HTML page where the user selects the information he needs and stores it in the database when he completes the operation. It is a small form in which there are practically only check boxes,…
-
0
votes0
answers25
viewsButton does not appear in all songs
Good staff Here’s the thing, I’m doing javascript buttons to add music to favorites, but the extra button I added and style with css doesn’t appear on all songs, just a few. And another thing, each…
-
0
votes2
answers430
viewsAllow Submit to appear only when CERTAIN fields are filled in PHP
I need the DIV with Submit: <div class="botaonovochamado"> <input type="submit" name="CODIGO" value="Novo"> </div> Only appear when certain fields are filled in. For example:…
-
0
votes1
answer47
viewsWhy don’t my elements just go 3% sideways?
Here is my code var move = document.getElementById('main').children; var movel = 3; var x = 0; console.log(move.length); function right(){ for (var i = 0; i <= move.length; i++) { var cssPr =…
-
0
votes0
answers145
viewsButton appears superimposed
I am adding buttons to add music to the favorites, but this button is only appearing in the first songs, it does not appear in the others below, it seems that the buttons are superimposed... But I…
-
0
votes1
answer762
viewsHow to make the dropdown overlap the other elements?
When I push the button over the dropdown it does not override the other elements of the navbar only site. HTML <nav class="navbar"> <a href="#">INÍCIO</a> <a…
-
0
votes2
answers52
viewsLeave the CSS centralized
I just made this code but there’s a problem. How do I get the img centered? I’m trying to change my body, but nothing happens. Can someone help me? Thank you! body { margin: 0; padding: 0; } #back {…
-
0
votes2
answers900
viewsHow to increase the input="text" font and cursor according to the desired size?
I applied a 30px padding and the cursor and input source="text" did not increase as the internal spacing applied, is there any possibility of increasing the size as desired?? I tried applying a…
-
0
votes1
answer220
viewsBootstrap - Update only one div (Menu)
I am starting a project with bootstrap and would like to update only the div class=content when selecting some menu option. How do I do? Follows: ├── html files │ └── index.html Src/ ├── pages/ │…
-
0
votes1
answer30
viewsDo not adjust menu when submenu appears
I’m starting with flexbox, I would like to make a menu that does not adjust the width when submenus appear: /* Navigation - menu style */ nav ul { padding: 0; } nav ul li { list-style: none;…
-
0
votes0
answers36
viewsPart of the grid is hidden in Chrome
problems with Chrome. At first I am only working on localhost and bootstrap version 3, how can I improve CSS ? In Firefox shows the full site, but in Chrome it hides (the grid I called advertising),…
-
0
votes0
answers246
viewsDropdown menu does not overwrite and background div
The problem is this, I have a header with a background, I have a menu bar in this header, this menu bar has an item with dropdown, but when I call the dropdown it appears below but is cut when the…
-
0
votes1
answer43
viewsIncrease the size of the shield
I’m having trouble getting the shield to fill up by the end of the page. How do I do this? .circle { margin: auto; border-radius: 50%; display: flex; align-items: center; justify-content: center;…
cssasked 6 years, 5 months ago user64495 -
0
votes4
answers704
viewsHow to add a new style to an html element?
Hello, I would like your help in a problem that I have not found the solution. I have this code: (example) .cifra.mono, .cifra.mono pre { font: 12pt 'Roboto Mono', monospace; } .c_config span {…
-
0
votes1
answer166
viewsevent with javascript scroll
I have the code below creating the fadein and fadeout effect with the Animate.css library in a scroll event, but when the event occurs applying fadeOut, it reappears until it moves the scroll, and…
-
0
votes1
answer4470
viewsPlace elements side by side css/html/bootstrap
Need to put these two elements together, how can I do it? Using html/css/bootstrap. My code: Html: <div class="container"> <div class="pesquisa"> <form id="filter">…
-
0
votes0
answers388
viewsProblem with CSS page numbering in print view
I have a report where several tables are created separated by categories with specific header and footer that repeat. I need to add a page numbering for the categories where in each new category…
-
0
votes1
answer30
viewsHow to recover input value separately from Numbers with same class
Well, I’m having a little trouble getting the value entered in the input number of some cards I created... Basically, it’s repeating the value on all inputs of all cards All inputs are in the same…
-
0
votes1
answer715
viewsCentralize Icons in mobile - Css + Html
I’m not able to centralize my icones on mobile, I need this little force, here’s my code below @media(max-width:700px); footer{ bottom:0 ; position: initial; padding: 10px 0; height: 78px; right:0;…
-
0
votes1
answer2584
viewsHide div in mobile version
How do I hide a div in the mobile version? I have the following code: <div id="wrapper" class="home-page"> <div class="topbar"> <div class="container"> <div class="row">…
cssasked 6 years, 5 months ago user24136 -
0
votes1
answer170
viewsMove the image to the right side of the screen
How can I place the image against the right corner? See: The code: HTML <section class="apresentacao"> <div class="container"> <div class="row"> <div class="col-md-8…
-
0
votes2
answers1940
viewsSend form and post message of "success" on your own page, and after clicking on Submit appear another button
Hello I’m new in these code things and wanted to know how I make to appear the success message after I give Submit, I want those messages that appear the green field, like a div and edit with css.…
-
0
votes2
answers286
viewsHow to reverse the animation of a Modal?
I have a CSS code that makes an animation of a modal go down and stand in the middle of the screen, now I needed to reverse this animation, I need the modal that is in the middle of the screen go up…
-
0
votes0
answers20
viewsSemantics - Hide or remove feedback messages?
I know that this question can be closed because it is based on opinions but, in order to maintain good practices, follow the scenario below: 1- User made a registration on the site. 2- I display a…
-
0
votes0
answers35
viewsText overlay when changing height property
I cannot match the height of item "9". When I do this with the height property, the text is overwritten. table{ border-spacing: 10px; } td{ vertical-align: top; padding: 5px; white-space: nowrap; }…
-
0
votes0
answers38
viewsidentation with Highlight.js
I’m having trouble indenting with Highlight.js, the code being generated by marked.js. Has anyone been through it or knows any solution? index.html: <!-- highlight.css --> <link…
-
0
votes0
answers52
viewsmove an image over another image
I’m having some problems in css I think I have an image that when passing the cursor changes to a text, but I’m not getting over another image. have tried position:absolute but only gave me mistake.…
-
0
votes0
answers181
viewsBalls are filled according to the status of the page
I am developing a form where I have three pages and consequently three top balls, each representing a page. The form logic is already completed where each page is displayed according to the…
-
0
votes1
answer388
viewsImage animation up / down inside the div with Jquery
I have this code that makes an animation of images ascending infinitely, but it doesn’t happen this, as I could arrange for it to have the same effect of this site…
-
0
votes1
answer75
viewsHow do I style this code with css and html? Blogger
The code below is for list blogger posts within a bookmark, if the post has the specific marker it will be shown in this list I wish I could change the appearance of how everything is displayed and…
-
0
votes1
answer380
viewsHow to keep cards on the same line
I created a foreach of objects to display the data of these objects in cards, worked the way I wanted, but appears only 1 card per line, how do I generate 2 cards per line ? HTML <div…
-
0
votes0
answers120
viewsForm php redirecting to e-mail
Can someone help me with a mistake I’m having with a form .... <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>enviando E-Mail</title>…
-
0
votes2
answers1106
viewsScroll overlaying the navigation header (navbar) in HTML/CSS
I’m doing some tests and I wanted to take the scroll off the navbar, but leave in the rest of the main content of the page or below the navbar, but I’m not getting. Something like what happens on…
-
0
votes2
answers500
viewsbar effect filling css in menu
people need to recreate the menu effect of this site: http://mpcaminhoes.com.br/ but I’m not succeeding, I managed to create the bar and make the bar grow but it grows above the menu, capping the…
-
0
votes1
answer509
viewsCheckboxes with php Database
Good afternoon. I ask from now on to re-read my little programming experience. In case my question does not fit well with the theme that I will present, I ask you to excuse me. I ask for your help…
-
0
votes0
answers26
viewsAncora does not call the reference section
I have a page from the site that is responsible for presenting the products of the site. Think like this, you go to the page and have the category buttons, each time a category button is "active"…
-
0
votes2
answers115
viewsIs it possible to change the "href" of the <link rel="stylesheet"> of an iframe or even change the class/style an iframe element?
I need to change the CSS of a iFrame, but researching here, I discovered that it is not so simple as, soon, I saw that the iFrame that I wish to stylize, has a <link rel="stylesheet"…
-
0
votes1
answer127
viewsCan someone help me, I’m not able to type in input
So I have these codes here, my div is draggable/Moveable, but for some reason I can’t type in this input, can anyone find me? Thank you in advance :) //Make the DIV element draggagle:…
-
0
votes1
answer48
viewsError form login (front)
I’m making a login and registration screen, but what was supposed to be 2 in 1 ends up separating, is the Sign form up below login. Html <div class="login-box"> <div class="lb-header">…
-
0
votes2
answers154
viewsHow to align items with HTML and CSS?
Again I’m having trouble aligning items. I would like them to align the 3 inputs in the same line with margin, but they go down. #contato { margin-top: 120px; } #contato form { width: 100% }…
-
0
votes2
answers335
viewsModal Form Login appears once and disappears at the same time
I have a problem here with this modal form. JS works fine, but the modal window appears and quickly disappears. How to solve? <a href=""…
-
0
votes1
answer53
viewsTarget page with option already selected
I need that when the user click on a link it already directs to a page where there is a select. So far so good. The problem is to direct to this page and already be selected one of the options. For…
-
0
votes0
answers51
viewsThe modal form appears messy
I need a little help. My modal form appears messy when I put inside my project. On the other hand, when I create a separate page, it appears perfectly as it should be. Follow the code:…
-
0
votes0
answers73
viewsAnimate Delay with jquery
I was wondering how I do to put a delay on image exchanges using jQuery. I did a test and it’s not working, follow the code below. $(function() { $('a[href*=#]').on('click', function(e) {…