Posts by hugocsl • 65,517 points
1,996 posts
-
3
votes1
answer71
viewsA: How to write a shorthand containing several arguments of length?
What you are looking for is described in the official documentation, and you can freely mix values in PX and %, provided you put a / in his statement of shorthand. Documentation:…
-
5
votes2
answers4031
viewsA: What is Workspace in Visual Studio Code
Workspace is not just a Folder that you grab and drag to VS Code. In WS (Workspace) you can make numerous settings, plus manage path of the archives etc. Update 04/02/21: Latest article on Workspace…
-
2
votes1
answer386
viewsA: Dynamically scale header height
When evaluating this structure it is clear that you tried to center the text vertically within the div using a line-height: 50px; of the same value as height: 50px;. It’s not that this is totally…
-
1
votes2
answers1447
viewsA: How to give space between the value and margin of an input field?
It has some ways to make an edge, without using the original edge of the input, which is placed by the browser’s user-agent. You can customize a outline to use as edge, so you have the property…
-
1
votes2
answers467
viewsA: Bootstrap navbar background image does not repeat in extended menu in responsive
Man you can fix this padding, using negative margins. All right it’s not very stylish, but customize the navbar BS is always kind of boring even. Besides, you’re using a div.container within the…
-
4
votes1
answer618
viewsA: Bootstrap div navbar overlay image
Dude basically it’s just you make a rule of media querie that matches the same size as breacking point of navbar. In the case of @media (min-width:992px), that is, only for larger screens than…
-
0
votes1
answer34
viewsA: Text leaving the table after adding images
Friend your problem are these <td> empty. If you used rowspan you don’t have to leave empty, you have to simply remove them <table style="border: 1px solid #FF0000; background-color:…
-
27
votes2
answers599
viewsQ: Site made for seniors? Is there any good practice to build pages for seniors?
I am with a doubt, subjective, like almost everything in UX. But I will start from a feasible scenario. Imagine the INSS website, which is supposed to be a site made for the elderly, people who have…
-
1
votes1
answer62
viewsA: Contrast buttons
I made this very simple example that sometimes can help you. The code can be optimized, but I put as simple as possible, until pq my knowledge tb is not very advanced in JS. But basically when you…
-
1
votes1
answer66
viewsA: left div track right div height
As discussed by the comments of the question follows a layout option that can suit you. You can put position:absolute in the number and a margin-left in the text, so even breaking in two pages the…
-
0
votes2
answers638
viewsA: How can I align the second card to the right?
You can use the class card ml-auto, that will make the card necklace on the right of col, because it will give a margin to the left of the size of the "empty space", do not need to use float, which…
-
1
votes1
answer1845
viewsA: SVG image does not appear
Your problem is this bar / that you put in the background image walk... If the . css and image folder are in the site root, you don’t need to put it like this background-image:…
-
7
votes1
answer100
viewsA: Rowspan replaced by another attribute
First of all, maybe you’re not finding the reference to rowspan in the CSS pq rowspan is not a CSS property, he actually, just like the colspan, rowspan is an HTML attribute! Yes both colspan how…
-
0
votes1
answer48
viewsA: How to write inside an image border
If that’s what you really want... You can create a pseudo element in your link, where the image is inside and in this pseudo element you write the text you want. In fact it will be on the link, but…
-
1
votes1
answer106
viewsA: make javascript listen to an html element and manipulate the value of the property of another element if there is click
If code had some errors, the first is that you did not declare the pro variable OverlayNav after you put the variable status = OverlayNav.style.display = '' as a value = '' and you can just put the…
-
1
votes3
answers484
viewsA: Display only the first 3 elements of a list (Javascript, jQuery)
Face to do only with CSS using :nth-child() you can take from the 3 element and put display:none for everyone. Here in the example I put only color:red from 4 to 6, but you can put whatever you want…
-
2
votes2
answers78
viewsA: menu with inclined tab
If I understand this is what you want, you can use the property transform: skewX() to tilt the tabs. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" />…
-
2
votes1
answer180
viewsA: ::active + CSS is not working
Man it’s all wrong... Active doesn’t have two-points, it’s not like that ::active, that’s how it is :active No use putting :active in a div, pq :active is not a property of that type of element,…
-
0
votes1
answer63
viewsA: Check if an element is being clicked with Javascript
Vc can use a pseudo element in div who has a input inside, as with the focus-within vc show or not the pseudo element that covers the entire site underneath. Nor need JS for this…
javascriptanswered hugocsl 65,517 -
1
votes1
answer54
viewsA: pseudo element after does not go right
Face has many ways to align the + right, you have to see what is best for your case, because you can put float:right in the ::after, or even display:flex in the span and margin-left: auto in the…
-
4
votes4
answers27125
viewsA: Multi-line selection in VS Code
I will contribute these 4 ways to select lines independently using mouse clicks and some keyboard shortcuts. Option 1 The first is holding Alt and clicking 3x in some line character (the first click…
visual-studio-codeanswered hugocsl 65,517 -
3
votes1
answer47
viewsA: Scroll from a certain point with jquery
Dude if I understand or need jQuery for this, one technique you can do is use flex with column-reverse to do the scroll start from bottom to top and use max-heigth: 400px with overflow-Y: auto, thus…
-
3
votes2
answers73
viewsA: Redirect: HTML or JS?
Face are so many differences that it is even complicated to go into many details, but let’s talk about this image In the image above you can notice that the first sentence is a link? Most likely…
-
1
votes1
answer266
viewsA: Navbar inside an image
We are here to teach to fish and not to deliver the fish. So I just made the left side of the menu, the right side you do ;) Notice that it was very flexible, I used flex, and depending on the size…
-
2
votes1
answer89
viewsA: Safari bug of a CSS animation with keyframes
As discussed in the comments of the question follows the answer. Safari 12, as can be found on Caniuse, no longer needs prefixes -webkit- in animations, keyframes or Transition. Another bridge is…
-
1
votes3
answers88
viewsA: Textarea that calls a User List when the F2 key is pressed
You can put an eventListener in the window when the textarea is with Focus. Ai vc do your if if user press F2 to show a modal that your list will be in. Here’s a very basic example, but I think it…
-
1
votes1
answer66
viewsA: Create an animation on the wordpress site
Your problem is simple, I just don’t know if you can solve it in a simple way. When you place this script directly inside the WP text editor, the editor places a <p></p> to separate each…
-
2
votes3
answers576
viewsA: How to get the ID value of a button?
I don’t know if that’s exactly it, but making a forEach You can catch them all ID of all the Buttons and in order to get the value of the ID you use the .id as I did in the model below. Vase wants…
-
2
votes1
answer303
viewsA: When Typing in Input load another page without needing the Submit boot
I don’t have full mastery of JS, but as I commented you may have a setInterval that keeps checking the input which receives the code, and if the value of that input is different from 0, (in the rule…
-
1
votes1
answer358
viewsA: change size of Carousel materialize
You’re trying to resize the slider, but the correct thing is usually to resize the content within the slider. So don’t put the height in the class topo or carousel-fixed put right into the image. I…
-
1
votes1
answer35
viewsA: @font-face is not working in Chrome
Since you asked for a "tip" I will leave as an answer your problem. You are having a restriction to index the font in the document due to CORS Most likely if you put the fonts files like the…
-
1
votes1
answer1627
viewsA: Change Slide Bootstrap Transition
Dear your answer is in the documentation: https://getbootstrap.com/docs/4.0/components/carousel/#options The value you put on data-interval="X" is the time it will take the transition between one…
-
7
votes2
answers307
viewsA: Change color of the scenery with button
First I am adding this second answer, because the previous answer has already been very long, and I treated only one solution with CSS, but the author of the question seems to really need an answer…
-
2
votes3
answers196
viewsA: Fill in a text field with information from another field by clicking on a radio button
Guy here has a very simple example, just you take the value of one field and put in the other with the click on the radio. You have to do an eventLiestener on check, which when it is clicked…
-
3
votes2
answers34
viewsA: Show slect if previous select receives value
You can make a if/else very simple. Case no change of select previous the value be it == the value that you want you from display:block in the next select, else, you da disply:none in it. In the…
javascriptanswered hugocsl 65,517 -
1
votes1
answer41
viewsA: Table Responsive keeping width and height of cells
With table as you did is not possible, for as media queries you can’t create new ones TRs, and without new TRs you can’t make new "rows" of content. Table not to create layout. So if you have 10 TD…
-
1
votes5
answers585
viewsA: Footer content does not cover the entire screen
Dude you put position:absolute in the footer, with that the footer is only the size of the internal elements and not the size of the parent which is the body. For it to be the full width of the…
-
1
votes2
answers687
viewsA: Card clickable with Bootstrap 4
It’s basically just putting the link out of the card. <a href="https://google.com"> <div class="card bg-transparent text-white text-center p-3"> ... </div> </a> And in CSS it…
twitter-bootstrapanswered hugocsl 65,517 -
3
votes1
answer328
viewsA: How to insert html tags into the document using javascript?
Guy does so then. Instead of putting the direct moves on document.body, creates a container with display:flex and creates the tables within this container, so it’ll be next to each other. var nome =…
-
0
votes4
answers96
viewsA: Dropdown with Javascript
Face the way you set up the script and the CSS is not cool. I made this simplified template that I think will help you. It works like this, when you click on link vc adds the active class to it, and…
-
1
votes1
answer191
viewsA: I am unable to insert submenus in the dropdown menu
Look here’s a model, made it based in that script, and using the navbar Bootstrap 3 default. But basically you create a new link inside the menu you are about to do the Enable sub-menu showing the…
-
3
votes1
answer3995
viewsA: Is there a keyboard shortcut to switch between the terminal and the editor in VS Code?
There’s a very simple way Let’s take it one step at a time. 1 - Ctrl-Shift + ' will open the terminal 2 - Ctrl + Tab will move the cursor back to the Editor area 3 - Ctrl + ' will leave the Editor…
visual-studio-codeanswered hugocsl 65,517 -
3
votes1
answer63
viewsA: Horizontal navigation (fullpage) with CSS
Face just you change the margin-top for margin-left and exchange the measure of VH for VW, because now the movement is according to the width of the screen and not height... and tb need to put…
-
4
votes4
answers210
viewsA: Get post ID with Javascript
Here is a very simple form. When you click on article he returns the ID that’s in it. I used the querySelectorAll to catch qq article, and in the forEach I call a function that returns the ID…
javascriptanswered hugocsl 65,517 -
1
votes1
answer145
viewsA: play button does not appear
The ideal is to follow the model below, and also to make explicit the attribute controls on the tag <video> Your tag <video> is formatted "off the charts" as it does not have a…
-
15
votes2
answers307
viewsA: Change color of the scenery with button
Follow here a basic example only with CSS, the principle is p, because it uses the filter: hue-matrix to control the color histogram of the image. And as the filter() accepted transition you achieve…
-
3
votes3
answers63
viewsA: Event at mouse click
You have an event mouseenter/mouseleave to have something similar with click you have to do a toggle(), that is the first click "active" and the second click "disables" Then your code would look…
javascriptanswered hugocsl 65,517 -
0
votes1
answer132
viewsA: Form inside form with input problems
I believe the problem is the value of the attribute for of label and in the name of the group of btns. Note that the for is used to link the text of label at the radio-button, so in case the user…
-
0
votes2
answers1154
viewsA: How to take the edge of an image as a link
Boy your problem is so obvious that I hardly saw rss You’re putting a background-imagem on the tag <img>, so despite the image render, the user-agente browser creates that border which would…
-
3
votes1
answer180
viewsA: How to move the i element in css?
Dude if you put position: absolute in label just put a left equivalent to the size of the icon... the result would be as below <!DOCTYPE html> <html lang="en"> <head> <meta…