Posts by hugocsl • 65,517 points
1,996 posts
-
0
votes2
answers726
viewsA: I cannot set a fixed size for buttons
That’s a typographical problem, the elements inline has a specific type of alignment and for an element without text and with text to align itself like you need to define a vertical-aligment But as…
-
1
votes1
answer99
viewsA: how to create css for pdf
The tag span is the type inline, that is, no longer only you declare a min-width on it that won’t work, to catch a width in the span you have to change to display:inline-block, so the element…
-
0
votes1
answer338
viewsA: Table with Page Break overwriting fixed element
Dude I have a solution for you, it is not a totally perfect solution, but it will solve the problem. you need that the height of the TD is greater than the height of div Footer, only that. I also…
-
1
votes1
answer633
viewsA: Bootstrap 3 - Grid of images
Dude first, there is no version 3.5, the newest summer of Bootstrap 3 is the 3.4 Now to do this you will need 3 extra classes that are not default Bootstrap classes. BS3 does not have a flex or…
-
2
votes1
answer38
viewsA: Changing the content of an input via a button
I believe it’s because clear is a reserved word. See that exchanging clear() for clearx() works. function clearx() { document.getElementById('display').value = ''; } <div class="visor">…
javascriptanswered hugocsl 65,517 -
0
votes2
answers622
viewsA: Position 2 buttons side by side of an input
Guy works pretty much just take the border-radius of input in the middle, for this use the native class rounded-0. In input vc tb can put the classes btn-default border to get closer to your…
-
1
votes2
answers86
viewsA: Why does the innerHTML property not run Javascript codes?
If you create a tag script in body for example, and make in it the alert innerHTML, and make appende there yes will work let alerta = document.createElement("script"); alerta.innerHTML =…
javascriptanswered hugocsl 65,517 -
2
votes1
answer537
viewsA: Onclick() event to change the text of a button (play / pause)
Honestly I think you complicated things with this code of yours, so I chose not even take advantage of it in the answer... Follow the image code above: See that it is basically a if/else, who…
-
0
votes2
answers124
viewsA: Site resolution created in HTML+CSS exceeds 100% of screen
You used left in an element that is 100% the width of the screen. In the case of H1 with the text you put a left, and that’s left which gave the unwanted space, since by default the H1 is 100% the…
-
0
votes1
answer74
viewsA: Take the ID value and play in a variable
Makes a forEach catching the ids. Ressalve is to leave the script after the script that does the loop of the elements receiving the ID, or always run this script along with the function that does…
-
3
votes3
answers175
viewsA: Typewriter effect is not working properly
You have to take all the p, for that you can use the querySelectorAll and then make a forEach function typeWriter(elemento) { const textoArray = elemento.innerHTML.split(''); elemento.innerHTML =…
-
1
votes1
answer204
viewsA: How to leave scroll of a div as main scroll?
Dude vc don’t even need JS to do all this. To fix the menu at the top after running the screen just use position:stiky and to do the scroll soft you can use the scroll window pattern, simply declare…
-
0
votes1
answer129
viewsA: Input Box centered on <td>
Here’s a simple option, first I NEVER change the display of no element related to table, then never change for example a td or th for display:flex for example. That said, enjoy this div who has the…
-
2
votes1
answer52
viewsA: Curious situation when entering grid-area with Javascript
The Grid works as a Cartesian plane, where each cell has a X/Y initial and a X/Y end. So it repeats 4x, in fact it is putting the value to x inicial / y inicial / x final / y final. If you want to…
-
2
votes3
answers101
viewsA: Function if you change css
Dude has some details in his code, first you have to do a preventDefault on the link you will click for it not to change anything on the page. After that on data-atributi you put a . in front of the…
-
1
votes2
answers40
viewsA: Restore UL size when leaving focus!
Dude I told you, you need to and study a little CSS. Vc is repeating two IDs equal in two different elements. You are creating classes with unnecessary and meaningless type concatenations body…
-
1
votes1
answer165
viewsA: How exactly does the grid area work?
Dude got a lot of details on his Grid, first that if you put more than one element with the same name of grid-area logically they will be superimposed on each other. After you want an area to occupy…
-
1
votes2
answers60
viewsA: Text is not centered within a div.Row element
Take off that class row of divs who have the p inside. You should not leave loose elements inside a row, in fact the direct son of a row must be a col. In a grid layout, content must be placed…
-
2
votes2
answers1939
viewsA: Several tables side by side
In the case of the table the situation is a little different because should not touch the display table, what I mean is that the tag <table> by default has display:table and you should not…
-
2
votes1
answer279
viewsA: What’s wrong with this non-responsive paging using boostrap 4 in Laravel?
You put the classes of flex in the wrong place! They have to be in the ul and not in the div <nav class="nav "> <ul class="pagination p-4 pagination-sm d-flex justify-content-center…
-
2
votes1
answer106
viewsA: input datetime does not show calendar
I don’t know if it’s totally valid for you but you can change the type of datetime for datetime-local, the difference between them is that one has the option to declare the time zone and the other…
-
0
votes2
answers442
viewsA: Turns a field into the required form when select Yes
You can do with pure JS in a very simple way, if the value of Select for nao, you remove the attribute require of input By CSS I put a red embroidery on the fields with require, then when you choose…
-
2
votes1
answer199
viewsA: How do I get my svg moving free in a background?
Dude I don’t know if I understand you because the code you used in the question is really weird, you can’t use the path, or polygon, or line, or rect so "loose" inside a div, these vectors must be…
-
1
votes1
answer69
viewsA: Problem with square image height within rectangular div
I don’t expect you to understand the problem, really, I find it very unlikely that you will understand what happens, but basically it is because of the padding that you used in the container father,…
-
2
votes6
answers304
viewsA: Align images to the center
You are using Bootstrap by the look of it, and your images are inside divs classy col-, as the Row in which the col- are inside have display:flex just you add in these Row the native class…
-
2
votes1
answer264
viewsA: Impose ! inline CSS attribute
Maybe this helps you, I removed all mouse events from the element with the CSS described below, and covered up the <a> with a pseudo-element ::after above it in the same colour as the…
-
2
votes2
answers402
viewsA: Change the FORM border when the internal INPUT is in focus
That’s exactly what the pseudo-class :focus-within. With her focusing on some "focusable element" within the form you can style your own form, you can read the Mozilla documentation about it here:…
-
1
votes1
answer57
viewsA: Select an option with external button
My tip is to put an ID on each btn, and option vc puts the value equal to the ID value, type o btn1, has the id=n1, and the option1 has the value=n1, so vc says value should be = to the id of the…
-
0
votes2
answers860
viewsA: CSS class change another CSS class
I don’t know if it’s the most elegant way to do it, but with the script below I do two Event-listeners one in the mouseenter One to hide Two, and one to hide Tres mouseout I make a forEach to show…
-
2
votes3
answers939
viewsA: How do I rotate the square when I click the button? JAVASCRIPT
Face the easiest way to do this is by creating a class in CSS called for example .giro and with the JS you make a toggle of this class when the element is clicked. To better understand see the code…
-
1
votes1
answer327
viewsA: Using Awesome font in an SVG
Guy has several mistakes there, first you should not use the Tad <img> So in SVG, after you don’t use Fontawesome the way you did. You need to use the classes from the source itself. Here is a…
-
2
votes2
answers140
viewsA: What are CSS default values for?
I’ll give you a simple example, every element needs a minimum to even exist, and one of those basic properties is display, all elements have some kind of display, otherwise he would be display:none…
-
7
votes1
answer136
viewsQ: Who regulates W3C or WHATWG web standards? Or neither?
I always thought that whoever ran the standards was just the W3C, but it seems that’s not quite it... I saw that there is also the WHATWG (The Web Hypertext Application Technology Working Group)…
-
0
votes1
answer46
viewsA: Click Section and open DIV
Dude your code is working, but it looks like it’s missing are some tags, and characters in the code... Look there, when you click on Secao appears the select and does the innerHTML straight var div…
-
2
votes1
answer478
viewsA: Text in SVG HTML
Buddy just put the tag <text> within the SVG, it will function as an element with position:absolute, and you’ll need to use the X and Y to position it, or else you can use Transform/Translate…
-
0
votes3
answers2203
viewsA: Change value of an Hidden input with jquery
You can put a Listener in the link Tipo 2 that when clicked will catch your input hidden and put tipo.value = 2; changing its value to 2... I put a console.log just to see that you’ve changed let t2…
-
1
votes2
answers74
viewsA: Align table data in different fields
If you are using table you have to use rowspan/colspan as needed, in addition you should not assemble the table with vc fez, playing TDs within a Table... And don’t put display: inline; in a table!…
-
4
votes2
answers382
viewsA: How not to repeat CSS code
A very modern approach is the Atomic Design it is used by several Frameworks and you can read more about it here What is Atomic web design? With this practice, in Tokens you will create goblais…
-
0
votes2
answers86
viewsA: Nav-tabs is not visible in mobile
Lucas I think you gave a "traveled" in things. You put the Component of Navs, within the Navbar! There’s no way this is gonna work out... See what you got Tabs within a Navbar See in the…
-
1
votes1
answer492
viewsA: Activating sound in video background html page
Man, I got it done here in parts. I do not know if there is any 100% safe way to solve this, because for reasons of user preference, UX and even security, in videos with sound Autoplay does not…
-
4
votes1
answer899
viewsA: Use bootstrap or CSS manually for responsiveness?
Dude if you want total control it would not be prudent to deposit all your chips in a Framework (FW), whatever it is, even more the Bootstrap 4 (BS4 is the current version). BS4 has no advanced…
-
1
votes1
answer114
viewsA: How to insert a Tooltip into an input field
Guy I tested here and it worked. I believe it is not necessary but first check if you included the Tootltip component (components: ['QTooltip']) in the quasar.conf.js I have that result The…
-
1
votes2
answers85
viewsA: Checkbox alignment in select optgroup
You have to style by overriding the CSS of the Multiselect component you used Using this CSS, note that I used a a:not(.multiselect-all) not to catch the padding in the checkbox "select all"…
-
0
votes1
answer1444
viewsA: Place a fixed text inside an image - responsive with Bootstrap
Guy basically what was missing was putting the class w-100 in the images to occupy them as much as possible 100% of the width of the container pai. So they don’t "sink" over each other. And the…
-
0
votes1
answer72
viewsA: I don’t understand what’s going wrong with my headline
Your code has a few little problems the first time you write the wrong selector .social a [href*="facebook.com"] { } shall not have space between the a and the clasps [] The right thing would be:…
-
1
votes1
answer200
viewsA: Place image outside the Bootstrap container
I don’t imagine for you to want a kind of layout like this, but it is possible to do using a minimum of CSS, Even so I needed 1 breacking point to treat responsiveness. In the more the layout was as…
-
0
votes1
answer439
viewsA: HTML menu buttons do not work
Dude your problem is that you put "randomly" data-toggle="tab" on your tag <a>. Why did you do it? It doesn’t make any sense, that data-toggle is to be used in conjunction with the Tabs…
-
1
votes1
answer37
viewsA: How to remove a specific line from a table date?
Guy did so, inside the column builder I put to create a button on col5, this btn when clicking will have a forEach() to catch the father’s father (for the father is the td, but I want the tr), and…
-
1
votes1
answer341
viewsA: How to place an image inside the SVG?
Face SVG is something I know little about, but this template should help you. How do you tag path I was wrong, I had a / in the middle of the code. And the fill that you used in the path is…
-
1
votes1
answer81
viewsA: Why is the text out of line? and how to solve in bootstrap 4?
Puts a min-width on the button that is of sufficient size to fit the whole text. I used 170px and worked well for screens up to 272px wide. In your CSS put something like CSS below and in HTML put…