Posts by hugocsl • 65,517 points
1,996 posts
-
1
votes1
answer43
viewsA: Different layout in anonymous window and other browsers
I think that somehow Chrome in Anonymous window should manage the indexes differently... I say this, because I took your code here and used the initial template suggested in the indexing and it…
-
2
votes1
answer172
viewsA: The HTML tag has an attribute or attribute value not allowed
You have a "line break" in your url action=""! See what it says on the validator W3C If you fix this url you will see that there will be no error in the validation, at least in the validator W3C not…
-
4
votes5
answers3392
viewsA: One below the other input
There are several ways to do this through CSS, but the important thing is to know that the input is an element of the inline, in fact inline-block, that is, it stays in line, because it only…
-
2
votes2
answers61
viewsA: Doubt about class assignment and ids
According to the documentation on that Mozilla Best Practice Guide, the ID must come after the class: As classes are great reusable components, so they come first. The IDs are more specific and…
-
3
votes2
answers1958
viewsA: How to automatically set the autofocus attribute to HTML input by Javascript?
By the class that is in the input form-control it seems to me that you use Bootstrap. In this part in the documentation they indicate that you use the event .on('shown.bs.modal', function () { } to…
-
0
votes1
answer312
viewsA: How to align text vertically next to image?
There are some different ways to do this, but in your case I suggest you put in #corpo-form div one display:flex; with align-items: center; this will align the text vertically next to the image, and…
-
0
votes1
answer692
viewsA: Align textarea with other input with bootstrap
Dude I found the way you set up the form Grid a little confusing, in your case I think it’s best to use the Horizontal Form than the Inline Form . Here is the full documentation link…
-
1
votes1
answer31
viewsA: Leave fluid Ivs
If I understand correctly you want it to be 14.3% wide, but you want it to respect a minimum width, for that you will have to use a min-width. For example if the screen is very wide the size is…
-
1
votes1
answer985
viewsA: Center a div to the center of the screen in flexbox
Guy has some detailed there. But first keep in mind that the justify-content: space-between; will distribute those within the father, but will not distribute equally, for each child has a width, and…
-
1
votes1
answer164
viewsA: Animations in the elements happen as soon as the page loads
Most likely the problem is because of the team’s debounce, It is very high 200, if you decrease to 20 or 10 vc you will see that it will start to pick the animations better, because it will be…
-
1
votes2
answers34
viewsA: Arrangement of grid boxes
Man from what I understand you want to do basically you’re changing the auto-fit for auto-fill. the auto-fit the cell of Grid grows to occupy the entire width of the tell if there are no more…
-
1
votes1
answer21
viewsA: Code does not find modal
You have to check exactly the order that is importing the Bootstrap dependencies (CSS/jQuery/Bootstrap.JS) notice the order and location where these dependencies are attached. Here in the…
-
1
votes2
answers225
viewsA: Overflow-x of a <div> containing three other <div>
I recommend you use another div within the div.result. I say this because it is very problematic to work with overflow in a parent’s director sons with display:flex. Then either you put the…
-
3
votes1
answer1400
viewsA: SEO - Being penalized by Google Fonts
Most likely it’s because of FOUT, FOIT, FOFT, You can read about them here https://css-tricks.com/fout-foit-foft/ Note that you are importing 4MB from sources.... As the site must be loading a lot…
-
0
votes1
answer62
viewsA: Navigation bar in Bootstrap
Your doubt is described in the documentation and Bootstrap has a unique class for this... https://getbootstrap.com/docs/4.0/components/navbar/#placement Basically you’ll have one container before…
-
1
votes1
answer80
viewsA: Print page 1 or 2 HTML columns
I have a solution to your problem. I will not go into more technical details not to get too extensive the answer... First, on the home page, the top bar has no secret, as it is an element with…
-
1
votes1
answer71
viewsA: Help with function to add and remove Divs with Autoincrement
I don’t know if I got it right, but I did this very basic example. It has two models, one removes the brother from above and himself, and the other is a son who removes the father and himself. So if…
-
1
votes1
answer259
viewsA: Bootstrap form layout
Young you need to use the Bootstrap Grid Row/col, the way you did it was completely deformed... I recommend you take about 30 min to read the Grid documentation…
-
5
votes2
answers488
viewsA: Keep your focus on Inputtext
I did this example with jQuery, it works so you have two input one mandatory, and another desable, then you can’t click on input that is disabled. When you fill in the required one it removes the…
-
1
votes2
answers99
viewsA: Arrow in select with div and jquery
About why the arrow did not appear Lucas friend already spoke the reason, you did not put the content in the ::after. On the alignment of the arrow vc can put position:relative on the button and…
-
0
votes2
answers3422
viewsA: Css effect when mouse clicking
It would make tb using radio-button, you can put a input:radio that when :checked will rotate the .spin. But for that you need to transform the element div.spin in a label.spin as a for="" to the ID…
-
5
votes1
answer389
viewsA: Geometric shape with css
You can use radial-gradiente to make this shape, the result is very faithful to the image and you still have the advantage of transparency case quera leaves visible the background color of the…
-
1
votes1
answer61
viewsA: Rolling footer (overflow Hidden)
Just take it out of the height of the container the height of footer. Notice that when you put the class h-100 of Bootstrap you leave the container 100% height, and then adding the 56px footer ends…
-
4
votes1
answer155
viewsQ: With CSS is it possible to control which element will activate the Focus-Within of a Form?
Is there any way to determine with CSS only which elemento focused on specific will activate the :focus-within of form? I want only one input specifically activate the class form:focus-within {} of…
-
2
votes1
answer27
viewsA: background with possition: Absolute; does not work
Your CSS is wrong here, you wrote width 2x, should be width and height :D To the background be visible and accurate that the element has height (height), so just fix that your BG will work! .layout{…
-
2
votes1
answer239
viewsA: Put text under image slider without breaking harm the layout
Here is a simple option that can help you. The concept is to write the "legend" in the global attribute title of link, and then using a pseudo-element ::after you will show on the screen what is…
-
0
votes1
answer81
viewsA: some Font Awesome icons load, others do not
The "problem" is that not all sources are with the font-weight correct. See this tip to understand how it works. When you search for an icon and enter it the Documentation indicates which options…
-
1
votes1
answer70
viewsA: Change body of a page with js
Guy will depend a little on how you set up your CSS as a whole, but you can add a class to body with a new font-family, and with that everything inside will inherit this new font-family of the class…
-
1
votes2
answers85
viewsA: Replace a div when arriving at a given input
First, your script has some syntax errors, you closed a parentheses in the wrong place, and also closed a quotes in the wrong place... Now let’s go to your code After fixing this I also set the CSS…
-
5
votes1
answer1642
viewsA: How to make this transition effect using CSS?
Ivan yes it is possible to solve the problem only with CSS, but you have to have a HTML + CSS Structure that is coherent. I mean, you’re gonna need rules like :focus + div or :target ~ div etc, so…
-
14
votes1
answer5166
viewsA: What are the reasons to choose between camelCase and Pascalcase in method names?
First a little history This answer is based on this excellent article by Celso Kitamura https://celsokitamura.com.br/pascal-case-e-camel-case/ In 1813 Jacob Berzelius, a chemist, suggested a…
-
2
votes2
answers417
viewsA: Div position Fixed below other Divs
You have to evaluate your situation there, but you can change the position:fixed for position:sticky, as this the element is fixed relative to the parent and accepts the float etc, and not relative…
-
1
votes1
answer234
viewsA: CSS Reverse Transition Effect
From what I understand you want the bar to grow, but btn OK to stay right. The way you built the Form the way I found it was by putting a margin-left in the button with a transition when you do…
-
4
votes2
answers185
viewsA: Adjustment of the canvas in css [closed]
You are using Bootstrap. And apparently you are not using Grid in the right way, because you did not put the COl- within a container with class ROW. to ROW has display:flex and makes by default that…
-
3
votes1
answer41
viewsA: Problem of content organization
Since you said that this CSS is the only one used in the document, I believe that just take the Float:left of the CSS of Button that will solve.…
-
2
votes1
answer37
viewsA: Image does not align
Basically just put vertical-align: middle in img. ul.ulHorizontal { height: 50px; } ul.ulHorizontal li { display: inline-block; line-height: 50px; } ul.ulHorizontal li img { vertical-align: middle;…
-
1
votes1
answer45
viewsA: How do I read my HTML file for the server I hosted?
Your problem most likely is because of the "Camel case", your index has the i uppercase, is Index.html and be it index.html, with i minuscule, will probably solve.…
-
16
votes1
answer5919
viewsA: Optimal maximum resolution for displaying content in mobile mode
I don’t think you have a single answer to your question. Most of it can be answered with this other question What is the difference between "Css Resolution" and "Pixel Resolution" where vc can…
-
2
votes2
answers476
viewsA: Centering dropdown menu in Bootstrap 4
First you have to leave the container dropdown with the width of the largest content. for this I created a class custom and put the width as max-content. Then we’ll adjust the left and transform the…
-
0
votes1
answer29
viewsA: Box-Sizing on input button does not work
A hint, use box-shadow in place of border. First time the box-shadow does not occupy moonlight in the box-model and will not shift or move its element, after the transition of the box-shadow is…
-
2
votes1
answer864
viewsA: Change the position of text only in html
In my view the simplest option for this is to use display:flex along with the property order and in the @media change the order to put the elements the way you want. In case I took a ID that I…
-
2
votes1
answer31
viewsA: Firefox and Edge do not apply margin to the element
Is because of the position:absolute in the <main>. Tire absolute and put relative and it’s gonna work on both FF and Edge! Result in the FF Result in EDGE main { margin-bottom: 450px…
-
3
votes2
answers859
viewsA: How to change the border color of a Modal Bootstrap
You can use in class .modal-content one box-shadow in place of border for example, because the border occupies "space" in the box-model and the box-shadow nay. Follow an example. <!DOCTYPE…
-
3
votes1
answer87
viewsA: Collapse Horizontal Menu with Jquery
Missed you put the class has-sub in LI that has sub-menu... Doing this already works normally. $(".menu-item-has-children a").removeAttr("href"); $('.menu-categorias-container…
-
1
votes2
answers157
viewsA: Align element items according to class using flexbox
You can use the property order in the children of a flex container, then only in the first element with the class .right you put margin-left:auto, it will "push" all the other elements with the…
-
4
votes1
answer67
viewsA: Change the height of the div
Here is a simple example, just vc add a class in your <header> when the scroll is greater than 1px for example, and when the scroll for 0px you remove the class. When you add the class on…
-
3
votes1
answer319
viewsA: Animation to move image inside a span
Guy with the link quoted by Anderson you get something much more sophisticated, but only with CSS and some tricks you get something similar, without SVG, and even so, "bending" the line of…
-
2
votes1
answer49
viewsA: Use checkbox to bring up image
Guy basically you need to use the pseudo-class :checked of input and the adjacent selector + when to mark the checkbox show the image that comes next. Here is a very basic example, I used the…
-
2
votes2
answers68
viewsA: Align images with CSS or bootstrap
Your biggest problem even is that you’re using max- in the width and height in the image, when in fact it should use only width and height, without the max- in front. Because using max- vc limits…
-
4
votes2
answers599
viewsA: Image size in the SVG
You actually have a quote missing from your SVG tag, but that’s not the only problem, the measurements of your viewbox is quite strange considering the values of the points of the polygon. Moreover,…