Posts by Mateus Daniel • 537 points
34 posts
-
0
votes1
answer48
viewsQ: Import external Javascript file code
In CSS, there is the @import that I can call the code from an external file within my current file. Example: @import 'font-awesome/css/all.min.css'; I wonder if there is something similar to this in…
javascriptasked Mateus Daniel 537 -
0
votes1
answer35
viewsQ: Is there any way to make a CSS code for a specific browser?
Next, I’m putting together a page that at a certain location I use a max-height, property that does not work on IE11. img { max-height: 45px; } To solve this in the IE specifically I can change the…
-
0
votes3
answers88
viewsQ: How to execute a given function using onmouseover?
I’m trying to do an exercise, in which I need to do the following process: Using the result of the first challenge, every time the user passes the mouse over some square changes its color to a…
javascriptasked Mateus Daniel 537 -
2
votes0
answers47
viewsQ: 'Gulp' does not run through 'Git Bash'
I’m trying to run my Gulp tasks through Git Bash, but when I give the command gulp to run it brings me the following message: $ gulp bash: gulp: command not found However, I can execute using the…
-
0
votes1
answer119
viewsA: how do I make a footer that is always below all elements
You can first set the 100% value for the height of your HTML document, and give a position: relative in it, to properly receive the floating elements: html { position: relative; min-height: 100%; }…
-
1
votes2
answers6721
viewsA: Place elements side by side using HTML and CSS
This can be done easily using the property flexbox of the CSS. For this, I made a small modification in your HTML, placing the image inside your navigation bar, thus staying: <nav id="header">…
-
-2
votes1
answer346
viewsQ: How to pick up the scrollbar position with Javascript?
I have the following page: <style> navbar { color: #FFF; position: fixed; top: 0; width: 100%; height: 60px; background-color: #000; } section { width: 100%; height: 100vh; } #sec-1 {…
javascriptasked Mateus Daniel 537 -
1
votes1
answer77
viewsQ: HTML/CSS: When I click on the link it does not go to the right point of the page
I have a page that has a simple top menu that has some links that take the user straight to the section referring to this link: <style> nav { width: 100%; height: 60px; position: fixed; top:…
-
-2
votes1
answer151
viewsQ: How to create a button with Javascript, which when clicking it advances to the next section?
I have a page with several <section> for each block of content, as in the example below: <style> section { width: 100%; height: 100vh; } .seta { position: fixed; bottom: 0; right: 30px;…
-
0
votes1
answer840
viewsA: How to center the text of a div in Javascript?
You were right to use the align-items: center, but to use it you need the display: flex; too! Then just do the following: div { display: flex; align-items: center; justify-content: center; } This…
cssanswered Mateus Daniel 537 -
0
votes1
answer65
viewsQ: How do CSS’s "mix-blend-mode" property work in Internet Explorer and Edge?
I made a gradient layer that goes over some images in my project with the following CSS code: { background: linear-gradient(45deg, rgba(32, 51, 108, 1), rgba(237, 17, 100, 1)); mix-blend-mode:…
-
4
votes1
answer44
viewsQ: What is the correct way to use the "%" operator in Sass?
I’m making changes to a page that was made using Sass, and I’m still very beginner with the framework, and I came across the following code: %cf { &:after { content: ''; display: block; clear:…
-
2
votes1
answer118
viewsA: HTML and CSS layout. How do I make it responsive?
First, be very careful in using tags, you are opening one <html> and a <body> for each content and should not do so. Assemble your entire structure within the tag <body> and then…
-
1
votes0
answers65
viewsQ: Are there arrays in JS, or are they just 'hidden objects'?
My teacher brought the question atoning, and he gives a lot of emphasis to the subject. After all, there are array[] in fact on Javascript or are they mere disguised objects? As I am starting, I…
-
2
votes2
answers180
viewsQ: Exchanging last letter of a word using the 'replace() method
I’m doing an exercise that asks me to turn the word Roberto in Roberta using the method replace(), and by my logic this solution should work: var roberto = 'Roberto'; roberto.replace(…
javascriptasked Mateus Daniel 537 -
4
votes4
answers2171
viewsA: CSS, Bootstrap4 Cards Side by Side
For you to work with Bootstrap, the correct is to use the grids of the same. So to solve your problem, just put each card within a column, the correct structure would be more or less the following:…
-
-2
votes3
answers57
viewsA: How to make the text inside the button not be tilted?
Just put your text inside another element, and apply a different rule to it. Example: <button class="slanted button1" type="button"> <span>Login</span> </button> Here, I put…
-
6
votes4
answers727
viewsQ: Check Object inside an Array using index()
I was solving some challenges of a Javascript course I’m doing, and came across a small problem: I have the following object array: var numberObjects = [ {number: 1}, {number: 2}, {number: 3},…
javascriptasked Mateus Daniel 537 -
0
votes7
answers19300
viewsA: Increasing modal size using bootstrap and html
Bootstrap from version 4, has several sizes as already mentioned in other answers. To apply these different sizes, just insert into <div> who’s with the class modal-dialog the classes:…
-
1
votes3
answers608
viewsA: Install FONT in HTML?
Good afternoon, all right? (: That way you won’t be able to import by link, one solution to your problem is to import the font from @font-face locally. It’s very simple: First, download the source…
-
1
votes1
answer170
viewsA: Innerhtml function doesn’t work?
Apparently, what’s preventing your code from working is because you’re not using the method compile Handlebars. So the solution is simple: First, try to bring your files from <script> always…
-
0
votes3
answers296
viewsA: How can I connect to my repository again?
I had a similar problem recently, and the solution was the following: Make a git clone to download the repository on your machine; Done that, give one git init, git add -A, git commit etc. in the…
-
0
votes4
answers1899
viewsA: Insert comma automatically while typing
Arson speaks, all beauty? (: Dude, I don’t know how I would do with jQuery, but in pure Javascript from the Ecmascript 6 has a specific feature to make this conversion, and it has some nice…
-
1
votes1
answer33
viewsA: div under the contents
Speak David, all right? (: The content of your menu is being overlaid because you set a height for it, which in this case was a height:60px. To solve your problem then it is simple, just remove the…
-
0
votes3
answers1060
viewsA: Is there any way to let the vscode tags close as is the sublime?
Hello, There are some extensions that you can download to perform this task. The extension that I use is the HTML Snippets. To download it, just click on the icon that looks like a block of tetris…
-
-1
votes2
answers75
viewsA: Width changing unlike function logic
Hello, your code was with some syntax errors, and it was one of the reasons your function didn’t work properly. Always remember to put ';' at the end of the instructions and close the functions' {}'…
-
0
votes1
answer86
viewsA: Problems using Card-img-overlay with card-Columns
Good morning, I made a simple adaptation to work properly. First, I removed the tag that you were using to bring the image, and created the class card-bg to call in the file css. <div class="card…
-
0
votes1
answer113
viewsA: navbar bootstrap is not at the top of the page
Hello, As you are using Bootstrap I suppose, just add the class Fixed-top on your navbar. <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> I hope it helped. :)…
-
0
votes1
answer58
viewsA: Error loading image via Web API
Based on the comments, apparently the API is not finding the file directory (404 code error usually means it was not found or does not exist). Remember, the directory has to be informed in the…
-
0
votes2
answers160
viewsA: Adjust Card Location
Hello, You can use flexbox, but first you need to make some changes to your code. * { margin: 0; padding:0; } html, body { overflow: hidden; width: 100%; height: 100%; } .fundo1{ display: table;…
-
-1
votes3
answers108
viewsA: Javascript input check
In your case, as you only need to know if he sent at least one of the two, the attribute required HTML in the first input would not be enough? <script…
-
1
votes2
answers564
viewsA: Pop-up effect with HTML, CSS and Bootstrap
Only with HTML and CSS I don’t think it’s possible. There are some Javascript libraries that can do this for you, I really like the Scrollreveal. It is very simple to use: First you must link the…
-
0
votes1
answer21
viewsA: Hide menu, show Sticky
Not understood very well, you want to display/hide the menu at the time of page loading or when to scroll the screen? 'Cause if it’s in the shipment, it could be something like this: window.onload =…
-
2
votes2
answers603
viewsQ: How do I remove and replace files from the master branch with files from another branch? (Github)
Dear friends, my question is this:: I needed to download a project on another machine, so I did a clone on Github for that, but I changed the whole file structure, and I wanted to go up to the…