Posts by Leon Freire • 2,375 points
98 posts
-
3
votes3
answers4549
viewsA: Align span right inside div
One way to do it would be by reorganizing your HTML in this way: body { background: #333; color: #fff; font-family: sans-serif; } #labels { text-transform: uppercase; text-align: right;…
-
0
votes1
answer64
viewsA: How can I "unskew" the background image?
According to a solution I found in the American Stack, you could use the background image in a pseudo-element and appropriate the transform-origin to solve your problem. I don’t have full access to…
-
2
votes1
answer108
viewsA: Is it bad practice to create a CSS file for each screen?
Look. I am also of the opinion to do what you think is best for you, but if you want a light on what is considered "best", there are those who will talk about what is more cost/benefit to your page.…
cssanswered Leon Freire 2,375 -
1
votes2
answers4812
viewsA: How to Center Menu in css?
You can do it a few ways, here are two: 1. body { text-align: center; } nav.dropdownmenu { display: inline-block; } 2. nav.dropdownmenu { width: 1200px; position: absolute; left: 50%; transform:…
-
1
votes2
answers45
viewsA: Scroll Gigantic
Try to work on the idea of putting the following style on your site: #galeria { overflow: hidden; } Your photos are leaking!
-
4
votes2
answers3252
viewsA: How to put the page number to be printed with CSS in @media print
Hello! You should have already searched enough and found the two currently flawed methods that are in every corner of the web: The method using @page with bottom-right. Link The fixed footer method.…
-
3
votes1
answer1882
viewsA: Inner shadow of the parent element on the child
Good. You didn’t pass any code, so I created this quick example. See if it solves your situation. div { width: 500px; height: 100px; overflow: scroll; box-shadow: inset -30px -30px 30px 0px #000; }…
-
2
votes1
answer88
viewsA: Exchange vh for px
Swap VH for Pixels has yes, for Media Queries. It would be a way to apply styles when the user accesses the content of a different device. This is a basic example that you should seek to know more…
-
0
votes2
answers190
viewsA: Why doesn’t :Hover work this way?
You forgot a comma and to add the :hover in this part: .player-info .episodios-lista .lista-episodios .thumb-box:hover .player-info .episodios-lista .lista-episodios .thumb-box .episodio-data {…
-
1
votes1
answer189
viewsA: Decrease size of Spinner
Yes. You can do something like this: <input id="spinner" name="value" max="99"></input> With a max="99" you limit 99 as many as possible, and so only goes up to two digits. You can also…
-
1
votes2
answers580
viewsA: How do you use align-self?
align-self is only used in models that use display: flex. It is a form applied in the items of a flex container for you to align them within the container, which can be both vertical and horizontal…
-
4
votes1
answer1936
viewsA: How to create a scrolling menu?
The way I usually do it is to apply a class to the menu after scrolling. From the class you just style your elements the way you want. In this example that I am sending, I only encouraged the…
-
2
votes1
answer520
viewsA: Diagram of responsive hexagons
Hello! I found an example and made some changes. I think it might give you some basis. .hex { float: left; margin-right: -26px; margin-bottom: -50px; } .hex .left { float: left; width: 0;…
-
0
votes2
answers24725
viewsA: How to make a div occupy the whole page?
Good afternoon! I think the best way to achieve what you want with full screen height is to set your div’s height to "vh" = Viewport Height, translating: Your Window Height. Give this value to your…
-
0
votes2
answers572
viewsA: How to load content on a page according to the element you previously clicked on?
As I have answered in this link. There is no way I can put a single functional fiddle here because it involves more than one page, so I will create two htmls + one js and you can simulate making the…
-
2
votes1
answer963
viewsA: Rotate objects around the specific CSS axis
Hello! I consulted this question elsewhere and it gave me a light. I made some changes to the code and came with the following reply which seems to be very close to your request: .circle { height:…
-
1
votes2
answers163
viewsA: Show the after after after the Hover
I did this experiment. You can try something similar. body { background: #000; } a { text-decoration: none; color: #FFF; padding: 20px 25px; margin: 40px auto; } a:hover::after { content: ""; width:…
-
-1
votes2
answers6208
viewsA: How do I keep my footer down?
Do this, reverse the positions of your wrapper and of his footer. Try to get position: relative in his wrapper and position: absolute in his footer. That way your footer stays absolute inside your…
-
0
votes1
answer443
viewsA: Why don’t other Ivs show up?
Dude, is absolute positioning necessary? If you work with relative numbers (%) and absolute positioning, you will end up giving problem. In this example I took this position and simplified. body {…
-
3
votes3
answers3438
viewsA: Select with color palettes
You can do this way, but it is impossible for you to withdraw the option from another. <input type="color" id="cores" name="ArcoIris" list="arcoIris" value="#FF0000"> <datalist…
-
1
votes1
answer259
viewsA: 1920px PSD getting huge in 1366px resolution
You need to take notice of responsive websites. What is happening in your case is that using fixed sizes (probably for everything). In that case your website will work perfectly only for one screen…
-
4
votes1
answer339
viewsA: Do not apply CSS rule to just one page
You can put an exclusive class on bodyof your page. For example, on the page exemplo.com.br/teste, Voce could put the class: exclusive in the body. Then in your CSS you put: body:not(.exclusive)…
-
6
votes2
answers1889
viewsA: Script to select only a checkbox?
Just changing from checkbox for radio, doesn’t suit you? It would be the most practical way. var allRadios = document.getElementsByName('nome'); var booRadio; var x = 0; for (x = 0; x <…
-
0
votes0
answers38
viewsQ: Toggle Class with Scrolling in Firefox
Hello! I have the following code that works perfectly in Chrome for some reason, but not in Firefox. Can someone help me decipher why? Since it has already been worked to try to adapt to Firefox.…
-
5
votes2
answers7271
viewsA: Divs daughters extrapolam Div father
Here everything appears normal, but tries to apply a overflow: auto in the #corpo. EDIT: Remove the height: 100%;.
-
9
votes2
answers339
viewsA: How does the display property work?
Hello! I can suddenly clear up some of those doubts. I would say that none of these are "essential" to responsive design, but the flex is a widely used one for such nowadays, as it was made to…
-
8
votes6
answers24229
viewsA: What is the difference between padding and margin in CSS?
To margin is a defined distance between your target object and the other objects around it. Already the padding is a space defined within its object. #container { background: black; height: 600px;…
-
1
votes1
answer1195
viewsA: How to adjust the printing of an HTML in two columns?
Hello! I believe you can do this column division for printing with the following CSS Media Query: @media print { .conteudo { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count:…
-
1
votes2
answers70
viewsA: Show DIVS from selected category only
Hi! Knowing how to apply, I believe this is an excellent solution: O Isotope Menu does exactly that in a fluid and responsive way. I believe that to present products, would be a good choice. Below…
-
0
votes1
answer21
viewsA: Number of Pixels Rolled on a Hidden Overflow Page
Good! I managed to solve and I leave here in case I can help someone else in the future! This way it will be possible to recognize the user’s scrolling even if there is no actual scrolling and the…
-
0
votes1
answer21
viewsQ: Number of Pixels Rolled on a Hidden Overflow Page
Hello! I’m in need of finding a way to toggle in a class on body when I do a large scrolling on the page (Ex: 1000px). However, the problem is that my page is A full screen with overflow: hidden.…
-
3
votes2
answers550
viewsA: Do I calculate font size using css?
It basically works the way you wrote it, but for a more complete explanation: The "vw" unit is based on a percentage of the width of the viewport/window. If a screen is 50cm, 1vw will be 0.5cm. In…
-
0
votes1
answer566
viewsA: How to open a specific div on another page?
I don’t know if you’ve done it yet, but I’ve come up with a functional example for what you’re asking. There is no way I can put a functional fiddle here because it involves more than one page, so I…
-
2
votes3
answers92
viewsA: Align vertical giving error!
In this case you will need to change via line-height. As in the example below: .login { display: block; width: 100%; height: 50px; border: #E9E9E9 3px solid; position: relative; } .login img, .login…
-
7
votes2
answers985
viewsA: How to make this icon with pure CSS?
How about this? .relative { position: relative; } .block { width: 20px; height: 15px; background: black; border: 2px solid white; position: absolute; } #first { top: 10px; z-index: 10; } #second {…
-
0
votes2
answers2404
viewsA: How to use Hover in one class to change another class?
In theory what you are doing is correct. Some error probabilities that I am seeing would occur only if you do not define a width for your Ivs (which I don’t see in your CSS) your HTML is somehow…
-
1
votes1
answer81
viewsA: CSS or Jquery - How to leave an entire page with Pointer-Events: None; less such element
I think the best way would be to give a class to the element that you would like to keep the Pointer Vents and set so that everything within the div would keep except that. Example assuming you…
-
2
votes2
answers817
viewsA: Alignment Gif Loading
For position: absolute you can solve by putting 0 on all sides. Your CSS would look like this: .ajax-spinner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; width: 225px;…
-
1
votes2
answers137
viewsA: Adjust word inside the toggle
Try the following modifications to your CSS and this addition to your JS: CSS: /* Modificação */ .onoff.ligado input.toggle:checked + label:before { width: 70px; content: '\00a0 Sim'; color: #FFF;…
-
1
votes3
answers174
viewsA: How do I use the same text in multiple HTML so that I can edit it using CSS?
Now that I have had a greater understanding of your problem. I can also recommend an alternative solution. You can use the ctrl + f from Notepad++ and simply swap all occurrences at once across all…
-
2
votes1
answer35
viewsA: Links are not working
Your div .painel-fita is blocking your links. Try: .painel-fita { pointer-events: none; } EDIT You can also solve by decreasing the height of your div that is covering your links.…
-
0
votes4
answers901
viewsA: Table element with several lines but different number of cells, how to center?(HTML)
Look, with table I can’t really help you, but see if it fits. img { width: 50px; } .row { width: 100%; text-align: center; } .row div { display: inline-block; min-width: 100px; } <div…
-
2
votes1
answer37
viewsA: Links do not align on each div in a footer
I think you missed some spacing and you closed some divs incorrectly. Try the following changes to your HTML: <footer> <div id="footer-sections"> <a href="index.html"><img…
-
4
votes3
answers2670
viewsA: Table with horizontal scrollbar
You need to put a div outside the table containing the table. Example: <div class="table"> <table class="tab_dados">(conteúdo...)</table> </div> And the following classes:…
-
0
votes1
answer64
viewsA: HTML page with bad margins
You can put in the class mySlides: .mySlides { margin: auto; } This would center the images, since they have display: block; Now, if you want to center all the content, I would recommend these…
-
0
votes2
answers52643
viewsA: How to make a background image fill the entire screen without losing image resolution
Hello! I want to help, but I need a little more information. I saw that you provided the information about the image. But I right here with a random image of the Internet had no problems with the…
-
0
votes0
answers28
viewsQ: How to Delete Queues with User Code?
A little while ago I did this question who has not received any answers: But I got some help from some people and I was able to evolve the code to a certain extent. My code is now like this: Option…
-
0
votes1
answer6913
viewsQ: Excel VBA - How to use Vlookup with Letters and Numbers to Delete Queues?
Hello! I am going through great difficulty with a problem using Vlookup in Excel VBA. First of all, I am not an expert in VBA but I managed to use Vlookup but I am not having the effect I would…