Posts by hugocsl • 65,517 points
1,996 posts
-
2
votes1
answer321
viewsA: Align on the same line buttons on different Forms
I’m not sure it’s a good practice to leave two forms. But what happens is that the default form tag has display:block, so the buttons are separated one on each line. In CSS you can change by placing…
-
2
votes1
answer21
viewsA: Centrar Heading
Your problem is that you have to use the class text-center, to align the text in the center, and the style of the underlined vc can put in a <span> outside the text <link rel="stylesheet"…
-
4
votes2
answers128
viewsA: Button does not show full name
The main problem is that the class btn of Bootstrap 3 puts attribute white-space: nowrap; and this does not let the text break line inside the button. So since you put the class .botao add there the…
-
2
votes1
answer74
viewsA: Button and input color problem with bootstrap 3.3.7
As discussed in the comments, here’s a template with a basic Bootstrap 3 template, I used your button code, and it was normal, both green. And in the third btn, I put an extra class that you can see…
-
1
votes3
answers428
viewsA: Ctrl-Click Sublime Text on VS Code
Dude exist by Meno 3 or more ways to do this in VS Code, without necessarily having to customize any shortcut or change settings. Option 1 The first is holding Alt and clicking 3x in some line…
-
1
votes1
answer199
viewsA: Can I place a TD of a TABLE with button features through Bootstrap classes?
Dude are a lot of details, but I’m telling you right away that this is completely wrong, because you can’t put a href in a TD, and that would have no semantics or even be accessible <td href="#"…
-
0
votes1
answer118
viewsA: How to make sliders created with bootstrap, get responsive in all screen sizes?
As solved in the comment your problem is that you put the Carousel inside a Container with a Row inside.... Actually in this case the carousel should not be "wrapped" by the tag of the container or…
-
2
votes1
answer146
viewsA: click on span and mark checkbox
The mistake is that you used one span and should be a label the attribute for="" only works in the <label> <input type="checkbox" id="remember_pass"> <label for="remember_pass">…
-
0
votes1
answer117
viewsA: INPUT[TYPE=RADIO] Label Formatting
The way you set up your list is not cool, besides not being semantic. I suggest you use a UL/LI with display:flex so you get what you want and leave things better formatted in HTML, using a listing…
formattinganswered hugocsl 65,517 -
3
votes2
answers290
viewsA: How to make a circle with a diagonal middle stroke in CSS?
Just use the linear-gradient on the diagonal does not have much secret body { background-color: azure; } .box { width: 100px; height: 100px; border: 7px solid #666; border-radius: 50%;…
-
1
votes1
answer93
viewsA: check if a video link is still working
I believe it’s not exactly what you want, but it might help you if you can’t find a solution The tag <video> has an attribute called poster which serves as a "cover" for the video. This image…
-
7
votes4
answers231
viewsA: How many times should I use the Strong element to highlight a word as important?
I will leave my consideration. What is Bold <b> and <strong> you can read here What is the semantic difference between <em> and <Strong>? They replace <i> and…
-
10
votes4
answers2928
viewsA: Uppercase HTML vs CSS
There is a basic difference. CSS only changes the visual appearance. If you have a input with text-transform: uppercase, when you do the submit of this form, the text within the input goes with the…
-
5
votes2
answers67
viewsA: Use of classes
I can not say this quoting some author, but what I can say is that people will be happy if you do not use a class and I will justify. In HTML5 we have the data-attributes, He in my opinion are ideas…
-
5
votes2
answers90
viewsA: Animation with CSS
Yes, in a more practical example, just you leave the duration of the animation with twice the value you need, type 4 seconds of animation, being that only in the first 2 seconds the animation…
-
2
votes1
answer38
viewsA: Slide images inside a larger PNG image
Here’s a model to help you. First vc makes a flex container with position relative, puts position absolute in the children and aligns the two in the center of the container with align-itens and…
-
0
votes2
answers201
viewsA: Full screen image using Materialize’s Parallax
For your particular case I suggest putting the height of the container Parallax with 100vh, for VH is related to Viewport, in which case it is 100% of the height. Follow the image code above…
-
0
votes1
answer89
views -
1
votes2
answers1067
viewsA: How to change the . html page automatically from a predetermined time?
An alternative without the use of Javascript is with the meta tag Refresh, with it you can tell how long you want the document to wait before it is forwarded to another page, you can read more here…
-
2
votes1
answer66
viewsA: Why doesn’t my Submenu show up?
Here you put one more UL. Just remove it li.submenu01:hover ul ul { display: block; } Should just stay li.submenu01:hover ul, Behold <!DOCTYPE html> <html lang="pt-br"> <head>…
-
1
votes1
answer41
viewsA: Hide entire first elements until you don’t leave the div
Follows an alternative First take out the float-right of A and put in HTML the correct order, starting with NSC. Then take width 100% of address_bar and put overflow: hidden;. And now cloque…
-
2
votes1
answer93
views -
1
votes1
answer37
viewsA: How to make Row track Divs height with d-block
No accompaniment because you used the class float-left in the children, to solve this you have to make a clearfix in row. Here in Bootstrap’s own documentation has this described.…
-
2
votes3
answers75
viewsA: How to add dropdown to menu
Guy first you’re on the right track! Doing it by hand on your own, without copying codes that others have done or tutorials, let alone using Bootstrap! Doing in hand you will learn CSS in depth and…
-
0
votes2
answers109
viewsA: I wonder if there is any way in CSS to identify scroll scrolling
Follow an example. As a reference I used this article Follow the code of the image above, I left some comments in the code if you are interested. // esconde Header no scroll down var didScroll; var…
-
1
votes2
answers225
viewsA: Modal from delete boostrap
Some basic features of Bootstrap 4 require Javascript to work, as you can see here the documentation indicates the use of bootstrap.js and the jQuery…
-
1
votes3
answers351
viewsA: Invisible button after certain time
An option with CSS only. Note that it has an animation, and BTN will only be visible after 3s (3 seconds), but if you want 10min puts 600s. Run and wait 3 seconds the btn will appear! .btn { width:…
-
2
votes2
answers52
viewsA: Problems showing font color in active field
You have to change the color of a when the li be with class .ui-state-active .ui-state-active a { color: red; }…
-
0
votes1
answer134
viewsA: Repeat jquery action in a class (html)
In the case of this particular example you can use the method .next, it will only take the next element, for example .next("p") gets the first p after the button. The tip I give you is to understand…
-
8
votes2
answers132
viewsA: Is it good practice to insert CSS tags at the end of Body’s body?
Yes, it makes a difference for the worse, and this is linked to how the document render tree is mounted. If you want to know more about it, this question can be a starting point The order of CSS…
-
2
votes1
answer1038
viewsA: How to insert this "burger" menu into my already made retractable menu
Guy just include the code of hamburger-menu at the end and adjust the position of the label, I put a white border to facilitate viewing. Follow the image code above html, body { width: 100%; height:…
-
5
votes1
answer1363
viewsA: Select all Children except First with css
There are some different approaches to this, the one that has pleased me the most is with the :not() to make the exclusion of first-child .content:not(:first-child) { color:red; } <div…
-
3
votes1
answer538
viewsA: Awesome font icon 5 does not appear when called by css
Your font-family is wrong! Vcused to Font Awesome 5 Free but it should be the Font Awesome 5 Brands body { background-color: black; color: #fff; } .phone { position: relative; color: white;…
-
1
votes1
answer52
viewsA: Alignment of items with Flexbox
I believe the best way would be first you split in two section and aside like you did. Then in the section that is left you use the property flex-wrap and soon you’ll have the layout down below. The…
-
7
votes2
answers67
viewsA: Is there a problem with using invented tags and attributes?
If you test a custom elements those in the code validator of the W3C itself you will see that will return an error: Link for you to test yourself: https://validator.w3.org/#validate_by_input…
-
3
votes3
answers571
viewsA: position: Sticky; does not work
Is the position:sticky does not work in the thead, and yes in the th Follow an example div { height: 100px; background: yellow; border: 1px solid black; overflow-y: scroll; width: 250px; } table {…
-
7
votes4
answers349
viewsA: How to make an element cross the screen continuously and always visible?
Tb is possible using a linear-gradiente and changing the background-position #slider{ position: absolute; top: 50px; right: 0; background: red; width: 100%; height: 50px; animation: anima 3s linear…
-
2
votes2
answers36
viewsA: I am tempted to send a formlario without the ultimalization of the Ubmit input
Uses a label with a for for a input:submit that is hidden with display:none. So when you click on label it triggers the submit. With this technique you don’t need JS #subi { display: none; }…
-
6
votes2
answers61
viewsQ: Is it still recommended to treat IE (Internet Explorer) in Crossbrowser tests?
Today we know that 80% or more of website access is mobile, and that technologies are increasingly advancing in this direction as the PWA and the AMP. Source:…
-
1
votes1
answer60
viewsA: Create different z-index grid divisions?
Here’s an example, no extra CSS, it’s all Boostrap classes, like position-absolut, d-flex, m-0 and p-0 <link rel="stylesheet" type="text/css" media="screen"…
-
6
votes2
answers264
viewsA: Redirect to a URL if Javascript is disabled
One of the alternatives is to put a Meta Refresh within the <noscript> with the page path you want to forward the user. <noscript> <p>teste</p> <meta http-equiv="refresh"…
-
2
votes1
answer35
viewsA: Text animation coming from behind an image
Face to do with width yes, and with opacity together, because I understood that you want to have a "softness" in the way the element appears. But what you have to take into consideration is that…
-
1
votes1
answer19
viewsA: Is there any tool for fluid site
Friend Devtools himself does this, just press F12 in Chrome and use the Devise test tool by clicking on this icon or by pressing ctrl+shift+m Plus Chrome tb has a number of extensions to test direct…
responsive-layoutanswered hugocsl 65,517 -
2
votes1
answer108
viewsA: Multiple "form-Controls" within the same "form-group"
Thiago Bootstrap has a series of validation classes form, you can consult them here https://getbootstrap.com/docs/4.0/components/forms/#validation and it is to these validation classes that this…
-
2
votes1
answer258
viewsA: Carousel Broken Bootstrap
There is a way to revert this CSS only to the children of a particular Container. So, in this case, you put the Carousel inside a section and determines that everything within this service will have…
-
1
votes3
answers406
viewsA: Screen forwarding after Load
There is an old technique, without JS or jQuery, just use the Meta Refresh Place this tag inside the <head> of the page where the loader <meta http-equiv="refresh" content="2;…
-
0
votes1
answer197
viewsA: Icone bootstrap 4.0
This is the list of classes for you to use in Fontawesome, for starters you wrote the wrong class .fa-fa-plus should if .fa.fa-plus or just .fa-plus https://fontawesome.com/v4.7.0/cheatsheet/ About…
-
1
votes2
answers374
viewsA: icone no accordion bootstrap 4.0
Look just vc use a Font Icon any like a FontAwesome to make the icons, ai vc uses the default event itself Collaps Bootstrap to in CSS say when to show an icon or other. When you click on Collapse…
-
4
votes1
answer63
viewsA: Use H3 for product title in the display case
I was going to write as a comment, but it got too big and will as a response even though it is controversial that as far as I know First it would be nice to understand the difference between…
-
0
votes1
answer297
viewsA: how to make a drawing svg to be only the size of the perimeter and not of a square, as is normal
Dude I think you might be confusing the concepts a little bit. The SVG will always be "square" because it is inside the viewbox, now the path or circle etc. that’s inside the viewbox does not need…