Posts by hugocsl • 65,517 points
1,996 posts
-
1
votes1
answer35
viewsA: Is the <audio> element part of the "Palpable content" group or not?
First, either one of you has the autonomy to say whatever you want, then whether or not the browser will implement another story... Here you can see something very superficial on the subject Who…
-
1
votes2
answers190
viewsA: How to close Vscode window?
This is from Intellisense you can see more options here https://code.visualstudio.com/docs/editor/intellisense#_customizing-Intellisense But basically this code will make the suggestions disappear…
visual-studio-codeanswered hugocsl 65,517 -
1
votes1
answer19
viewsA: Responsive Menu - When the page is in its normal size, the menu list is not inline (it should be next to each other)
Dude you’re wearing min-width then it’s inside that @media that you have to change the class of display:block for display:inline-block, then he’ll be on the line. There you also have to adjust the…
-
1
votes2
answers163
viewsA: Move up HTML table using CSS
In this case as you put it display-inline-block in the elements they assume a hybrid scope between block/inline and vc can use the alignment property inline vertical-align to align the "table" at…
-
2
votes1
answer63
viewsA: Line Break Bootstrap 4
Change flex-sm-wrap for flex-wrap flex-md-nowrap That way when it’s bigger than SM does not break, and whenever it is SM or less will break Code of the image above <div class="container…
-
2
votes1
answer274
viewsA: Difficulties with flex-box, align the menu icon on the right
Just give margin-left: auto in div.menu, so it creates a left margin (left), which will "push" the menu to the right. The estate justify-self: right; doesn’t work that way unless you’re using grid…
-
1
votes1
answer179
viewsA: Menu with svg image icons sometimes does not load in mobile version
Yes and here is an example that Bootstrap itself uses by chance, but here is an article that should interest you a lot with a test using even a solution with Base64 in the URI…
-
4
votes1
answer48
viewsA: I’m unable to call an external . js to an html page
Look at your mistake Uncaught Syntaxerror: Missing ) Lacked a ) after ...JS';, should be at the end of the script JS' ) ; the relatives It should stay as below alert('Esse é o meu primeiro código…
javascriptanswered hugocsl 65,517 -
2
votes1
answer53
viewsA: Div does not respect imposed width
Your problem is that the value of padding are adding to the value of the elements, and their .left and .right are as the correct sizes, what is not "correct" is to leave the padding if you add the…
-
0
votes1
answer312
viewsA: indentation in vs code how to configure
Option 1 You can change from Dot Spaces for Tabs Option 2 Or as last updated 1.43 you can hide the points, and only show them when you make the selection using the option editor.renderWhitespace see…
-
5
votes2
answers128
viewsA: Can someone help me with that effect?
Follow an example using pseudo elements with the same bar color, and a circle in the center with the border color equal to the background color. First look with different colors to identify the…
-
0
votes1
answer251
viewsA: How to make a text-only slide in bootstrap
Just follow the standard Bootstrap getbootstrap.com/Docs/4.0/Components/Carousel code and place an image and text inside the <div class="carousel-item"> and in the image you put the class…
-
1
votes1
answer77
viewsA: Problem to access modal-footer in modal
Probably when the modal opens is placed a overflow:hidden in the body, then when the modal increases content the buttons of the footer end up getting off the screen. When the modal opens the class…
-
3
votes1
answer459
viewsA: How to change the text of an "Input.Button" ? In JS
Face the text of your input:button is in the value then you have to change the value of value and not the text because theoretically no text has within the input rather a value Then use .value to…
javascriptanswered hugocsl 65,517 -
7
votes1
answer261
viewsA: Button inside a clickable card
Heuristics Number 5 of Nielsen: Previna Erros Heuristics Number 6 by Nielsen: Recognition instead of memorization Law 5: Basically you are deceiving the user and inducing him to error... If you want…
-
2
votes1
answer1058
viewsA: How to transform a selected text to a low box in Vscode?
Guy VS Code has a way to search and replace strings using regex Here’s an article that might help you with that https://dev.to/rfornal/vs-code-search-and-replace-regex-mn2 But since I don’t know…
visual-studio-codeanswered hugocsl 65,517 -
6
votes2
answers189
viewsA: Content of one div exceeding the other div
Guy takes the overflow-x, and puts box-sizing: border-box to the padding do not add the total container width, use word-break: break-all; to break large words wider than the container. I added tb…
-
5
votes1
answer44
views -
2
votes1
answer36
viewsA: How to interpret the properties Width, Height, Top, Left when using Transform?
Forget rotate, the transform only changes the visual rendering of the element, but width continues to increase the width and height height. That is if you rotate the element 270deg and want to…
-
6
votes1
answer327
views -
3
votes2
answers401
viewsA: "Watermark" with CSS
Here’s an example, it’s 100% CSS and all done with background, note that even if an input is larger the corner does not deform. And vc can easily control the size of the tag by background-size…
-
2
votes1
answer56
viewsA: Apply Padding to all elements except one in particular
Your rule not is wrong, you’re applying her to nav, guy nav:not() and should be in the a within the Nav type nav a:not() Look at the example, notice that I’m putting one bg red in all the a, except…
-
4
votes1
answer107
viewsA: Set icon and display file name depending on file extension
This example I made with src and images (.jpg and .gif), but you can adapt to href and the extent you need (.doc and .pdf) Here is an example, if the tag img has in src an image that ends with .gif…
-
3
votes2
answers49
viewsA: Show hidden text when switching lines
You put bottom:0 on the pseudo element, so it "stretches" to the end of the parent container, covering part of the text that is below when it breaks the line. One of the simple way to solve it is to…
-
3
votes1
answer32
viewsA: Site background is not being resized along with @MEDIA
Issac vc placed two elements (the last two div with class layout), they have fixed width in pixels, so it’s causing the scroll horizontal, change the measure in PX for % that will solve the problem,…
-
5
votes3
answers11154
views -
1
votes1
answer375
viewsA: With Bootstrap, how do you position the button at the end of the card?
In the div with class Card-body vc will use the following Flex classes of the bootstrap itself d-flex flex-column align-items-center for more see the official link…
-
1
votes1
answer106
viewsA: Is it possible to repeat the "Animation-delay" property in each animation interaction?
The delay is applied only when the animation starts, and not in the animation cycle itself. So when the animation starts has the delay, but after she enters loop nay! The displacement of time, the…
-
4
votes1
answer116
viewsA: Apply CSS by conditioning when two classes are together
To do with a CSS technique using order. With this you can apply a CSS rule using the selector + With the order vc will show visually on the screen, the Title before the Time, but in the DOM the Time…
-
4
votes1
answer88
viewsA: How does it work and how do I use the Aspect-ratio property?
As you can see here https://caniuse.com/#feat=mdn-css_properties_aspect-ratio no browser supports this property, so logically it has no way to test and say how it works and the most you can get is…
-
2
votes1
answer116
viewsA: Is it possible to make Vscode "Responsive" Workspace equal to Sublime?
You have to enable Word Wrap us Setting, so it will "break the lines" and will not have this scroll horizontal Or if you prefer you can use the shortcut to enable and disable the Word Wrap. On iOS…
-
2
votes3
answers1060
viewsA: Is there any way to let the vscode tags close as is the sublime?
Guy just set this option in the VS Code Setting. In the bottom left corner, click on the Gear icon, open the Setting and search for "close tag" there is just mark and ready. You will type div+tab…
-
0
votes1
answer39
viewsA: Error hiding field with Jquery
First your field that has to be hidden must already start hidden, so put display:none in the CSS If you don’t want to use CSS just put var valor = $('#op'); valor.hide(); before function change(),…
-
2
votes3
answers230
views -
4
votes2
answers140
viewsA: Create a thought bubble in css
Since you’re wearing one pseudo::after, use a ::before to make the other ball The shadow that is the cat jump, to make the most practical form I found was using a filter: drop-shadow, because it…
-
2
votes1
answer562
viewsA: Remove underscores in Vscode (image 1 = problem, image 2 = Solution)
This type of "Warning" exists for several languages and for different situations, it can be an error, or an alert or just an unrecognized experimental attribute. You can try putting in JSON of their…
visual-studio-codeanswered hugocsl 65,517 -
0
votes1
answer529
viewsA: Change css pagination datatables
Actually it’s not quite the primary, because he doesn’t use bg-primary element. What it is doing is the link that has the class .active Dad gets blue background So just switch there to the color you…
twitter-bootstrapanswered hugocsl 65,517 -
0
votes1
answer40
viewsA: create fixed top menu bar
Dude has several ways to make the most practical is to put positin:fixed on the sidebar, this already leaves it fixed on the scrolling. Then on the navbar you put position:sticky and top:0 for it to…
-
0
votes1
answer85
viewsA: Problems with menu and Iframe
You have to put position:sticky in divs navbar and topnav, whereas the navbar gets top:0 and the topnav with top:56px, since the height of navbar is 56px, so one does not cover the other in the…
-
3
votes1
answer75
viewsA: Rotate Element on Click
Your selector $("#projeto_1").click(function(){ is wrong. Vc pos event click on LI whole, and has to be on the link within the LI. it should be like this $("#projeto_1 > a").click(function(){ and…
-
0
votes1
answer22
viewsA: Responsive e-mail
This is why Gmail only accepts up to a certain amount of code (text), until this "View the whole message" link appears.For example, it only accepts 5000mil characters and then automatically…
-
9
votes1
answer181
viewsQ: CSS writing methodology using : in class name ( Tailwind CSS )
I know there are a multitude of CSS frameworks (Bootstrap, Materialize, Skeleton, Bulma, Foundation), as well as a multitude of methodologies for writing CSS (BEM, DRY, ITCSS, OOCSS) But I was doing…
-
1
votes1
answer188
viewsA: position: Sticky does not work in my header
First, your container has no closing tag is missing a </div> Then you put the position:sticky in the wrong element, you put in a "son" and should be in the father of all, ie in the tag…
-
2
votes1
answer283
viewsA: Displaying a Progress bar in different browsers (HTML and CSS)
This is a problem of user-agente each browser formats this tag <progress> as "prefer" so that it has a visual drive more similar to the browser itself, I recommend you make this element with…
-
3
votes2
answers367
views -
5
votes1
answer128
viewsA: Display: Does None really affect seo?
The Spyders will read your DOM/HTML, and not your CSS, but... By the fact that you are hiding the content on the screen this will harm the screen readers, although it is not possible to state that…
-
3
votes2
answers58
viewsA: property order does not work
Dude, it’s no use just putting order in the element and wait for it to change position, the order only works in the direct child elements of a container with display:flex or display:grid. These…
-
6
votes2
answers528
viewsA: What is the difference between tag and element and html document and page?
Page x Document You can have an HTML document that isn’t even a page, it can be a email marketing for example, or it may be only a fraction of a document (but with the extension .html/.htm), without…
-
3
votes1
answer106
viewsA: My animation is not working when I pass the mouse
Dude first, you gotta put position:relative in the photo container, so the overlay shadow that is inside the container does not cover the entire screen. Then, display is not a property "animável"…
-
2
votes1
answer35
viewsA: Are animations the same thing as transitions?
An animation with transition only happens if there is a user interaction, because it has only an initial state and an end state, but the end state only appears if the user makes a :hover for…