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
-
-2
votes1
answer70
viewsHow to create Divs with Specific Images?
What is the best way to create Ivs with the images below using CSS? I would like my dashboard to look exactly like the image you have as an example. I created two classes to try to insert, but the…
-
-2
votes2
answers236
viewsSwap image with onclick - HTML and JS
I am developing a code to change the image when it is clicked, this with several Divs, ids to be exchanged for the same image. I even managed to change the first one, but the rest do not change,…
-
-2
votes1
answer53
viewsHow to manipulate SVG to make it responsive
Hello, I did a background on Illustrator, I’m trying 3 steels that are not going: 1-Leave with 100VH height in desktop version 2 - Leaves 400px high in mobile version 3 - The list inside the Nav…
cssasked 4 years, 3 months ago JavaScripto 11 -
-2
votes1
answer35
viewsReturn two functions in a JS onclick event
My question is simple, suppose I have a button, when I once click on it I want to run a function as you can see below: function ativar() { var btn = document.getElementsByTagName("button");…
-
-2
votes1
answer78
viewsMenu with PHP and Mysql
I created a navigation system for my site. See: <nav class="navegacao" id="navegacao"> <ul class="menus"> <li><a href="#">Categoria 1</a></li> <li><a…
-
-2
votes1
answer40
viewsHow to align these Divs side by side?
I would like to put the image on top of H3 and p, and not on the side, which is how it is getting. I have tried several ways and could not... HTML: <div class="pad-top-90 pad-bottom-60…
-
-2
votes2
answers35
viewsHow do I align a <ul> vertically?
I’m trying to make a website and wanted to align a <ul> vertically. align items does not work but Justify content does <main> <nav> <ul class="nav-list"> <li…
-
-2
votes1
answer60
viewsjQuery Add class to dynamically generated element with click, but only on one of them and click on another, remove from the other elements
Hello, good evening friends, all good? I am studying and developing an All list,after adding an item(<li>) my <ol>, created an eventListener so that when you click on one of the items on…
-
-2
votes1
answer33
viewsTds do not use full table width
I created an HTML page with a table to store four columns (name, date, code and remove button) and, below, a form. I want the table to have a fixed width and height of 95vw and 80vh. To do this, I’m…
-
-2
votes1
answer130
viewsTag <p> does not break line according to DIV
<div class="row tweet"> <div class="col"> <div class="tweetContainer"> <p id="tweet">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> </div> <br /> <form>…
-
-2
votes1
answer64
viewsHow can anyone help me limit this element as it is in the footer? It is overwriting the header when it appears and I can’t limit it!
<!DOCTYPE html> <html> <head> <style> #banner { position: fixed; left: 10px; height: 300px; width: 110px; padding: 10px 5px; text-align: center; background-color: #fff;…
-
-2
votes1
answer24
viewsHOW TO MAKE CONTAINER CRUSH UL?
Good afternoon ! How can I make the container hide ul when the checkbox is checked? or how I can do it in another way that is simple, only with CSS * { margin: 0; padding: 0; box-sizing: border-box;…
-
-2
votes1
answer30
viewsI need at least one of these fields to be marked
Good afternoon, I need that when filling the data, at least one of these options is put as mandatory marking, I do not have much knowledge in the area, it may be something simple, but I’m catching…
-
-2
votes1
answer24
viewsHow do I place the checkbox next to the label?
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">…
-
-2
votes1
answer21
viewssync slide of scrollbars of different sizes
someone has some insight on how to synchronize the finish of two existing scrollbars of different sizes on separate Ivs? <div id="div1"…
-
-2
votes1
answer27
viewsError using :Hover selector
Good Afternoon, I created a project and am using HTML, CSS and JS in it. I created a menu and applied the :Hover selector to the links, but it doesn’t work! Note: I am using reset.css! body{…
cssasked 3 years, 11 months ago Dimas Felippe 9 -
-2
votes1
answer37
viewsThe page goes back to the top to each <a> element pressed, how to prevent?
I’m having trouble in a part of the code where every time I press any button, the page goes to the top. I have only a few numbers, but in the future there will be several numbers (anchor elements)…
-
-2
votes2
answers75
viewsButton can not mark radio button nor do right in div
good morning! I have the script below that is with two flaws: When I click on buttons the radio Buttons are not being marked When you click the button on the right, the ball moves to the left and…
-
-2
votes1
answer25
viewsScroll only works on a div
<html> <head> <meta charset="UTF-8" /> <title>Astro</title> <link rel="stylesheet" type="text/css" href="styles.css" media="screen" /> </head> <body>…
-
-2
votes2
answers75
viewsHow to create three inputs with the same line?
HTML <div id="main-container"> <form id="register-form" action=""> <div class="half-box"> <input type="text" name="cc" id="cc" placeholder="Numero do cartao"> </div>…
-
-2
votes1
answer38
viewsTo make div appear is to disappear after a while
I have a code that generates a random number is to appear in div = value, right away. But I wanted this div to become invisible and after I click on the button it appears speak the value and…
-
-2
votes1
answer36
viewshtml/css - image alignment
Hi, I’m starting now with html and css and I’m running some tests. I would like help to leave the image on the right side of the browser and leave a list on the left side. html <!DOCTYPE html>…
-
-2
votes3
answers44
viewsI want the main tag not to be affected by the margin
I’m trying to put a second background on my site using the main tag, but I wanted the background to stay next to the text on the sides (without this empty space of margin, in the case of this space…
-
-2
votes1
answer39
viewsWhy is my - flex display not working?
the HTML code is this- I wanted to put a flex display only in "forms2" for the inputs to be in Row. What should I do? <div class="forms1"> <div…
-
-2
votes3
answers56
viewsHow do you put a div that’s inside a container under each other?
I’m having the following problem, my Divs are getting online, I’ve tried several ways to try to insert one under the other, but it still doesn’t work. The correct would be to stay in the format…
-
-2
votes1
answer64
viewsHow to check if an element is visible with Javascript?
I hid a div using a CSS file and then tried to check if the div was visible or not with Javascript, my code did not return anything. Code used:…
-
-2
votes2
answers51
viewsHow to remove spacing between main tag and header? (solved)
When I place an element H2 within the tag Section who is the daughter of main, a spacing appears blank between the main and the header. The problem also occurs if the H2 tag is placed inside the…
-
-2
votes1
answer35
viewsfadeOut CSS does not add up
I have the following code, but the problem is that it should disappear altogether, but after a while it comes back and becomes static. I wish it were gone, that the element was removed, as I can do?…
-
-2
votes1
answer32
viewsHow to center image group with flexbox
I’m trying to center the images using the: Justify-content: center; tried in many ways but I could not get someone can give a strength? I want the images to be in the center of the screen with…
-
-2
votes1
answer43
views -
-2
votes1
answer51
viewsIntermittent CSS icons when reloading page
I am having problems loading icons, but it is rare and difficult to reproduce the problem, as it occurs from time to time in the update with F5. Only occurs in bootstrap css icons or any css font…
-
-2
votes2
answers44
viewsI’m not being able to print javascript
Well I’m trying to make a simple html page where the user type a number and then the page shows the Full of it. Only I’m not getting the page to type Abuda, someone can help me?…
-
-2
votes2
answers52
viewsTrying to place the images next to each other with the display; flex
<section class="flex"> <div><img src="fotocurriculum/moletom.jpg" alt="moletom"> Moletom Branco</div> <div><img src="fotocurriculum/moletom.jpg" alt="moletom">…
-
-2
votes2
answers31
viewsadjust border bottom top
opa, so I’m making a menu and I put a border-bottom on :Hover it but I think q this very tight with the menu wanted to give a space between them but I’m not getting, I tried to increase the height…
-
-2
votes1
answer59
viewsHow to highlight the menu option for the current page?
Hello. I am making a site with tabs, and would like to know how to make the section (word) of the menu highlighted according to the image. I managed to put, but it only stays on the menu Beginning,…
-
-2
votes1
answer27
views -
-2
votes1
answer35
viewsImages posted on my page do not appear
I created three pages on my site with the elementor, but the images used do not appear on any of them after publication. I requested the support of my hosting provider, which identified as an error…
-
-2
votes1
answer54
viewsCss not working in firefox
I have a pub Progress that has some styles in it. I made some adjustments to it, such as placing border Radius and adding text inside the Progress bar. The problem is that when I preview this…
cssasked 3 years, 5 months ago souzatorquato 7 -
-2
votes2
answers72
viewsCenter an element with css
I’m trying to make a pop-up with a login screen, however the div of class="form-login-div" is not being automatically centralized at all. Any idea? CSS: .form-login-div-parent{ width: 100vw;…
-
-2
votes1
answer50
viewsHow do I stop the POP-UP video when closing the page window?
Well, I don’t have much HTML experience, I’ve tried and I can’t get the video to stop playing when closing the POP-UP window. If anyone can help or give a hint thank you. <!DOCTYPE html>…
-
-2
votes1
answer47
viewsI want to do a css animation
In my project, I would like to make an animation ,when a box increases in size, a text appears inside the box. CSS .dvabout{ opacity:1; float:left; margin-top:50px; width: 300px; height: 100px;…
-
-2
votes1
answer29
viewsProblem with Alert
Good afternoon, I’m starting with Javascript/Jquery I’m having some problem in my project’s Alert. It may be a logic problem, but because I’m starting out, I can’t see where the error is. It is a…
-
-2
votes1
answer22
viewsRemove Styles with "Display None" depending on the logged in user
Wish on this page made in Wordpress make some classes style sum depending on the logged user. Example: Admin can delete and Upa files so all classes must be active Already the User to classes…
-
-2
votes1
answer33
viewsHow to put CSS in more than one LI (list/html)
good afternoon. I am participating in a course where our challenge is to make a simple "visit" card. Well, I almost finished, but I can’t put the logos next to the sites. First I made the UL list…
-
-2
votes2
answers72
viewsSpace between text and table borders
How I remove or reduce the space between the text and the upper and lower table edges? I need to be closer to the text because I have a large form and with these spaces does not fit in a sheet for…
-
-2
votes1
answer40
viewsHow can I hide information in php?
I have the following structure $tabDados = "<table id='cabTabela' border='3'> <tr> <td id='cabCelula'> <br>nome completo</td> <td id='cabCelula'> <br>numero…
-
-2
votes1
answer32
viewsHow to place Tagas ''a' in the banner corner?
I want to schedule the time and contact in the right corner of the banner and it’s like this : https://prnt.sc/1gnnx6b code: .banner { background-image: url(../img/banner-barbearia.jpg);…
-
-2
votes1
answer25
views -
-2
votes1
answer45
views -
-2
votes0
answers22
viewsImage not found
I’m redoing a client’s website and the images don’t show up The html: <section class="u-align-center u-clearfix u-image u-shading u-section-1" href="img/pedrafundo2.jpg" data-image-width="1280"…