Posts by Leon Freire • 2,375 points
98 posts
-
0
votes0
answers44
viewsQ: How to Limit Sending Forms to Users, Per Page?
Please forgive me because I am very lay to PHP, but once in a while it is enough to turn me where necessary. But now I’m stuck and I’d be very grateful if you could shed some light. I have a code…
-
4
votes5
answers357
viewsA: How to dim the blue light on a website?
Good morning! I’ve been poking around and I think I have something more or less in the line you’re saying, if I understand what you mean by "dim the blue light". See if that’s more or less what you…
-
0
votes2
answers1231
viewsA: CSS3 Transform Skew (one corner)
I managed with an alternative way. Using Skew and Translate. Get a head start! :) #container { position: relative; overflow: hidden; width: 250px; height: 80px; } #container div { background:…
-
1
votes1
answer152
viewsA: Value of DEG CSS
I don’t know a conversion of deg for px, because in my head it doesn’t make sense. The deg or degrees, is the measure for angles and degrees is nothing more than degrees in English. It is used in…
cssanswered Leon Freire 2,375 -
2
votes2
answers421
viewsQ: How to expand range of numbers with data?
As I would in excel to expand a huge list with data to instead of grouping value data, it shows the content in total. Example: I’d like to transform that: Therein: Remembering that it will be a huge…
-
1
votes2
answers1370
viewsA: Spreadsheet to discover the ZIP List City
I stayed in the polls here and I just managed to do it this way: Sub Calcular() ' ' Calcular Macro ' ' Atalho do teclado: Ctrl+Shift+C ' Dim i As Long For i = 2 To Rows.Count…
-
3
votes2
answers1370
viewsQ: Spreadsheet to discover the ZIP List City
Good morning! I am trying to create a VBA adapted to a spreadsheet that I downloaded on the internet that separates all values of a zip code. I’d like to take the city and stick it next to the zip…
-
1
votes2
answers993
viewsA: Limit image size
@Dvdsamm gave an excellent solution. I took his example to give you an alternative if you want to "cropar" the images over 100px. The change I made was to add the div with class img-overflow out of…
cssanswered Leon Freire 2,375 -
0
votes3
answers311
viewsA: How to simulate click on another HTML element?
It gets easier with your code, but I can tell you that if you put in your CSS pointing to yours figcaption the following CSS: pointer-events: none;, do as you wish. Your figcaption will not have…
-
1
votes2
answers637
viewsA: How to draw a pizza using css
A hint with Transform for the diagonals, which still is widely accepted by browsers: #base { position: relative; width: 100px; height: 100px; border: 1px solid; border-radius: 100%; } #vert {…
-
1
votes2
answers818
viewsA: HTML - Overlay a ul to an img
Basically what I did below was create a div for the header, put an image in relative to position the ul in absolute and center position. Follow the example: #header { position: relative; } img {…
-
1
votes2
answers28
viewsA: CSS Selector - Run a loop from a particular loop item
There is a CSS selector. Following your example of a table with 100 rows tr, you could use something like this: tr { background: gray; } tr:nth-child(n + 15) { background: blue; } In this case you…
-
1
votes1
answer43
viewsA: Aligns pseudo element to direct in the navigation bar
Thanks for Fiddle. If I understand you want the lines to stick to the right of space, correct? If this is the case, you resolve it with the following additions to your CSS: li { position: relative;…
-
0
votes3
answers60
viewsA: How to make a form centered on a figure
Try adding these measurements to your CSS: figure.cx-fotos-portugal form { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
cssanswered Leon Freire 2,375 -
1
votes3
answers114
viewsA: headers Block size
I saw that they already gave the correct answer. But there was no explanation for what happened. H3 has a standard display: block; so that it serves as a header occupying the entire space of the…
-
0
votes1
answer42
viewsA: Align Repetitive Regions (Divs)
As you have not put any code, I will pass you a solution that should be adjusted by you in your code. Following: Let’s assume that all posts have a class, for this example: post. As we can see, they…
-
0
votes5
answers1042
viewsA: centralize a Nav menu
Make these little changes: .clearfix { text-align: center; } ul { padding: 0; } li { /* float: left; */ /* REMOVA */ display: inline-block; } Follow the Example: .clearfix { text-align: center; } ul…
-
0
votes1
answer37
viewsA: How can I center this custom menu?
It needs many modifications, follow the example: .main { top: 0px; height: 30px; width: 100%; z-index: 4; background: #b7e2f8; position: fixed; left: 0px; text-align: center; } .main .sub {…
-
1
votes2
answers48
viewsA: Problems with 'onsubmit' in 'setTimeout' form and function
As I said in the comments, I just took the margin-top: -20px; of .bot. Is that right or should something else happen? function dislike() { document.getElementsByClassName('esconde')[0].style.display…
-
0
votes1
answer476
viewsA: Open and close menu
I made this example with some basic changes. Give more focus to my JS changes because otherwise I had to change your code to work here on the site. I also removed the logo because it was a broken…
-
0
votes1
answer214
viewsA: Do not repeat any printing page
Is there such an option: thead { display: table-row-group; }
-
2
votes3
answers78
viewsA: Assist positioning div css
I did a total restructuring to better suit what you described, but in the case of good responsiveness, it would be ideal to approach in other ways. An example follows me appropriating mainly units…
cssanswered Leon Freire 2,375 -
1
votes3
answers569
viewsA: How to make an interactive background?
I found a different example of what I went through in the comment that suddenly gives to be better adapted to what you are looking for. This is the fiddle that I found. I think if we adapt this way,…
-
4
votes2
answers711
viewsA: Hover div inside div
Make the following corrections to how you apply the :hover. And I switched yours div internal by a span. .pokeBolaIn { background: grey; color: black; border-radius: 100px; height: 20x; width: 20px;…
-
2
votes3
answers128
viewsA: how to paint an expired date with css
By faithfully following only the information you passed on (your options have been half open), I believe you can adapt the datejs to your website. Remove from the examples the most important…
-
1
votes3
answers340
viewsA: Position caption above div
I don’t know if it’s been resolved yet, but I managed to do it with a few changes. The Result: Follow the changes: HTML Remove this line from your HTML: <img class="triangulo"…
-
1
votes1
answer77
viewsA: Scrollbar bug in select nice plugin
This easily resolves itself by adding Overflow for your div .nice-select. Add overflow: hidden; for when closed and overflow: initial; (can be Visible too) for when opened. Follow the example:…
-
0
votes2
answers357
viewsA: Display different images as selected in select
There is a way through jQuery where you can show or hide content based on your selection. All you should keep in mind is that you should keep the same value in select for each id of the content you…
-
1
votes1
answer57
viewsA: When applying Hover to a UL, modify LI and DIV
The second line of CSS is incorrect, but the rest is working. It should look like this: .submenu ul:hover {background: #00478d;} .submenu ul:hover li a {color: #fff;} .submenu ul:hover…
cssanswered Leon Freire 2,375 -
0
votes1
answer858
viewsA: Overlay of Divs
Your HTML looks a bit messy. It seems to me that it has open DIV that should be closed at other points and many unnecessary elements. Try this way: HTML: <div class="barra_inf"> <p>Lorem…
-
2
votes2
answers178
viewsA: How to make editable radiobutton?
Do you want to say something along those lines? The label can be a text input? <h3>Sexo:</h3> <form action=""> <input type="radio" style="vertical-align: text-bottom;"…
-
0
votes3
answers849
viewsA: How to make a flex container have the width of internal Ivs?
Hi @Erickv! I think just by adding this code with Jquery, your problem is solved! Basically what it does is calculate the distance of the last child and calculate the new width of your group when…
-
0
votes2
answers68
viewsA: Height of div using float
You can settle with the float: left;, as indicated by @Mateusveloso, or, if you do not want/can do so, with a overflow: auto;. div.gallery { margin: 5px; border: 1px solid #ccc; float: left; width:…
-
1
votes1
answer113
viewsA: Overflow on off canvas menu?
I came to see that you made some updates on the site and today I did some tests with your current version. Try the following changes to see if it works. (As I’m testing on a downloaded version of…
-
1
votes3
answers1068
viewsA: How to implement a "scroll Hijacking"
I created a fiddle with the use of this Scroll Hijacking by Velocity used in your example and you can check out how it works there. In this case it is all based on Velocity.js, which is a plugin…
-
2
votes3
answers374
viewsA: Store CSS in string
I made this example based on the @jbueno response trying to touch what I think was your expectation. See if it suits you. document.getElementById('btn-remover').addEventListener('click', fnClick);…
-
1
votes2
answers1152
viewsA: How to redirect Css to only one Div
Copy the Code In my opinion, the best way would be to actually extract what would be important from the code for you and then paste it into your code by adapting whatever is needed for your div. But…
-
3
votes1
answer190
viewsA: Align left-hand Divs with css, separating them into groups, with no line break
I think that way it gets very close to what you’re looking for. But it’s really hard to line up. .group { display: inline; border-width: 1px; border-style: solid; border-color: #008040; padding:…
-
4
votes1
answer3003
viewsA: Print contents of the HTML page
You can solve by limiting the size of your width body in Print Media Query. You can put this margin also to center. @media print { body { max-width: 500px; /* Exemplo */ margin: 0 auto; } } EDIT:…
-
2
votes1
answer3006
viewsA: Center select text
Without the help of external plugins, you can centralize only the text inside the box and not the dropdown ones, putting the following CSS in the select: text-align: center; /* para firefox */…
cssanswered Leon Freire 2,375 -
0
votes1
answer872
viewsA: Navbar bootstrap Collapse
Correct me if I’m wrong, but it seems to me that being wrong is more or less here in the midst of the confusion of many classes with similar names: <!-- Deve aparecer somente quando estiver em…
-
0
votes2
answers338
viewsA: HTML CSS rollover effect
Your code appears broken here, but I imagine you’re wondering how to make effects of Hover. It’s simple, just change your CSS based on the selector :hover. In your case I imagine you must want…
-
2
votes2
answers1012
viewsA: Arrange amount of Divs/columns per row
The ideal would be to know how you set up your CSS, but for it to become a column, I imagine you should be using float: left. From this, the ideal would be for you to put each of your Divs half the…
-
20
votes4
answers14426
viewsA: What is the difference between "margin: 0 auto;" and "margin: auto;"?
First of all, you need to understand how to write a margin. There are 4 ways to write the margin, understanding that it works in clockwise starting from the top. Understand that when a side is not…
-
1
votes3
answers2161
viewsA: How to leave buttons fixed in floating div
Here’s an idea. Using position fixed within a absolute. #modal { position: relative; width: 100%; } #absolute { position: absolute; bottom: 40px; right: 120px; } #botoes-acao { position: fixed; /*…
-
1
votes1
answer443
viewsA: Using @import in CSS
According to the website of Mozilla, all these forms are correct: Examples @import url("fineprint.css") print; @import url("bluish.css") projection, tv; @import 'custom.css'; @import…
cssanswered Leon Freire 2,375 -
5
votes1
answer294
viewsA: border with alternating colors (no gradient)
It’s usually done with something on that same gradient line. It’s a gradient, but it doesn’t mix colors because the color changes are done abruptly, at the same point. If this is exactly what you’re…
cssanswered Leon Freire 2,375 -
1
votes4
answers1260
viewsA: Footer always at the bottom of the page
I didn’t understand if you want the footer at the end of the content or fixed stuck at the bottom of the screen. But as you have already been given examples of the first option, I have already…
-
0
votes2
answers13324
viewsA: Change content according to screen size
From what I understand, you would like to display only an acronym when it was in Cellular, correct? If this is the case, you could simply create specific display classes in media queries. For…
-
0
votes2
answers747
viewsA: How to center menu
Here’s an idea. #menu { width: 100%; height: 55px; } .menu1 { width: 1200px; height: 55px; margin: 0 auto; text-align: center; } .menu { display: inline-block; width: 75% } .menu li { position:…