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
answers21
viewsRoll div to a point and stop
I’m trying to do something that should be simple but I’m not getting it. I want to take a div that has a form and make it roll with the page to a certain point on the page, let’s say the middle of…
-
0
votes1
answer38
viewsHtml.Displayfor() not breaking string line
In this code, the idea is to generate a list of records searching the database and showing in a cshtml the variables, for each item in this Model. In the Database, strings contain \n (line breaks)…
-
0
votes1
answer18
viewsI needed help with flexbox positioning
<div class"container"> <header> <nav class="menu"> <h1 class="logo">Commerce</h1> <ul class=menuLinks> <li><a>Option1</li></a>…
-
0
votes2
answers52
viewsProblem with "see more" (button)!
I am with a small project that is to optimize the "see more" on a site or application and I came across a problem. <div class="conteudo"> <h2> <span>teste</span> </h2>…
-
0
votes2
answers40
viewsCSS in an HTML page
I have this HTML page, but I don’t know how to do it in my CSS to fit 2 of these Rectangles in a Line <div id="flex"> <!-- Area Campeoes --> <div id="area-principal"> <div…
-
0
votes1
answer40
viewsExecute query by pressing a button and send to modal
I have the following code where I want to click a button, and in doing so run a Query and display the results in a Modal Therefore, the button: <a class="btn-sm btn-success view_data"…
-
0
votes1
answer24
viewsHow to place a button that is in the form and in the same row in a table column?
My problem is this: I am wearing bootstrap4 and would like to put the three buttons on the same line. how I proceed? <td class="col-4"> <a href="/FAQCategory/{{ $FAQCategory->id }}"…
-
0
votes1
answer24
viewsExisting dropdown menu (no bootstrap) stopped working after bootstrap library use
I have in the client’s page a dropdown menu that the client does not want to exchange. I had to insert a modal on the page and used bootstrap, it worked well. The problem is that the client dropdown…
-
0
votes1
answer80
viewsPrint Modal with CSS style
I am trying to print a css style modal using the function below: Content of the modal: <div class="modal fade" id="infoModal"> <!--Aqui vai o conteúdo do modal--> <div class="row…
-
0
votes1
answer22
viewsHow to superimpose and center one image to another?
I would like to know how to overlay one image on another and center it, and I am using different Ivs for filter:Lur(25px); do not extend to the logo either (drunkerslogo.png)however I am having…
-
0
votes0
answers41
viewsPlay one song at a time on an HTML5 Audio TAG that is dynamically created with the same ID
Good morning! I have a question regarding to be working with audio in a Web application, I have an App made in Python using Flask that sweeps a certain directory that has several MP3, so I create…
-
0
votes1
answer51
viewsProblems with HTML/CSS responsiveness
I am a beginner and I am venturing into the world of Web development. I’m having trouble applying responsiveness to the pages, it’s always ~left~ space on the body (a horizontal scroll bar appears)…
-
0
votes0
answers18
viewsLetters getting transparent along with the footer
I have a standard footer with a background image. This image is very green so I thought I’d make it a little transparent. but when I apply the effects of leaving the image transparent on the footer…
-
0
votes0
answers21
viewsHow to import fonts for IOS, Safari Browser, and more?
I have a problem, I believe it is compatibility. Using these formats and this means of importing works in several browsers. Windows works on all. However, it doesn’t work on Android, Brave, IOS and…
cssasked 4 years, 3 months ago Votor Pedrous 21 -
0
votes1
answer32
viewsHow could you create a javascript function that receives data from this html script? informed and age (in years and months)
based on that script: <h2>Qual sua data de nascimento?</h2> <input type="text" idade="Idade"> <input type="submit" value="Submit Idade"> I have this function, I don’t know if…
-
0
votes0
answers51
viewsStack objects as a multiple item selector with html and css
I have a list of words I want to stack in columns to save and use the left place in an html file for a Django project: I’m not very good at web development, feel free to explain to me as a 10 year…
-
0
votes1
answer91
viewsIn CSS and HTML how can I leave side by side?
I want to leave the div side by side and if possible with a vertical line dividing I tried div container like this but it didn’t work: div { width: 100px; height: 100px; display: inline-block; }…
-
0
votes1
answer56
viewsWhat logic can I use to remove a class and add the same removed class to another element?
I would like to be able to click the buttons on the menu to add the stylized class and return to the normal style on the previous button for example: when I click on the button 1 it is styled, then…
-
0
votes1
answer106
viewsCSS - Align text to the center of the screen, exceeding the size of the div?
I have a DIV located in the center of the screen, with absolute position. I intend to put a text in the middle of it, that if it is larger than the div, go beyond its limits on the right and left,…
-
0
votes1
answer116
viewsHow to make a div occupy the entire screen, superimposing the parent element?
Eae galera blz. I am in need of a help with the following effect. I have a button that when clicking it opens a list. But I want this list to take the entire screen. Except that when there is the…
-
0
votes2
answers67
viewsHow to move the input box
I would like to just move the box (the box itself) from the input to the right of my div. <div id='mainBox'> Distancia departure/arrival <input class='inputs'> <p></p>…
-
0
votes0
answers28
viewsProblem to link the map
I’m new here and new to programming, so I’m sorry if the question is too silly. I’m starting the project on a site and it turns out that when I link the site with the maps, there is a white "screen"…
-
0
votes1
answer103
viewsBackground with Parallax does not appear
https://codepen.io/carcleo/pen/JjbYQWa In the code below (and also in the codepen above) I have 2 div’s where I’m doing an effect Parallax. But I need to make the effect happen with background…
-
0
votes1
answer81
views -
0
votes0
answers46
viewsIt is possible to add click event on elements created dynamically ? <Read description>
Hello good night to all! I created elements in my HTML (span) and now I need to add a click event to display a sound whenever I click on some span tag that was created by Document.createelement but…
-
0
votes0
answers19
viewsHow can I make my dropdown menu "close"/"rise" properly
was making a menu for a website (school work), but I found a problem: When it is on small screen it creates that sandwich icon and when it is triggered the menu appears in the form of normal…
-
0
votes1
answer56
viewsUnwanted CSS white space
There is a white space at the bottom HTML page that I am creating. I wanted to remove it, but I don’t know the CSS parameter that is causing that unwanted space. The HTML code is as follows:…
-
0
votes1
answer46
viewscss class using jinja2 does not work
I’m trying to put css styles but just took the first block of code in my css style. css style. h1 { color: blue; } .login { display: inline-block; padding: 15px; border-radius: 4%; text-decoration:…
-
0
votes1
answer21
viewsCSS @media is not working
when the site is less than 600px, you should activate @media, but not enter * { font-family:Arial; } body { margin:0; padding:0; } header { display: flex; justify-content: center; } .container {…
-
0
votes1
answer33
viewsbtn:checked should expand a container but it doesn’t work!
I did a btn:checked that should expand the container . side-bar, but it does not expand! I tried to put it before the side-bar in html, it before it in css, they 2 at the same time before it and…
-
0
votes2
answers175
viewsHow to import local sources via Vue/Vue-cli?
I need to import a local source for my project on Vue, and I am not succeeding. I tried using the @font-face, in that way: @font-face { font-family: 'Oxygen'; src:…
-
0
votes1
answer66
viewsChange DIV color when clicked on condition (JS)
I am starting in js and I was doing some studies and practicing, but I stopped here, I would like to change the color of these three Divs when we click individually on each one to yellow, but when…
-
0
votes1
answer38
viewsAlign Ivs side by side and center
I am trying to leave an HTML page with some Ivs aligned side by side and centered on the page. I have the following html: <div id="container"> <div id="box-texto-1"…
-
0
votes1
answer72
viewsDoes not load video tag [ HTML ]
I can’t upload video to my React application. I’m using Chrome but I also tested it in Safari. It only generates a white screen. The tag is recognized because when I use Controls it enables. But the…
-
0
votes2
answers70
viewsHow to change style attributes of a . svg?
I was wondering if there is any way to edit the style attributes, more specific the Fill attribute, of an image imported from the format .svg. Example: In my html i import a file .svg through a…
-
0
votes1
answer46
viewsHTML/CSS - side-by-side alignment
I’m trying to align the div with the telephones and the div with the flags side by side, as in the example https://prnt.sc/103tig0 but they stay only under each other. I tried to use display:…
-
0
votes1
answer44
viewsIs there a way to set a max-height for the dropdown of the select tag?
I’m looking for a way to define a max-height for the tag dropdown <select>, if this is possible, once a max-height, me user overflow: auto; to do as the second image by setting a scroll bar on…
-
0
votes1
answer30
viewsHow to change the grid?
Hello, I’m having trouble putting the responsive part of the site, changing the grid from column to row, I’ve looked at enough documentation on the internet, but I’m still having a lot of trouble…
-
0
votes0
answers42
viewsSend an Ajax form without updating the page, just open a modal on the screen
Hello, I have a form that uses Phpmailer to send the data, but whenever I send it changes the page going to a white screen, I wanted instead to go to this white screen only open a modal on the…
-
0
votes1
answer49
viewsHow to prevent all items from exiting the screen when animating using Translate?
I need to limit the advance when pressing the "move button". The way it is if you keep pressing the button there will come a time when the items will disappear from the screen. I wish that didn’t…
-
0
votes0
answers16
viewsScrolling in blocks with your finger
Good morning, I’m mounting a one page with 5 blocks, where each block is sized to have the screen height. The goal is for each block to appear whole on a cell phone screen. I put a link in each…
-
0
votes1
answer35
viewsHow to remove this margin with bootstrap ? I already used m-0 but it doesn’t work
How can I remove this right edge in the div of the images and in the div of the container ? I’m using the bootstrap 4.6, I tried to use the m-0, but it applies to all content, except in the right…
-
0
votes0
answers33
viewsHow to create page numbering using HTML print
I need to print a document that is generated dynamically, with a list of tables that contains some lists of elements. Some of these lists may have literally multiple pages, other lists may have only…
-
0
votes1
answer24
viewsMake the image height exactly the same as the article?
I would like the height of the image to be adjusted to be identical to the article in such a way that if I add or remove some paragraph the height of the image would increase or decrease equally,…
-
0
votes1
answer41
viewsI created a function to remove the last string but this bug
I am creating a calculator and I did the function of removing the last number typed, but there is a bug that if I put to add, subtract, etc... with something (before clicking on =) it will start to…
-
0
votes1
answer38
viewsresponsive circumferences in specific places
Hello, I was putting circles and over specific dots of an image but I would like them to reduce their size but without leaving the position I want, i tried to use % also tried to use vw but never…
-
0
votes0
answers37
viewsshow and hide angular component
I have implemented a component to change the font color in a text, and this component is opened through a button and hidden when clicked on the same button or elsewhere outside the color component.…
-
0
votes1
answer29
viewsAdd a delay to the Buzz Out animation after each loop
Hello, I’m trying to put a delay in my Buzz out animation after each loop, I’m applying it in a text, which is inside the p tag. I’ve looked for several answers and most of them say to put the first…
-
0
votes0
answers19
viewsFooter (Footer) with CSS at the bottom of the page
I’m studying a little CSS. And I’m having a hard time leaving the footer at the bottom of the site, regardless of the content size. To illustrate better I made this example if I put this way the…
-
0
votes0
answers53
viewsHow to keep all Divs in their positions without side scroll
I am working on a personal project and while I was doing the HTML and CSS part of the code I arrived at this problem, the div that is in the middle pushes the div from the right side menu, creating…