Posts by hugocsl • 65,517 points
1,996 posts
-
1
votes1
answer124
viewsA: Insert button in front of a pagination
Dude got some weird stuff in there, you look like you’re wearing Bootstrap, and putting it all in one Card, but I won’t even get into it, because it doesn’t really matter for the end result...…
-
2
votes1
answer206
viewsA: Which property would be recommended for page content not to be "leaking"?
Dude I think a container Flex would be ideal for this. Here is an example, I put the height of the container equivalent to 3 squares as you said, plus the added height of the margins. This container…
-
4
votes4
answers3053
viewsA: Whenever the button is clicked a new square should appear on the screen
In fact you do not have to clone the element, in my view it would be better to create the element using the method createElement() i also would not indicate you writing CSS this way there are…
-
2
votes2
answers58
viewsA: Change background VIDEO by screen size?
Man you can have a simple @media to show one and hide the other. .mobile { display: none; } @media (max-width:768px) { .mobile { display: block; } .desktop { display: none; } } <video…
-
2
votes1
answer813
viewsA: Hover image using bootstrap
Cara has several ways to align this, but only with the classes of BS4 you can solve virtually everything, you need mainly puts the class card-img-overlay in the text container, and place the class…
-
1
votes1
answer172
viewsA: Problems in bootstrap responsiveness in inputs, Labels and selects
Face the way you set up the grid is that it got really weird, do not use directly a col inside of another col, and you have to use the bracking point grid, like col-12 col-md-2, That means on canvas…
-
2
votes4
answers174
viewsA: Verify correct answer
Guy just put inside the condition to even clicking the wrong one he marks the right one. So if you mark the wrong one he alerts you and makes a :checked in the input with name="r" value="S" kind of…
-
1
votes1
answer234
viewsA: Resize DIV according to menu size
Face you have to make some simple adjustments, as you have the structure in HTML <nav> + <div kk> makes it easy to do this in CSS using nav:hover + .kk { } What you need to do is put one…
-
1
votes1
answer136
viewsA: Open daterangepicker calendar by icon
Guy takes what’s in console.log and turns it into a variable, then puts that variable as .value of input, no mystery... Follow code from the image above, left commented in the Script where I…
-
0
votes1
answer157
viewsA: Translatex() needs to be activated in a <li> and move a <Nav>
I don’t know if I understood it correctly but from the comments I had in your code I think that’s what you wanted. The detail is that you were using the transition in the "father item" when in fact…
-
2
votes1
answer45
viewsA: Does it make sense to use the alt attribute in the tag area?
Maybe it doesn’t make sense for you because you see with your eyes, but for those who see with a screen reader (screen Reader), or for a search crowler, like the Google Bot, it does make sense this…
-
4
votes1
answer34
viewsA: Clear body keeping only 2 elements
The right thing would be to concatenate the two :not():not() and within the not() is not used "" in the name of the elements. body > *:not(#pedidosRelMensal):not(.resposta) {} That way it works…
-
0
votes3
answers81
viewsA: How to capture a typed value and use to define the value of a class attribute (css)
I made a simple option, in humility even rss First you have to pass your input for number, then you have to put a max="100" to the counter of input only go up to 100, and min="0" to not accept…
-
1
votes1
answer71
viewsA: pop-up with picture box using jquery
Dude your problem is that you’re importing the version Slim jQuery Look what you posted Only that the Slim version of jQuery does not have the Animation methods, just as tb does not have Ajax and…
-
0
votes1
answer25
viewsA: Problems with bootstrap responsiveness for Sm and Xs screens
If problem apparently is pq vc did not set a width for the images you are using. Add to image tags class="w-100" this will limit them to 100% of the width of the container. Here at least apparently…
-
5
votes1
answer753
viewsQ: With CSS is it possible to make a triangle with curved edges?
My intention is to get into this form. Only with CSS without SVG. Does anyone have a solution to this? The code I have so far is this. #tri { width: 0; height: 0; border-top: 0px solid transparent;…
-
1
votes1
answer589
viewsA: Top Bar VS Code
You have to change the window title bar for custom, for this follow the steps of the image below…
visual-studio-codeanswered hugocsl 65,517 -
1
votes2
answers67
viewsA: VS Code Configuration for Mac
You have to add these files in the delete list. That’s up to a default functionality of VS Code, just follow these steps. Note the image above that by default VS CODE already handles these…
-
2
votes1
answer140
viewsA: How to change logo as you change page
You can take the window.location.href and make a check with if/else and change the .src of the image. if the window.location.href for == index.asp you put a src in the image, else if another page…
-
2
votes1
answer32
viewsA: Bootstrap bug with Angular
Cara you write to class of row wrong, you put clas there without the row to col doesn’t work See that fixing this back to work perfectly <link rel="stylesheet" type="text/css" media="screen"…
-
1
votes1
answer45
viewsA: HTML element readjusts with screen resize
Cara has some details, first that to align the element in the center of the screen the way you did with position:absolute and transforma:translate will not work. As you said you are using flex, I…
-
0
votes2
answers645
viewsA: How to center Brand logo on Bootstrap 4 and leave menu items below?
One option is in the div that you put the class container, do not use this class, replace container for mx-auto and add tb to the class text-center. With this you will get the result as below. You…
-
1
votes1
answer306
viewsA: Tabs in modal bootstrap
Guy your HTML has tag <form> without being closed, at least 3 <div> without closing tb, and a tag <p> in the middle of "nothing". There is no way to succeed... Look there corrected…
-
2
votes2
answers211
viewsA: Child element exceeding parent element
Boy I’m not gonna tell you how to solve the problem, so there are 1000 ways to solve it. I’ll tell you why you’re having this problem! It’s because of that class btn of the Bootstrp you’re using on…
-
2
votes3
answers654
viewsA: Identify the value of a cell of the clicked line of an html table
Just change it document.getElementsByTagName('tr')[1] for this. But as the colleague @Leandrade comment do not use .delegate, think and use this way for example to avoid problems in the future!…
-
1
votes1
answer80
viewsA: Fix a table header inside a form
Your problem basically is why you put top:0 in both th. But you shouldn’t do that, because that way the two of you th are glued to the top, when in reality the th The bottom row should have a top of…
-
3
votes2
answers173
viewsA: Click event to tag tr of a table
The method getElementsByTagName of the interface documentation returns a HTMLCollection and not a HTMLAnchorElement). I think that might interest you What is the difference between Nodelist and…
-
2
votes1
answer180
viewsA: div is not centered on mobile
Guy here has a basic template, ideal is to use native Bootstrap classes, you don’t even need extra CSS to do it. Use Grid row/col, and the properties Flex of Bootstrap as flex-column etc. Read the…
-
1
votes2
answers203
viewsA: How to place an image on the right side of the page without changing the layout?
Put has a plethora of ways to do this, in case I put the image as background to a pseudo element of cotainer. and went along with transfor:translate. .content { position: relative; width:…
-
0
votes2
answers206
viewsA: Dropdown pushes div down
The only way I see of not pushing the bottom contents any further down and making the contents open over what comes down. But as you will see below it seems kind of strange... It will cover…
-
1
votes1
answer87
viewsA: How to make a navbar with two logos?
Just put the two logos inside one span, in that span vc will use the native flex classes of Bootstrap to control the positioning of the logo. When it is on small screens you will put d-flex and…
-
0
votes2
answers175
viewsA: Pass value of javascript variables inside Bootstrap Popover
Use the dataset to swap variable text. // inicia o popover $(function () { $('[data-toggle="popover"]').popover() }) // troca o texto do popover pelo da variável var txt = 'meu texto novo'; var btn…
-
1
votes1
answer131
viewsA: Problem to generate integer numbers in Chartist.JS chart
Expensive according to the documentation to control if it is whole or should not use the onlyInteger https://gionkunz.github.io/chartist-js/api-documentation.html // Can be set to true or false. If…
-
2
votes1
answer241
viewsA: icons via Cdn are not displayed on the website
Face I know problem is that you are using the class of the icons of versão 5 of the Fontawesome, but is importing in its head the versão 4 do Fontawesome... Just change the link from the version to…
-
1
votes1
answer42
viewsA: Columns don’t line up inside Row
Your grid is mounted wrong, it is col inside col, row unnecessary etc. Try to simplify things. Its basic structure must be: <div class="row"> <div class="col-md-4"> <div…
-
3
votes2
answers2518
viewsA: Put navbar on the right
You can put d-flex in the collaps of navbar and align the items left with justify-content-end BS4 native classes, no need for extra CSS, see here: https://getbootstrap.com/docs/4.3/utilities/flex/…
-
2
votes1
answer954
viewsA: How to take the value of a selected line from an html table
If I understand you need to make one forEach to catch each td clicked, then you use a e.currentTarget.id to catch only the id of the clicked element Follow the image code above var td =…
-
0
votes1
answer275
viewsA: Bootstrap menu Collapse above the text
Your problem is you limited the size of nav with a height de 60px. That way when the content expands it goes out of the nav. Kind that the nav does not grow together pq is limited at 60px, there is…
-
0
votes2
answers47
viewsA: Is it possible to manipulate an ID in the CSS via another ID?
There is a workartheund what you can do, it works using box-shadow really big, but really big, like 3000px :) So when you do the :hover in the element you put the box-shadow and increases the…
-
0
votes1
answer66
viewsA: Detect jquery ondrag event
Maybe this is not the best way, but in the documentation has the reference of sortable https://api.jqueryui.com/sortable/#Event-Activate It would be something like: $( ".selector" ).on(…
-
1
votes1
answer406
viewsA: Dropdown in vertical menu with bootstrap 4
To make the drop you can use position:absolute, so you take this submenu of flow and it does not interfere with the other elements around. Follow the image code above: .left { position: fixed; top:…
-
3
votes1
answer42
viewsA: I can’t make unsolicited cards disappear
Just use :target type the href must be the same as id. Ai in CSS only the id:target {display:block} #varejo, #industria, #marketing { display: none; } #varejo:target , #industria:target ,…
-
3
votes3
answers65
viewsA: vertical menu with select
One option is to put position:absolute courses, and clocar left and right with 0. You don’t need to use the margin-top, because they will already be superimposed. <!DOCTYPE html> <html>…
-
2
votes1
answer26
viewsA: Create a button to register in the database each day
I cleaned up the PHP code only for the table to render well in HTML, but basically after the th date you need another th, this in turn should have a colspan of 6, to "occupy" all the remaining space…
-
0
votes1
answer21
viewsA: My site creates two scroll bars when resolution on the X-axis is decreased
It is not a perfect solution. You will see that at certain times the scroll still appears. But here is a simple solution that should work on 90% of screens. Fine tuning just using @media to stay…
-
4
votes1
answer90
viewsA: Centralize tabs within Navbar on Desktop
Dude you have to use the class .tabs-fixed-width in the component, this is described in the documentation http://archives.materializecss.com/0.100.2/tabs.html Follow the code with the component set…
materializeanswered hugocsl 65,517 -
1
votes1
answer37
viewsA: Why is this effect happening to the property all?
Your words: "In this case the all: unset is behaving like inherit and not initial, right?" No, wrong! If it is initial the font color is black, this is the starting value, not the inherited value.…
-
0
votes1
answer93
viewsA: Image alignment with responsive Layouts
Your logo is centered! Your container is not 100% wide, so it gives the impression of misalignment One way to make it "center" on the screen is to use a text-align:center in the div where the image…
-
1
votes1
answer1742
viewsA: Datetimepicker only works on Bootstrap 3
Its problem is that several BS3 class and date attributes are different from BS4, including one has the Popper.js and the other does not. There are several differences between the versions, I will…
-
1
votes1
answer256
viewsA: Is it possible to add an SVG animation to the HTML body of an email?
It is not possible, because Google does not accept SVG in email clients as you can see here: https://www.campaignmonitor.com/css/text-fonts/svg/ Here’s a question related to more details of other…