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
answer339
viewsDo not apply CSS rule to just one page
I have a CSS class that I would like to nay applied when I’m on a page: example.com.br/test There’s a way I can do that with some CSS rule? This is the class: .section-name { display: none; }…
-
2
votes1
answer52
viewsBackground-color without following max-width
I have stipulated a margin of at most 1500px, max-width: 1500px, for my site, but the behavior of the background-color follows up to this margin, is not wrong, quite the contrary, however I wanted…
-
2
votes1
answer86
viewsAdding tag to photo
I’m trying to add tags to a photo (like the facebook identification system), the error I’m having is this: When I click on an image to put the tags the form first appears in the corner of my…
-
2
votes2
answers134
viewsHow do I delete the space that require_once leaves?
When I use the require_once to include the top of the site, it leaves a top space at the top of approximately 8px, even in CSS I using body{ padding: 0; margin: 0; border: 0; }; the problem remains.…
-
2
votes4
answers8374
viewsChange image with CSS Hover
I have two images in html and they are both in the same place on the page. What I want to do is touch the images with Hover. I hid an image with display:None and when Hover the display becomes…
-
2
votes1
answer61
viewsSelect menu link
I’m using javascript to select the menu to open the page I selected, the menu is already being selected but is not opening the pages. And the click event is working when I click on the menu.…
-
2
votes1
answer533
viewsHTML + CSS - Element position relative to div
I’m failing to position my element at the top and the right end of the div. See that my div is slightly yellowish color, and my element "x" in red. This "x" is what I want to position.…
-
2
votes2
answers541
viewsHow to reduce space between Bullet and text in a centralized <ul>?
I have a centralized list. <ul style="text-align: center; list-style-position: inside;"> <li>abc</li> <li>xyz</li> </ul> The point is that Bullet is very far from…
-
2
votes1
answer20
viewsHow to select lines from 1 to N above
I have a dynamically generated table in the following scheme: <table> <tr class="row-1"> <td>A</td> <td>1</td> </tr> <tr class="row-2">…
-
2
votes2
answers835
viewsScroll event
I’m trying to change the color of my navbar according to the page scroll, ex: It starts as transparent, but when I give it a scroll it turns white, if I scroll up again, it turns transparent, only…
-
2
votes1
answer432
viewsHow to make paging inside a modal in bootstrap?
I have a modal in bootstrap that opens at the click of a button, inside this modal I want to display 2 contents: 1 form and 1 paragraph. However, I would like to paginate that within the modal, 1…
-
2
votes1
answer93
viewsHow to position Ivs in Tumblr style
How can I position the Divs this way? Remembering that it does not position in vertical line, always in horizontal it goes kind of fitting.…
-
2
votes1
answer4263
viewsHow do I open a submenu just by going over the menu?
I have the following css menu: <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="scroll <? if(!$this->uri->segment(1)) echo "active";…
-
2
votes2
answers72
viewsSelector in CSS differences
What’s the difference between: .figure-box>figure>img{ width: 440px; position: relative; } To: .figure-box figure img{ max-width: 100%; position: relative; transition: transform 0.6s; }…
-
2
votes2
answers215
viewsApply the CSS of a child of element A to another element B
It is possible to somehow use CSS rules applied to #elemento > .filho in another element #dots? #elemento > .filho{...} In case I would need <div id="dots"></div> received the…
-
2
votes1
answer2702
viewsHow to change CSS style of table column when passing mouse?
How to change style CSS (backgrounc-color) of an entire column when passing the mouse, using only CSS? The table in question is as follows:: <table class="un table"> <caption>Título da…
-
2
votes2
answers1077
viewsHow to calculate Video Time by getTime()
Hello, everybody! In the Javascript exists method so-called getTime(); as well as the getDuration(); which gives us the duration of a video in question if aggregated to the <object/> and…
-
2
votes2
answers2570
viewsHow to place two Google Graphics Maps on the same page
I’m creating a web application that uses two charts powered by the bank. I use the Google Api, google Charts. However, only the first graphic appears while the other is blank. <html>…
-
2
votes1
answer175
viewsHow to put cursor:move on a div draggable with javascript?
I have the following excerpt from a div <div class="teste" draggable="true">CONTEÚDO DA DIV</div> I wish that when I drag this div By the screen the cursor was in default, but the…
-
2
votes3
answers16590
viewsAlign side-by-side fields in a form
I’m having trouble aligning 2 fields side by side in a form, the first case would be a select next to an input and, the other, two inputs. Ex: HTML: <li> <label>Selecione…
-
2
votes2
answers1402
viewsHow to change Link color in HTML?
Greeting to all, I am studying HTML with CSS and I am still in the process of learning, I created a keyword, IE, when the page is above 992px wide it shows the menu, when it is less than 992px it…
-
2
votes1
answer1062
viewsCalculate space between Div and Body
I want to know the space between Div A’s bottom and Body’s bottom. I read about the $.offset(), but this always returns me 0. PS: I only want what appears on the screen. If the body is larger than…
-
2
votes2
answers78
viewsHow to Style a Video Duration in Screenshot
How Can I Create CSS Rule to Show Video Duration in Screenshot Example This is the effect I try to give on my thumbnails. Assign An Markup on Screen Shot displaying the duration of a video I don’t…
-
2
votes1
answer294
viewsborder with alternating colors (no gradient)
On an edge of a div (border-bottom) i need to apply more than 1 color but without using the effect of degrade that mixes colors. Image for example: With the effect of degrade I know how to do but…
-
2
votes2
answers6642
viewsShadow/edge effect in box
Can someone help me how to make this shadow effect or this edge below in a box already tried with border and shadow but the effect did not look like and for me it got ugly, someone could help me?…
cssasked 7 years, 6 months ago Deivson Bezerra 149 -
2
votes1
answer706
viewsDoubt with @Style.Render
If I put in mine view Layout that line: @Styles.Render("~/Content/css") I’m stating that all the files .css in the briefcase Content will be rendered? I mean, I don’t need to put any .css explicitly…
-
2
votes1
answer592
viewsCSS attribute in innerHTML, how to use?
I have a span that depending on the value I wanted it to be red for divergence and blue if the data is acceptable, I tried this way: getElementById('span').css('color', 'blue').innerHTML =…
-
2
votes3
answers126
viewsTransition from Javascript Evolution to Cross Browser
I see this need, that people like me self-taught, try to understand. The point is - Nowadays some Features are already supported by major browsers HTML5, CSS3, DOM, Apis and Ecmascript... being very…
-
2
votes2
answers6493
viewsAlign DIVS in CENTER
I’m working with bootstrap + codeigniter and I can’t align the products in the center of a div. I would like the blue items in the center to be aligned by the center. HTML/PHP <div…
-
2
votes1
answer30
viewsdefining sizes according to full load, or resize a page
Well, I’m trying to set a width according to the width of the screen of the user browser, however, in the console is not pointed any error, but the code also does not run var bannersWidth =…
-
2
votes2
answers661
viewsTEXT Inside a button - Materialize CSS
I’m having a hard time breaking text inside a button. I make use of materialize css but in general I have no idea how to put all the text I want inside a button, it always cuts the end of my titles…
-
2
votes4
answers730
viewsHover CSS affect another element
I have the following code snippet <td class="aluno" style="text-transform:uppercase"> Fulano <a class="obs-aluno" href="#modal-obs" style="display:none"> Link </a> </td> I…
-
2
votes1
answer64
viewsAutosize divs with div overflow Hide between them
I have 3 inline-flex Ivs, one on the other side, I need the left and right to be the content size (autosize) and the center to be the size that remains, but with overflow Id, I searched in…
-
2
votes1
answer643
viewsProblems with SECTION and ASIDE (HTML5)
I spent some time here with problems in the background-image and today I’m here again with problems in these two semantics... Whenever I minimize the window or inspect my code, the content in ASIDE…
-
2
votes1
answer4421
viewsTag thead pinned at the top and tbody with scroll bar in table in HTML
I want a table with the tag thead fixed at the top and tbody with a scroll vertically, I found some solutions that use only CSS, but use the property display, removing the default behavior from the…
-
2
votes2
answers713
viewsWhy is the screen size in the browser different from the real one?
I’m terrible when it comes to HTML design + CSS, but as a web programmer, I often find myself having to do it. Often I have to do such things media-query to adjust the layout. Question If I have a…
-
2
votes3
answers438
viewsBuild circular menu in css
Can someone give me some hint on how to build a simple menu, like this gif: https://i.stack.Imgur.com/Jkwr5.gif Or something. For a web page, I’ve tried a few ways, but lack knowledge.…
-
2
votes2
answers285
viewsHow to align text with the image when the image has a vertical format
I have the following CSS: .logos { max-width:1024px; vertical-align:middle; align-items: center; justify-content: center; margin:auto; } .logos img { max-width: 100%; max-height: 100%; } .logos…
-
2
votes2
answers195
viewsHow to make menu with different drawing?
Good stack galley I need to do this menu that is in wireframe, but I do not know which commands I use to leave the line diagonal. Follow the image below: NOTE: I need to do only with HTML and CSS,…
-
2
votes1
answer118
viewsReact.js Failure Manipulating Events
I’m starting to learn React.js by watching some videos, tutorials and documentation. However, I am having a problem with my code in Google Chrome appears like this: And in Firefox neither appears…
-
2
votes1
answer507
viewsHow to Format Each HTML Tag with Its Attributes in Assorted Colors?
A "picture" says more than many words is not true!? Then I invite you to see the: Example In this image we see some "tags" formatted in colors "red(red), brown(Maroon) and blue(Skyblue)" What I want…
-
2
votes1
answer1977
viewsHow to put Scroll in table inside div with width 100%?
The example shows a div with scroll horizontally, but would like the table along with the scroll div to adjust 100% to the screen size. .div { border: solid; display: inline-block; width: 300px;…
-
2
votes1
answer804
viewsChange color icon button javascript
I have the button: <button id="btnVoltar" style="margin-bottom:0;vertical-align:middle" type="button" class="btn-flat bg-red btn-circle-lg waves-effect" onclick="voltaparaConsulta()"> <i…
-
2
votes1
answer292
views -
2
votes0
answers75
viewsName polygons in google maps
I am using a google maps api to generate some plots and I would like to generate their names in the polygon itself as soon as I open the map instead of generating it in the balloon. code that…
-
2
votes2
answers361
viewsApply filter to only part of image
I have an image in the background of my site and would like to apply the filter brightness throughout the image with the exception of a part as shown in the image: Any tips on how to do this? I’ve…
-
2
votes1
answer92
viewsOpacity in everything except a certain DIV
Good afternoon. I need help with something. However, I don’t have a code yet. I needed something similar to an ad popup. That is, the whole screen gets 'dark' while only the div has focus. I would…
-
2
votes1
answer133
viewsa div in another div with position Absolute will have position Absolute too?
If I have a div inside another div: <div id="div1"> <div id="div2"></div> </div> And for div1 I set position Absolute: #div1 { position: absolute; } The div2 will also have…
cssasked 7 years, 3 months ago user83428 -
2
votes0
answers76
viewsImplement Swipe in Venobox lib
Guys I’m using a lib called venobox on a site, but it does not native the Swipe that is the sliding of the image aside to pass it or back and I tried to implement the lib Touchswipe-Jquery-Plugin…
-
2
votes3
answers3976
viewsAlign Text vertically with Bootstrap without fixed height
I’m trying to align the text vertically in my header but it seems impossible. I want my header content to always be in the center vertically, I did horizontal but vertical can’t. Thank you. Follow…