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
votes3
answers4831
viewsHow to center this image with Bootstrap
I’m trying to center the image but I was not successful, I was able to center, but I don’t know how to put in the middle of the div <!doctype html> <html lang="pt-br"> <head>…
-
2
votes1
answer124
viewsProblem securing side column when scroll is larger than its height
I have a layout with a main div and inside it 2 Divs, each one being a column: body{ margin: 0; } #principal{ display: flex; width: 80%; margin: 0 auto; position: relative; } #conteudo{ width:…
-
2
votes2
answers1634
viewsChange link color when hovering over in Bootstrap
I started learning bootstrap today and made a very simple test site. It has a navbar with some links. The point is that I can not change the color in the links when passing the mouse in any way,…
-
2
votes1
answer102
viewsHow could I implement a Swipe for this slide library?
I’m using this library / Plunker: I would like to make the touch work with the effect: touch-action: pan-x; Like this example, if you enable the console, with active mobile version can see the…
-
2
votes1
answer262
viewsHow to draw 3 CSS circles with 1 div
I would like to do 3 icones in CSS, but I don’t want to do with several div, div filhos, etc. I’d like something clean, like <div class="Status1"></div> <div…
-
2
votes1
answer32
viewsVertical alignment of two elements within a column
I’m trying to make a layout as shown in the image. Two columns, the second being aligned with a text at the top, and another text below. So far, what I have achieved is to align the entire text…
-
2
votes1
answer503
viewsCreate HTML shape and overwrite navbar
I need ideas on how to make a navbar like this. I tried with clip-path, but I don’t know if it’s a good one. These triangle curves and mainly the green bar curves complicate my life. The navbar is…
-
2
votes1
answer88
viewsHow to remove fixed side banner from footer
Hello, I’m trying to make the side banner stop before standing over the footer as picture below, but I could not find a way to make this stay fixed on the side of the page and not stand over the…
-
2
votes1
answer196
viewsOverlay effect from bottom to top
how to make this effect stand out in this div by hiding as much as possible the bottom of the image, as if the div content_box had the background: #000 and was rising gently according to his height…
-
2
votes1
answer196
viewsCreate dialog boxes within the page
I’m looking to create a kind of notification system that shows some messages in dialog boxes using pure javascript and css. The problem I’m facing is that I can’t display multiple boxes and dialog,…
-
2
votes1
answer63
viewsContent that loads other pages without updating the masterpage
Hey, how you doing? I would like to make a side menu with the loading of a page next to it, only when selecting an item from the menu, I do not want it to be loaded 100% of the page but only that…
-
2
votes3
answers316
viewsMake image appear/disappear by clicking
I would like the user to click on the button of the "Size" to appear an image of a cake together with the price I already got. My code is like this: $("#service").change(function() { var value =…
-
2
votes1
answer1259
viewsDIV side by side
How do I place the div gallery on the right side of the div description? HTML <!-- language: lang-html --> <div class="row"> <div class="col-md-10"> <div class="projeto">…
-
2
votes1
answer1761
viewsModify the style of a Checkbox by class [CSS]
I found in some blog a while ago a style for checkbox. It is an ethyl that was very satisfactory for some projects that I have done however, it modifies/stylizes all the checkboxes of the page. I…
-
2
votes2
answers614
viewsMove fixed div along with browser scrollbar horizontally
I have an unsolved complication... I thought, I thought and I couldn’t solve. body{ min-width:900px; min-height:700px; } #topo{ margin-top:0px; position:fixed; width:100%; height:40px;…
-
2
votes2
answers3520
viewsResponsive bootstrap layout
I’m creating a system using bootstrap, to make it responsive I used the classes col-xs-12 col-md-2, when I resize the page the responsiveness works perfectly, but when I use the mobile mode of the…
-
2
votes3
answers140
viewsProblems with <Progress> tag stylization in CSS
I’m having trouble styling a tag <progress>. I can not change the internal color and the inner part comes out half "square", sometimes even exceeding the margin. How can I solve? On the left…
-
2
votes3
answers397
viewsFooter does not remain at the bottom of the page
I have the following footer: <footer class="page-footer font-small footer-fundo-cinza"> <div class="container"> <div class="row pt-3"> <div class="col-md-4"> ... </div>…
-
2
votes1
answer44
viewsDifferent image colors when applied in a <video> tag
I’m using a video using the library material design bootstrap The problem is that the video quality looks different when I run in the browser and in a video player: Image in the browser: Image in…
-
2
votes1
answer121
viewsRegex to get comments from a CSS
I have this CSS: :root{ --bodyBackgroundColor: #ffffff; // pegar o comentário não importando o tamanho --bodyTextColor: #ffffff; // outro --buttonBorderFocus: #1d2124; // testando } Response…
-
2
votes3
answers154
views -
2
votes0
answers67
viewsNot loaded server style in Node.js application
I have a question. I’m using the github pages to develop a website using Node.js. In my host, styles load and I can view them normally in the browser. However, when I try to see the application to…
-
2
votes1
answer240
viewsSmooth animation of the lower div after removal of the upper div
Follows code below. Basically I wanted the div.div2 had a smoother 'climb': <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"…
-
2
votes1
answer88
viewsPositioning <p> on one side and img on the other
I’m not getting my position <p> left and mine <img> right, and even worse the first label of my form rises above my header, how do I position ? <div class="container"> <div…
-
2
votes2
answers1139
viewsEffect appear text when mouse and transparency in photo
Good evening Everyone I was able to make the effect of passing the mouse arrow and making the image transparent and make the text appear on top of the photo, but I can’t solve the following problem:…
-
2
votes1
answer45
viewsError with Html/Bootstrap text alignment
I’m having a problem with a website I can’t fix. I’m trying to make an information card without using a Bootstrap card because I want the image to be on the left side so I decided to do something…
-
2
votes1
answer183
viewsOPEN SELECT when "Hover" or "Focus"
I’ve searched several sites, but I did not find one that was what I wanted, the ones I saw expand the select using the size and that’s not what I want, I want as if it was a user click on the…
-
2
votes1
answer54
viewsHow to make a continuous slider?
I’m trying to make a continuous slider like this <div class="owl-carousel owl-theme"> <div class="item"> <a href="#" title=""> <img src="portfolio/img/thumb01.jpg" alt="">…
-
2
votes2
answers148
viewsas leaves the dropdown background white
I’m having difficulty leaving the background of the dropdown white (I wish I could remove this transparent from it) <!DOCTYPE html> <html lang="en"> <head> <title>Brown…
-
2
votes1
answer263
viewsHow to coclocar a "gallery" in a modal?
I’m trying to make a modal that when you click a photo gallery appears, with two columns but that stay centered and spaced, and also that the images get bigger, the way I did it was like this…
-
2
votes1
answer603
viewsOwl Carousel does not work
hello friends would like a help please. I’m trying to make a Carousel on my site and I’m not getting it at all. I don’t know if it’s a problem in the link , or in the case files, because the way I…
-
2
votes3
answers86
viewsHow to position the Text of a span below a Spinner
How do I position a centralized tag text below the spinner? It is positioned at the top left corner of the page... Thank you and a hug to all! <div id="cover-spin">…
-
2
votes1
answer108
viewsMultiple "form-Controls" within the same "form-group"
In this section of the Bootstrap 4 documentation, says: "We do not support Multiple form-Controls in a single input group" But on the same page, in the section Multiple inputs, a little further…
-
2
votes2
answers478
viewsStyles of my Datatable does not load in modal
I am creating a modal and inside I will put a table with some information, however, the content of the modal is not being stylizable. I already use the same table in other views and works normally…
-
2
votes1
answer325
viewsHow to switch between tabs inside a modal bootstrap?
I’m working with bootstrap to make a chat modal. The idea would be as follows: I open the modal where the user’s chat is located and in the first tab of the modal would be a content (last messages,…
-
2
votes1
answer2412
viewsHow to open instagram using iframe?
I’m trying to open my instagram profile using an iframe, to put my insta on my site, but so far I could not, stop that instagram has a kind of lock. <iframe id="frame"…
-
2
votes1
answer74
viewsButton and input color problem with bootstrap 3.3.7
I have a problem with the colors of my buttons, and I haven’t figured out how to fix it yet. If you have a button with type submit doesn’t stay in the color I want. Example with type submit:…
-
2
votes1
answer319
viewsAnimation to move image inside a span
I have a div with the id="origem" which contains an image of a star, how can I move the image to the span with the id="destino" using an animation of for example 2 seconds, the path has to be in a…
-
2
votes2
answers157
viewsAlign element items according to class using flexbox
I have the following menu: body { padding: 1rem; } .menu { display: flex; padding: 0.5rem; border: solid 1px #000; } .item { border: solid 1px #444; padding: 0.25rem; } .item:not(:last-child) {…
-
2
votes1
answer29
viewsImage does not rotate
I have an image gallery as follows: https://imgur.com/a/1apHMge But if you notice the image "Castanhaf" this turned to the right, it was posted straight on the server but is turning alone when…
-
2
votes1
answer31
viewsFirefox and Edge do not apply margin to the element
I have tested in Chromium browsers and operates, it worked, but in firefox and edge has this problem Use the Materializecss I have an element <main> which contains the main content of the…
-
2
votes2
answers476
viewsCentering dropdown menu in Bootstrap 4
By default, the dropdown component menu of Bootstrap 4 is left-aligned with the button that opens it: I need to align the dropdown menu with the center of the button so it looks like this: I found…
-
2
votes1
answer37
viewsImage does not align
I have the following report I’m doing for learning purposes. ul.ulHorizontal { height: 50px; } ul.ulHorizontal li { display: inline-block; line-height: 50px; } <ul class=ulHorizontal…
-
2
votes1
answer1642
viewsHow to make this transition effect using CSS?
How to make a transition with pure CSS, and in the final transition layout I will have 2 boxes on the left side. The transition: When loading the page, you will only have one box with evaluation…
-
2
votes4
answers80
viewsHow to align a smaller text to the top of the parent element?
I need to leave the ® of the smaller trademark and aligned with the upper part of the text, follows the print example of how I would need Unfortunately thanks to the other factors I’m using in this…
cssasked 5 years, 5 months ago Gabriel Ramalho Grotto 37 -
2
votes1
answer274
viewsAlign label to right of icon
I have the following list of ion-item with some ion-label misaligned <ion-list id="sidenav"> <ion-item> <ion-icon name="home" item-left></ion-icon>…
-
2
votes1
answer110
viewsAnimated background overlays page
Good, I’m doing a login page, and I wanted to put an animated wave background to represent the image of the company, but it turns out I’m not yet very experienced in this field, and I’m trying to…
-
2
votes2
answers110
viewsHow to change the color of the div without affecting :Hover
I am trying to change the color of my header as soon as it passes 400px but when doing so my :Hover no longer works in the div after sliding down the bar $(window).scroll(function() { if…
-
2
votes0
answers74
viewscss code has corrupted after system error
hello need urgent help, was working on the pc suddenly the pc stopped and restarted, when it came back, my css file was corrupted and now it appears in several lozenges code with interrogation, have…
-
2
votes1
answer273
viewsTrigger function only when form data is all filled
I created a radio form, which when filling the alternatives, when clicking on the Ubmit button, it sends the form data via AJAX to the PHP page applying the logic of how many questions were hit. The…