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
answers22
views -
0
votes1
answer66
viewseverything I’m using on this site HTML + CSS + JS + PHP
I am having a problem with this work and would like a help, I would like to save what was written without reloading the page after clicking on "save". sorry if it got a little messy, first time…
-
0
votes1
answer102
viewsHow to organize HTML?
Watch the image; I need to put the letter "A" here in the middle as it shows the arrow, but I do not know how to do it, I have tried several ways. The code below is my HTML: <div…
-
0
votes2
answers133
viewsHow to move the cursor to the end of content with span of a contenteditable element after Focus
I am making an input text using contenteditable, what I need is a Javascript button that when you click Focus in this field, I even managed, but after that I need to put the cursor at the end of the…
-
0
votes0
answers81
viewsText on responsive image
I was able to make an image responsive, but the image will have to have a text on top and I can’t make the text responsive together. here is my code: h1 { font-family: sedgwick-ave; font-size: 5vw;…
-
0
votes2
answers174
viewsRemove Edges from element
I need a great help, I created a layout as in the example below <style> /* CSS for the main interaction */ .tabset > input[type="radio"] { position: absolute; left: -200vw; } .tabset…
cssasked 5 years, 6 months ago Thiago Maia 121 -
0
votes0
answers39
viewsI’m not getting my final file expanded with Gulp-Sass
hello, I’m unable to leave my final . css file expanded, I’ve tried to put in outputStyle the word Expanded but the file remains compressed there goes the code where is all the Sass code. //Adiciona…
-
0
votes2
answers803
viewsAccordion Bootstrap 4
How do I decrease height without losing the responsivel part? .card{ margin-bottom: 20px; padding: 0px 0px 0px 0px } <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"…
-
0
votes2
answers152
viewsHow to make a text field mandatory when one of the radio Buttons is selected?
I intend to make the field "Idsiliamb" mandatory, only when the radio button "Company" is selected, if the field "Private" is selected nothing will happen. At the moment when I select the radio…
-
0
votes0
answers51
viewsSpace below div with image
In HTML and CSS is appearing a white space below the image, see the example, the error is this white space between the image and the black box .div1{ width: auto; height: auto; display: block; }…
-
0
votes1
answer187
viewsLines cards with large text on the same line
I have a screen that makes a user card listing, but depending on the size of the text that will go on the card, it loses orientation and ends up "popping" the line. Example: How I need: How can I do…
-
0
votes2
answers66
viewsHow do I make the content and footer respect the top?
I am with a problem, my content and footer n respects the logo and the menu. How could solve this problem? body { background-image: url(img/fundonew.png); background-repeat: repeat-x; font-family:…
-
0
votes0
answers52
viewsVideo on site does not lock
We are developing a website where the banner will be a video. Through Pixabay, we found a video that is perfect for our client’s business. The problem is that the video is crashing when we go up to…
-
0
votes0
answers130
viewsInsert HTML content into modal window with Jquery
I am loading content from a JSON file, formatting with Jquery and inserting inside the modal Bootstrap, the problem is that it does not learn the CSS formatting used. Code to load JSON…
-
0
votes1
answer84
viewsActive list for other in Javascript
I am trying to make a list work, that if an option in the first "select box" is selected, the other "select box" appears. But it’s not working. At first the codes are right. Can anyone tell me…
-
0
votes1
answer25
viewsng2Charts Linea: How to apply responsiveness to this graph?
I’m using the online chart of ng2-Charts, It has a good view on my monitor, but in mobile is a bad view of the data. My chart in the default display of the monitor: The same resized graph: My html:…
-
0
votes0
answers37
viewsDoubt about google map
Hello, I have a question about the google map and I can’t find an answer on the internet, basically I wanted to use a map with interactive black colors as the google map and I had to do several…
-
0
votes2
answers52
viewsProblems showing font color in active field
good night! I’m going through a problem that’s been racking my brain for days. I try to leave the color of the letter in the active tab field, but when I step (color: #fff) to the specific class, it…
-
0
votes1
answer52
viewsMagnetic effect
I’d like to use this effect on one of my projects. const ui = { btn: document.querySelector('.c-magnetic-btn') } const state = { bounds: ui.btn.getBoundingClientRect(), threshold:…
-
0
votes1
answer37
viewsHow to solve Struts Submit CSS?
Watch the image; I’ve done everything to put this button in the right place that I can’t, it just gets weirdly in the corner of the screen, it’s very strange behavior for the one button. These were…
-
0
votes2
answers51
viewsStart script after a preset time
I have a little problem here, I hope someone can help me. I have two elements: h1 and h2, I made a script for typing effect for both, only I want the typing effect of h2 is started only when the h1…
-
0
votes2
answers109
viewsI wonder if there is any way in CSS to identify scroll scrolling
I have a page where the header is in the top:0 position: Absolute, but I wanted it to change to position: Fixed, in case the user scrolls up. Example: at the top of the page the menu will stay at…
-
0
votes2
answers201
viewsFull screen image using Materialize’s Parallax
I’m starting with Materialize, and I’m having a doubt. How to leave the background image of parallax? Currently, the function image is in the middle of the screen. CSS <style>…
-
0
votes1
answer89
viewscss working different - inside tag or in separate file . css
I built a basic file with a simple menu. I simplified it to the maximum to try to find the problem and I can’t. The problem is that when entering the site, the animation specified in the Transition…
-
0
votes0
answers27
viewsHow to remove image transparency and input text and make the Forms background transparent
Good morning, I just wanted to make the only form background more transparent but it changes everything inside, does anyone have any tips ? thanks... <h:body> <p:growl id="mensagem" />…
-
0
votes1
answer71
viewsDoubt about HTML table
I am doing a small work, which contains a table as shown in the image, unfortunately I am not able to accomplish with this code: <table border = 1> <tr> <td> Cliente </td>…
-
0
votes1
answer60
viewsCreate layout with`content` responsive
I’m developing a layout, but I need help. I want to create a content fit the page. sample code. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta…
-
0
votes0
answers100
viewsHow to create a Download while the page is not all processed after the return of AJAX?
Hello. I have a code that queries the database (when loading the page) to fill a table (This is done via AJAX). I created a div that contains a gif from a Download and it displays as AJAX fills the…
-
0
votes1
answer668
viewscss file does not update on Django
The problem is that when starting the site, it loads the css file the first time. But if I edit this file Django does not recognize and continues the same way. I’ve tried a Reload on the local…
-
0
votes1
answer388
viewsHow to click a button and activate an "active" php class
Hello I am beginner in programming, I would like to know how I can disable and activate a class "Active" from php by clicking the buttons. .container { width: 100%; } .step-pog-bar { margin-top:…
-
0
votes1
answer21
viewsCenter the list on the side Nav
I started learning layout with CSS recently. I have a certain problem that the list in div(gray) side is not getting in the center. It is easy to see my problem when running the program. I believe…
-
0
votes0
answers27
viewsHow to resolve IE alignment when styling a uib-accordeon?
Good staff, I’m having some difficulties when I do styling uib-accordion. Chrome/IE/Firefox results are different from IE11. How can I fix this? Here is my HTML: <uib-accordion…
-
0
votes2
answers164
viewsDecrease DIV when another DIV expands
I have a div that has Collapse and a div that should only take up the space of the rest of the div major. How do I make the div that occupies the rest of the larger div decrease in height when the…
-
0
votes1
answer87
viewsCollapse Horizontal Menu with Jquery
I am making a horizontal menu, in which the submenu will be opened in Collapse by clicking on the parent link. However I am not able to make the submenu open with jquery by clicking on the parent…
-
0
votes0
answers14
viewsAnimation in CSS Enable X in X Time
Is there any parameter for my animation to activate x in x time? For example, every 7 seconds I want this animation to activate: <!DOCTYPE html> <html> <head> <style> body {…
-
0
votes1
answer66
viewsResponsiveness Css
@media screen and (max-width: 1100px) and (min-width: 600px) { html { width: 100%; height: 200%; } body { background: #f8f8f8; font-family: "Verdana", Times, serif; font-size: 18px; margin: 10px;…
-
0
votes2
answers152
viewsHow can "Transition" in CSS not occur when the page is updated?
I’ve been creating some transition in some projects and I ended up noticing that the transition occurs when the page is loaded or updated. I have this example where the transition is to occur only…
-
0
votes1
answer234
viewsCSS Reverse Transition Effect
How do I make this search bar instead of being opened right be opened left? <style> input.input_home { height: 50px; border: none; outline: none; padding-left: 50px; width: 0; position:…
-
0
votes2
answers91
viewshow can I take a value of a variable in javascript and 'concatenate' in a <p> text in html?
for example I have the following html code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jogo da memoria</title> <link…
-
0
votes2
answers185
viewsAdjustment of the canvas in css [closed]
Hello I have a problem adjusting my Ivs I in the left div have with that the height is 100% of the content and I wanted the middle div and the right div to be the same size as the left div but I did…
-
0
votes1
answer41
viewsProblem of content organization
Hello I have four selects and each select has its specific title, but I have a problem although I in HTML have the title on top of the select and below a button, the title of the select appears on…
-
0
votes1
answer193
viewsPage content in a sidebar
I’m venturing into frontend, I’m struggling as I put the contents of a page on a sidebar example: if I click 'profile' the profile content appears on the side if you click 'flight' the contents of…
-
0
votes0
answers27
viewsHow to set a minimum width for a responsive layout?
I’m working on a "responsive" HTML layout whose internal elements adjust to the width of the desktop screen and devices mobile. However, I cannot structure my layout functionally below 480px.…
-
0
votes1
answer220
viewsSlider with HTML web pages
I need to make a slider with web pages, for example that every 15 seconds make a page exchange within the same html page, I was able to do but it is accepting only images and text, I would like it…
-
0
votes2
answers78
viewsAnimate script that changes the "src=" of an image
I’m developing a project and I don’t know much about javascript. I was able to make this code to change the main image as it is clicked on Thumb. The only problem is that I would like you to have…
-
0
votes1
answer164
viewsAnimations in the elements happen as soon as the page loads
Hello, in my project I have an animation in Javascript with the page scroll, which adds the Animate class, so I approach the element, but only some elements of the page are working perfectly, other…
-
0
votes0
answers30
viewsImages disappear in Safari slider?
The website is www.gogogostore.pt . Images cut and on mobile everything is cut. I don’t know if it’s a CSS problem but this is it: /** ROLETA **/ .wrapper{ width:100%; position:static; margin-top:…
-
0
votes1
answer74
viewscenter facebook messenger boot
I’m not getting to center the facebook button at all! If anyone can help me, I’d appreciate it! Follows HTML of what I tried to do: <div id="fb-root"></div> <!-- Your customer chat…
-
0
votes1
answer371
viewsMaterial Angular Material Inputs 7 Error Displayed
Good evening, I am creating this form, and it is presenting a strange display error. Using Angular Material 7. Has anyone had similar problems? Follows html content: <div class="flex-box">…
-
0
votes1
answer43
viewsDifferent layout in anonymous window and other browsers
I am developing a simple site with html,css, in case it is necessary I put the code later. but the point would be I’m using grids with Row and col of bootstrap, when I open from normal Chrome the…