Posts by Lennon S. Bueno • 2,182 points
88 posts
-
1
votes1
answer72
viewsQ: Getting specific property of a JSON object
I have the following JSON: { "2016": { "mes": { "2": { "dia": { "5": { "-KcENENmSJcZp56clzz5": { "descricao": "teste", "valor": "99" } } } } } }, "2017": { "mes": { "2": { "dia": { "5": {…
-
40
votes12
answers79762
viewsQ: Formatting Brazilian currency in Javascript
I have the following variable: var atual = 600000.00 ; Here we have the value six hundred thousand in American standard, I would like when I print on the screen to look like this: 600.000,00 I’m…
javascriptasked Lennon S. Bueno 2,182 -
0
votes2
answers95
viewsA: What is the combination of table and float?
The float originally created for images to float in texts. And when you do that, the child element 'floats' in the parent, that is if the parent has no set size it gets zeroed which is by default.…
-
3
votes1
answer2250
viewsA: Transition into elements using :Hover:after
Gradients do not support transitions yet (although the specification says they should). CSS3 gradient transition with background-position Although you cannot directly animate gradients using the CSS…
-
4
votes2
answers15546
viewsQ: Event key enter into input
Good morning, I have one input out of a form and I would like when someone typed in it and hit enter some function run, but I don’t know how to do.. <input type="text" value="texto" />…
-
0
votes3
answers15260
viewsA: How to insert an image in my html doc to serve as background image(background)
When I started had difficulty to understand how to reference pictures and files, if you are using windows and the image is on the desktop you will do more or less that,…
-
1
votes1
answer325
viewsA: Convert RSS to JSON Google Feed API
an alternative I found was to use the http://ibacor.com/api#Bcr-xml-converter and stayed like this: $.ajax({ url:…
-
1
votes1
answer325
viewsQ: Convert RSS to JSON Google Feed API
Some time ago I was using the google service google feed api however this service has been discontinued, I wonder if there is any solution to replace, I am doing so with jQuery: $.ajax({ url:…
-
1
votes2
answers1393
viewsQ: Return something in the query when there are no records
I am making adjustments in a graphics system, basically there is a query in the database to bring values and popular the chart, but when there is no specific record does not return anything from the…
-
1
votes1
answer66
viewsA: DOUBT: Division of layout
As I would, I would separate the header, sidebar, footer, and in a separate file my content, so would save code, in relation to performance I believe there is not much difference, the bigger…
-
0
votes4
answers5940
viewsA: How to make an image increase without losing quality with CSS?
I’d do it this way, use the property object-fit: cover in images like this they would not be disproportionate according to the size you want, but if the size you want is much bigger than the size of…
-
3
votes2
answers807
viewsQ: Firebase security
I’m starting to study firebase, I really liked the firebase database Altime for web, but one question that does not come out of my head is, how to protect my account if the data settings are in js?…
-
1
votes1
answer1188
viewsQ: Remove background color from autocomplete input
Something that makes me very uncomfortable is when the google browser autocompletes something and leaves the input with yellow background, how can I remove it?…
-
1
votes1
answer184
viewsA: add to firebase with angularfire $add
I record the resolution of my problem, so the controller was as follows: app.controller("CtrlList", function($scope, $firebaseArray){ var ref = firebase.database().ref().child("users"); data =…
-
1
votes1
answer184
viewsQ: add to firebase with angularfire $add
My scripts: <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script> <script…
-
1
votes3
answers4878
viewsQ: How to use Laravel delete route?
I have the following route: Route::delete('/{id}', 'PessoasController@delete'); But with the following form I cannot access the route: <form action="/45" method="DELETE"> <button…
-
2
votes2
answers99
viewsA: Images in Divs
The image I will use for testing has the 500x375 resolution so I would do it as follows: img { width: 400px; height: 400px; object-fit: cover; } <img…
-
-1
votes4
answers82
viewsA: Div occupying all the height of the page
You have to watch how your background element is behaving, for example if it is with height: 100% then will never exceed this size and so there is the cut, you can solve leaving the background…
-
1
votes3
answers1923
viewsA: Problem with image height
From what I understand, you put the images inside div's to organize, then you would have to position first the div'and then the images, see if this helps you: .slide{ width:100%; height:480px;…
-
4
votes2
answers768
viewsA: How to make a gradient at the ends of a line, with CSS?
Complementing, I would do so mine hr: hr{ border: 0; height: 1px; background-image: linear-gradient(to right, transparent, black, transparent); } <hr> I believe it is simpler this solution,…
-
3
votes2
answers1021
viewsA: horizontal alignment with css
Complementing our friend Localhost’s response, I would do so: .box{ display: block; border: 1px solid #e67e22; font-family: sans-serif; } .box-header{ background-color: #e67e22; padding: 0 15px; }…
cssanswered Lennon S. Bueno 2,182 -
1
votes2
answers1385
viewsA: Overlaid and responsive images
Would that be? img{ max-width: 100%; } .figure, img{ position: relative; } .figure{ max-width: 842px; } .figure img:last-child{ position: absolute; max-width: 30%; margin-left: 35%; top: 20px;…
-
2
votes3
answers267
viewsA: Meaning of the term "Fluid Layout"
Fluid: I do not define pixel size but percentage. When to use? depends.. fluid layout is just one of the complements to a good layout. I usually work on the same page with Fixed layout, fluid and…
-
3
votes3
answers11209
viewsA: Centering using the Absolute position
To center something in the center of the page there are several techniques. Explaining the margin its function as observed is to define a margin for some element, and when its value is auto means…
-
1
votes3
answers340
viewsA: Responsive alignment on footer
Friend, a little confused the structuring, I did not understand why put the text in the footer in a footer:after But what’s causing this headache is that you’ve left with absolute position and the…
-
6
votes3
answers2052
viewsA: How to avoid repeating html code?
The first thing to do is to separate your website into 3 files. header.html php content. footer.html As you can see in the header you will have the header and footer the footer. Then in the…
-
1
votes1
answer214
viewsQ: What characters can I use to define a class name?
I know it is recommended to use letters and dash, but if I want to use a class teste1/10, which recommendation?
-
2
votes2
answers1121
viewsQ: Why in the textarea with height defined the text is not centered vertically?
I have the following doubt, whether in a input text I define the height of 60px the text is centered in the field, but this does not occur in the textarea if I set a height of 60px also. I looked…
-
6
votes1
answer1633
viewsA: How to make a circular progress bar for web?
I will contribute.. var el = document.getElementById('graph'); // get canvas var options = { percent: el.getAttribute('data-percent') || 25, size: el.getAttribute('data-size') || 220, lineWidth:…
-
3
votes1
answer217
viewsQ: Select multiple inputs
I have the following doubts whether it is possible to improve this selection: #form-login > input[type="email"], #form-login > input[type="password"] {} Because if I have multiple inputs it…
-
1
votes2
answers1519
viewsQ: Subtract date with javascript
I have the following problem, I have a date that comes from the bank and I compare with the current date, and I do the following: var dataAtual = new Date(); var partesData = dataAtual.split("/");…
-
2
votes0
answers35
viewsQ: What is the difference between :before to ::before
I saw in the css3 documentation that the new syntax is ::before, but I’ve always used :before, is there a difference? Which to use?
css3asked Lennon S. Bueno 2,182 -
3
votes2
answers366
viewsQ: Remove Focus from input when it is with attr readonly
I have the following problem, I have a input with the attribute readonly. When you click on it it is selected. I needed to prevent this because I have a function using the onblucan only work when…
-
2
votes1
answer189
viewsQ: Best way to develop a flexbox grid?
I have doubts with the display:flex, thinking of a grid system as would be the container, row and the column. For example the container would have the property display:flex? And how to organize the…
-
0
votes2
answers158
viewsA: I can’t talk with specific class in css
Hello, the way you are referencing the elements in css makes maintenance difficult, I would recommend developing classes for the elements, I took your html and developed an example: *{ font-family:…
-
1
votes1
answer811
viewsA: Menu with space between li’s
This is an interesting question, it happens because with the inline block display the elements give a sense when you break the line of code, follows a way to solve: .header-menu { height: auto; }…
-
2
votes1
answer52
viewsA: side menu with left margin
analyzing your code what is missing is to reset the margin and padding the ul tag, follow the code: .cardt { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68,…
-
0
votes2
answers515
viewsA: Structuring with html/div and css
Hello, you could use a grid system to structure your site, I would do something like this: *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding:…