Posts by hugocsl • 65,517 points
1,996 posts
-
1
votes3
answers326
viewsA: Change the size of an image by device
The way you wrote your @media is wrong! You have to repeat the class name within the { .logoMarca {...} } of @media or else CSS won’t know which element to apply the properties to. (Your error has…
-
1
votes2
answers89
viewsA: Move body along side menu
I made a class called .ativa, and put a transition in div with the content I called div .contudo. So when you make one mouseenter() in the menu div I add this class . active in na div conteudo and…
-
2
votes1
answer203
viewsA: How to create an infinite slide similar to Instagram?
Your animation has a few problems, and the main thing is that it takes 0% to 25% to be visible, and then it takes 25% to 100% to disappear. This means that if the animation has 20s it takes 5s to…
-
1
votes4
answers59
viewsA: Div in the center next to each other
Face basically yours divs are locked in the wrong way, got inside each other, so the float did not work. The div fundocurso had stayed inside the div fundopython there was no possible one to stand…
-
2
votes1
answer53
viewsA: Alignment with two elements in the flexbox: One centered and the other at the end of the flexcontainer
Dude your code is right, no need to worry, and look how coherent your Big Brother is, you have first a div with 25% wide w-25, after a 50%, w-50, and one more of 25 totalling 100%. There’s no…
-
3
votes2
answers689
viewsA: Disable link with jquery
Dude your problem is that one <a> does not have the global attribute disabled, then in advance set disabled on it that won’t work. disabled is for input, buttons and other form elements, not…
-
0
votes1
answer109
viewsA: Responsive Sidebar according to information
Face an option is to wrap the sidebar and the div that will receive the content in a flex-container, so you put at once next to each other and your sidebar will always match the size of the div…
-
1
votes1
answer52
views -
1
votes1
answer77
viewsA: CSS for printing - How to control data flow
Your code had some little problems, like limit a height pro box_container with a height and put in it display:inline-block. Taking away this property and putting the properties below I managed to…
-
1
votes1
answer76
views -
1
votes2
answers161
viewsA: Vertical paragraphs using flexbox
Places Flex-Direction:column in the vertical-align class A container display:Flex by default puts the child elements in line, because the flex-Direction standard is Row, but if you want the children…
-
8
votes3
answers547
viewsA: Why does the "text-align: center" property work in image?
The image by incredible that it looks eh an inline element, as well as the label, span, input, among others, so in the image focuses properties like text-align and verticla-align for example. The…
-
7
votes1
answer69
viewsA: What is the impact on the browser when there is infinite and direct interaction in HTML?
Look I used Chrome Devtools to check resource consumption. But keep in mind that I tested right on the page of the plugin, there it is practically running insolently, but think of a real environment…
-
1
votes1
answer97
viewsA: Divs with zebra colors and property order
There is a way to do it, the only caveat is that you know the height of the child. Having a fixed value for the child you can build a background in the father. The idea is not to use bg in the son…
-
6
votes2
answers76
viewsA: Insert a background inside a triangle in the corner of a div
There are several ways to do this and the simplest and most crossbrowser to my mind is to put two backgrounds in a div, the first bg of the background is the image, and over it I have a…
-
1
votes1
answer38
viewsA: Scrolltop for fixed header page
In fact it would be that without the point . after the top, and the value is negative, not positive. This should work by discounting the header size (no need to put the px) {scrollTop:…
-
3
votes1
answer234
viewsA: Doubt table header
Dude you have to cuddle tabels, one table inside another... in my view is the simplest way to do, and it was already a technique that was widely used at the time that was still being done layout…
-
3
votes2
answers110
viewsA: How to change the color of the div without affecting :Hover
I saw two problems in your code. The first is in jQuery where you are putting CSS styles directly in the tag using the method .css() when vc puts the style straight into the tag you can’t easily…
-
2
votes1
answer25
viewsA: Creating a function for highslide
It is possible yes you can make one forEach() and perform the function for each individually clicked btn... let meulink = document.querySelectorAll('.btn-success'); function frame(el){…
-
4
votes3
answers93
viewsA: Alignment of photons
Since you are using Bootstrap use his Grid. I divided into two columns one of 9 and one of 3 with the inputs. Within the col of the inputs I placed the text on the right with the class text-right,…
-
1
votes1
answer30
viewsA: SVG mosaic with cross-browser support, is it possible?
SVG is a good option for this kind of thing, and it basically didn’t work on Edge and in the Firefox pq vc did not declare the size of the image, not further declare only the size of the pattern,…
-
2
votes3
answers47
viewsA: I’m having trouble aligning
Enough in the div classy .why-trocafone_reasons vc add margin: 15px auto 0; Follows the code <h3 class="why-trocafone__title" style="box-sizing: border-box; color: #4d649b; font-family:…
-
1
votes1
answer110
viewsA: Animated background overlays page
Just put z-index: -1; in div waveWrapper which is where the animation is inside. I believe this will facilitate the management of your z-index, besides that the background will always be last in the…
-
1
votes1
answer33
viewsA: Put gif in Typewrite
Face just adjust the width of the animation on width within the @keyframes, and then put two more steps in the animation-steps corresponding to the image and the space and ready. html { height:…
-
1
votes1
answer61
viewsA: Responsiveness to modal
Your modal guy doesn’t have the da div classy modal-body! It is necessary for you to be able to place your content. After that you have to use Bootstrap’s own Grid to control the content inside.…
-
2
votes3
answers1601
viewsA: z-index doesn’t work because?
In fact things are connected to the type of container or scope of the element. If the element is inside a container flex, or container grid, you don’t need to declare the position to the z-index…
-
2
votes1
answer66
viewsA: Help with positioning Divs when you arrive at a certain media query
With Display:Flex There is a simple solution to this using a container flex to place the divs with flex-grow:1 to be divided equally. Thereafter, in the div downtown, when you arrive at the @media…
-
0
votes1
answer102
views -
0
votes1
answer29
viewsA: different font abandon on the web
The problem is simpler than it seems... Link to download the font if someone wants to test Font Abandon https://www.dafont.com/pt/abandon2.font I used the font on a <H1> and look how it…
-
2
votes3
answers89
viewsA: How to reference only the first occurrences of an A tag using jQuery?
It wouldn’t necessarily need jQuery, what you have to look at is the selector. In the CSS .details_block > a { } In the jQuery $(document).ready(function(){ $(".details_block >…
-
3
votes2
answers67
viewsA: Change the color of the Microsoft Edge scrollbar
Let’s take it slow because soon the Edge will be almost a Chrome and will even benefit from properties -webkit- In fact you have two options and the first is to leave your CSS as it is, because Edge…
-
20
votes1
answer1138
viewsA: Why does Bootstrap 4 use "rem" and "em" instead of pixels?
Basically it is due to the accessibility and control of the layout of the design system. Using measurements in REM / EM if the user changes the size of the font root it will have a homogeneous…
-
5
votes1
answer41
viewsA: Zig Zag Stripes with 3 or 4 colors - CSS3
Look I made this model, it is simpler to understand than the other, but it uses more gradients to do... The idea is that you have only two angles, 45deg and -45deg, and that way you will "grow" the…
-
1
votes1
answer35
viewsA: How to configure the progressiBar property in the plugin toastr?
I don’t know exactly why, but I believe that the CDN reference is outdated, I am also using version 3.x and not 2.x of jQuery and it worked... Test the code below to see working <!DOCTYPE…
-
1
votes1
answer79
viewsA: How to make a hidden div appear when clicking a button appear and then hide over time
I made a version with jQuery that uses a fadeIn/Out and setTimeout do the fadeIn of .alert when you click the button, and the setTimeout counts 2 seconds before doing the fadeOut of .alert…
-
1
votes3
answers171
viewsA: Align a div that contains a text with a div that has a login box
The problem is that you are creating a "loose" div, using float:left and outside the Grid bootstrap. Like you want a div next to the other just put two col-6 and not a col-12 another div "loose"…
-
18
votes2
answers1586
viewsA: Is it good practice to have all sizes of favicons, and include all rel links in HTML?
I don’t think that answer will cover all the points, but I have a few tips for you... The recommended is to use the Favicons in the root directory, pq is where the browser first searches for them.…
-
2
votes1
answer96
viewsA: Overlay on a form label
The input is inline by nature, so my suggestion is you make a @media and put a measure in which their input will change of inline for block, so he’ll break the line and stay below the text. In case…
-
1
votes1
answer34
views -
1
votes1
answer55
viewsA: How to put more than one link on the same button?
The site you quoted despite being a Wordpress it uses Bootstrap 3, and this is a simple component of framework, flame button dropdowns and you can see the documentation here…
-
1
votes2
answers637
viewsA: How to add icons before the placeholder
I made an icon option using Fontawesome in the pseudo element of the label not input, because the input does not accept pseudo element as you can see in the link I commented above. Here you can…
-
1
votes1
answer185
viewsA: Col-Md-6 falling down instead of standing on the side
The way you set up the Bootstrap Grid is wrong, you put a div col-12 unnecessary, besides you used a margin-left -2%, but 2% would be more appropriate for the purpose... Follow the image code above…
-
3
votes1
answer1548
viewsQ: How do I place Text inside a Shape made with CSS? Is it possible to place text inside a circle?
I know CSS evolves slowly, but I’ve seen a lot of new things out there, especially with the more modern browsers that accept very new properties. My question is whether there is already any way to…
-
3
votes2
answers476
viewsA: Diagonal edge at the corners of the page
There are several ways to do this, I used here two techniques basically, a pseudo-elemento and put in it a repeating-linear-gradient. The main element has white background color, and the stripes are…
-
6
votes2
answers108
viewsA: Why doesn’t the <p> tag inherit your father’s color?
The problem is that the Browser fixes your code. Just as Vinicius said, it is not appropriate to put a <p> within another. When vc does this the browser rendering engine does this with your…
-
5
votes4
answers80
viewsA: How to align a smaller text to the top of the parent element?
How is an element inline you can use vertical-align: super It would look like the image below. Below I talk more about top/top Follows code from the image <h3 style="font-size:40px; font-color:…
-
3
votes1
answer289
viewsA: How to configure Vscode to identify private field syntax
VS Code currently does not support ES7 and what they suggest in the official documentation itself is to disable the native JS validator and use some extension like Eslint to validate the code.…
visual-studio-codeanswered hugocsl 65,517 -
1
votes1
answer33
viewsA: Make a Section as the example
You have to wear the flex classes of Bootstrap as d-flex, flex-wrap, justify-content-around, and another as w-100 and text-center to adjust everything and border border-danger and rounded-circle to…
-
2
votes2
answers994
viewsA: Shortcuts in visual code - Ubuntu 18.04
Several shortcuts are different even on Linux. Here you can check the full official list. On Linux it would be Ctrl-Shift + ` create new terminal…
-
5
votes2
answers851
viewsA: Keep changing font color with CSS only
It is possible yes, just change the color icon, because it is a property that can be animated without problems. As the Fontawesome is a source you should use the color for this, and with the…