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
-
1
votes1
answer482
viewsOpen div by hovering over input text
I have this div, where the input text is inside: <div class="col-md-4" id="passarmouse"> <input type="text" asp-for="FornecedorID" onkeypress="return BuscaDados(event);"…
-
1
votes1
answer58
viewsImage does not float with bootstrap 4
I’m trying to get the image to be next to the content on devices bigger than large but this does not occur: Follows my code: <div class="container"> <div class="row"> <div…
-
1
votes1
answer203
viewsSelect more than one option with stylized checkbox
I’m using some stylized checks to mark some product sizes on a filter, seeing by Chrome inspection the checks are there when clicking the filter is performed, but in the normal view I couldn’t leave…
cssasked 6 years, 2 months ago adventistapr 5,498 -
1
votes1
answer103
viewsDiv fixed when it reaches the top
Well I do not know even ask and name as is the name of this feature, something similar to the site of Airbnb when the right side card reaches the top of the page it stays fixed moving only the…
-
1
votes1
answer471
views<thead> with fixed top table
I have a <table>, and would like to leave the <thead> of it with fixed top: <table class="table table-responsive table-hover" id="tablepesquisaprodutos" style="font-size:12px;">…
-
1
votes1
answer277
viewsAssign NAV command on buttons - Owl.Carousel
I would like to understand how I pull the NAV command from Owl.Carousel for my buttons already stylized in a separate div. Example: Sample code: $(document).ready(function(){…
-
1
votes1
answer406
viewsHTML CSS - Organize images(figure) with captions(figcaption) on the page?
I’m having trouble putting the caption inside my image, I want the caption to be at the bottom of the image (inside it), another thing is that my Section.gallery is not inside my div#interface and I…
-
1
votes1
answer57
viewsForce two elements to always occupy the same space
How to make two elements always occupy the same space, independent of the browser and screen size? I used the transform translateX however, when testing the phone did not work, here I put -18px, in…
cssasked 6 years, 2 months ago Costamilam 9,556 -
1
votes1
answer91
viewsHow to change background-color of a button inside an Iframe with Jquery
Good afternoon guys, I’m trying to perform a function inside an iframe to change the background-color of a button that is in another Iframe, I started to do but I’ve done several tests and I can’t…
-
1
votes1
answer135
viewsMenu animation using HTML+CSS
How can I make an animation with the "appearing" submenu and when it disappears do a "disappearing" effect using CSS? * { margin: 0; padding: 0; } .menu { width: 100%; height: 50px;…
-
1
votes1
answer70
viewsHow to make a box and a href in this box
Well I wanted to create a box where when clicked a Hoover appears and it has a link: ex: with Hoover: as is mine so far : html code: <section id="promo"> <?php $consulta =…
-
1
votes1
answer55
viewsCentralize a NAV - With video background
I need to center a text, but with justify-content: center and align-items: center I’m not getting through. Not even if I put for example, top: 50% and left: 50%, items are not exactly in the middle.…
-
1
votes1
answer627
viewsHow do I center links from a navbar viewed on bootstrap 3 mobiles?
Next, I’m using the version of bootstrap 3.7.2 to make a navbar and I set it so that when "collapsed", that is, when we view on mobile devices, it gets the toggle button on the right and the logo is…
-
1
votes1
answer46
viewsMessage to user by not selecting size and color with select
I need to change a script I have and I’m having some difficulty, I need to give a Alert for the user if he tries to go to the cart without selecting the option of Tamanho and Cor, the event even…
-
1
votes1
answer189
viewsCSS image gallery
I’m trying to make an image gallery for a website, I took a demo that I found on the Internet and I’m trying to edit it, but I would like to modify to the mini-tura of the images to be interspersed,…
-
1
votes1
answer107
viewsproblem with a grid bootstrap
I’m not getting to take away this separation that’s next to the add cart. html code: <div class="container"> <div class="row"> <div class="item"> <div class="row"> <div…
-
1
votes1
answer61
viewsShow all span content regardless of size
I have a little problem showing a text on my screen: I have a span tag with id="obsEmenda" that gets a scan from the server: <span…
-
1
votes2
answers908
viewsbootstrap icons
I’m trying to get an icon bootstrap, but I’m not getting it.. <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,…
-
1
votes2
answers166
viewsCentralize CSS/HTML menu
I need your help to centralize a menu I’m adding to my site. #cssmenu > ul, #cssmenu > ul li, #cssmenu > ul ul { list-style: none; margin: 0; padding: 0; } #cssmenu > ul { position:…
-
1
votes1
answer48
viewsHow to put the overflow bar on top of the table
I have a table with a bar (overflow-x) to roll sideways. The bar is under the table, but I’d like it to be on top. I got the bar to rotate the table 360 degrees and the bar 180 degrees, but it gave…
-
1
votes1
answer23
viewsBug when using pseudo-element after on small screens
Hello, a curious bug appeared when I tried to make a text with this effect: The problem is in smaller screens, the second effect in the text "adipiscing Elit!" simply add up, depending on the size…
-
1
votes1
answer169
viewsCSS defaults when printing
My page looks like this: <div class="container"> <div class="row"> <div class="col-sm-12 col-md-12" style="border-style:solid;"> <div style="text-align:center;" class="col-sm-12…
-
1
votes1
answer257
viewsCSS - Changing text distance and image of a list item
I have the following orderly list: ol{ list-style: none; counter-reset: item; list-style-position: outside; } ol li { counter-increment: item; margin-bottom: 15px; } ol li::before{ margin-right:…
-
1
votes2
answers562
viewsHow to catch a Parent element from a child with id?
I have the following code: <div></div> <div> <div class='minhaClasse'> <div id='text'>hhaushdus</div> <input name='profile_id' /> <div> </div> I…
-
1
votes1
answer591
viewsHorizontal sliding menu
I’m setting up an E-commerce where the main menu contains all the main product categories. When Admin registers many categories the menu is broken into two lines. The customer asked you to keep all…
-
1
votes0
answers585
viewstable with rounded edges
Good morning. I made a table with the rounded edges however, apparently the tds stay on the table and not inside it, as if a background image follows the code CSS HTML: <style> .tabela {…
-
1
votes1
answer842
viewsTouch screen style horizontal scrolling (click and drag) menu on Pcs
Using the menu below, it is possible to make it slider as in mobile phones (without having to use the scroll bar, just by clicking and dragging)? ul.marcadores {white-space:nowrap; overflow-x:auto;…
-
1
votes1
answer149
viewsPosition Absolute does not occupy 100% of the father
Why does a div with Absolute position not occupy 100% of the father’s width if it fits, why breaks the line before? See example below: .segura{ width: 200px; height: 200px; display: block; position:…
-
1
votes1
answer171
viewsHow to format all the Labels of a form with a style associated with an id?
I had this example initially: css #label1 { color: #FFFFFF; text-align:left; font-style: italic; } html ... <table> <tr> <td><label for="nome1" id="label1">Jogador…
-
1
votes1
answer32
viewsDiv when passing mouse on field does not work
I have this function, which worked well, now I don’t know why it doesn’t work, I think I’m missing some detail. This is the CSS: #mostrar { display: none; }…
-
1
votes1
answer903
viewsAlign a column element at the top-right
I have a checkbox within a column and would like to put it at the top-right. My template: <div class="row"> <div class="col-11"> <h4 class="card-title">Bolsa camuflada</h4>…
-
1
votes1
answer384
viewsHow to change background color according to value
I built a script to count characters from a textarea in Javascript, the code is this: <div> <p class="texto-cont">Restam <span id="cont">2.200</span> caracteres</p>…
-
1
votes1
answer258
viewsHow to Add My Slide Button
I started studying HTML and CSS now. But I need to do a slide and I found a note ready, but I needed it to have those little round buttons underneath centered in the middle. It’s for the mobile…
-
1
votes2
answers1161
viewsShow button when checking checkbox
I need you to mark the checkbox the Submit button appears. However as I have more than one checkbox when clicking the second to mark the button some would like to continue appearing the button until…
-
1
votes2
answers855
viewsHow to change Popover size in Bootstrap 3?
I have the following code of a Popover effect with Bootstrap 3, I am using Bootstrap 3.3.7. This one can works as follows, when the mouse passes over this icon the message appears. I have several…
-
1
votes1
answer41
viewsResponsive Diamond Grid
I’m trying to make a grid Iamond but they do not catch for some reason, before was an error and now no longer has the error and still does not work body{ margin: 0; padding: 0; background: #000; }…
-
1
votes2
answers626
viewsResize photos from Bootstrap and Javascript
I have a Javascript and Bootstrap made Carousel. It gets images from a database based on a click rank, but the images are all different sizes and end up interfering with the display of the Carousel,…
-
1
votes1
answer69
viewsHow to click link open corresponding panel
By clicking on a link at the bottom of my page I’m trying to open the corresponding panel that points to a specific page, but I’m not getting it, I saw an example here but I couldn’t adapt. The…
-
1
votes1
answer235
viewsMake div stay inside another
I am good in HTML but from yesterday to today something has been breaking my head and so far not solved! I want the following result (edited in PS): but, as it is getting: Here my code: <div…
-
1
votes2
answers724
viewsApply the Blur effect to the floating box background
I have a simple jscript function that opens a floating box, but when the floating box opens I wanted the background to be with the Blur effect, only I can’t leave the background with this effect,…
-
1
votes1
answer471
viewsHow to align Ivs side by side
I’ve tried everything and way to get these div aligned, on the desktop they are perfect, every line has 4 div computer visualization, now on android was to show 3 div by lines, but it did not work…
-
1
votes1
answer379
viewsStructuring HTML to PDF
I am trying to create a template for PDF generation, which will serve for order label. I wanted to structure everything in place. As it is PDF, I cannot use Boostrap or any other facilitator, only…
-
1
votes1
answer182
viewsAdd a small margin in a div with text-align: right
I have a div with material bootstrap design of size 4 col-md-4 that aligns right my texts using text-align: right The problem is that in the same line this text has an icon, which is also aligning…
-
1
votes1
answer1326
viewsHow to keep Scroll in last position after page refresh
I made some attempts, but I was unsuccessful... The priority is that it be in pure Javascript... But since I could not, I tried with jQuery also. The situation would be, each time the user increases…
-
1
votes1
answer42
viewsHow to change page when finishing an animation?
I wanted that when I finished this animation that I brought in the code, the animation page would be redecorated to another page in this page, to the "index.php", that is, this animation appears to…
-
1
votes1
answer391
viewsMenu that opens on clicking
I’m making my site responsive, and I found a menu that becomes a hamburger menu depending on the screen size, the way I wanted it. However, the menu opens as you hover your mouse (and probably your…
-
1
votes2
answers120
viewsside by side accordion effect
I will have several accordions on the site, according to the categories, then I put them side by side, only when I click on one of the accordions, the ones that this side generates an undesirable…
-
1
votes1
answer54
viewsDiv father of the Carousel is not in the center
I am unable to leave this fluid Carousel, as in the image below the div carousel ul not picking up 100% of the div sub-box which by default has 900px HTML <div class="box"> <div…
-
1
votes1
answer393
viewsSite with a white bar at the end
Good afternoon guys, I’m developing a personal site in which I’m having a little problem, but I already searched and I couldn’t solve, it turns out my site, in bigger resolutions, gets a huge white…
-
1
votes1
answer311
viewsHeader with Animated Dropdown
Good morning guys, I’m developing a project and it has a header that I developed showing the available categories of it. Layout of the site with Bootstrap 3.3, already for presentation reasons I…