Posts by hugocsl • 65,517 points
1,996 posts
-
2
votes1
answer92
viewsA: Background-image css3 no Uncina
Your path is wrong, your folder structure is so correct: BACKOFFICE (Pasta do projeto) css > registerPatient.css img > doctorBackground.jpg index.php Note that the .php and the folders are at…
-
1
votes1
answer87
viewsA: How to make Bootstrap 4 look like Bootstrap 3?
Bootstrap itself provides full official documentation for migrating from version 3 to 4 as you can see here! https://getbootstrap.com.br/docs/4.1/migration/ There are a number of differences between…
-
7
votes1
answer947
viewsA: What is the effect that the overflow property: Hidden is doing on the code?
The problem is you’re using float:left in the child elements of container. When you put float in the Sons the Father loses the reference of the values of the box-model of these elements, for now…
-
1
votes1
answer79
viewsA: Why is the HTML5 <picture> tag not resizing the images?
OBS: First of all I believe that you have mistaken the title of the question, because you spoke of <figure>, but in the code you put <picture>, way, your problem is with the order of…
-
0
votes1
answer127
viewsA: Spacing between grids and image pasted on the card
In Bootstrap the most practical way is using the utilities spacing you can check the full list here https://getbootstrap.com/docs/4.0/utilities/spacing/ But basically M is for margin and P is for…
-
1
votes2
answers634
viewsA: Select the first occurrence of the class using css
What happens is your first child is .oculta, for he is the first son of body who is the father of all its elements. Here you can read more about Behaviour of the pseudo-class :Nth-Child and you’ll…
-
3
votes3
answers454
viewsA: Select button with jQuery and enable input from a form
His JS had some strange things, the first was that where he was .attr('disabled', true) should be .attr('disabled', false). Then his button era type=submit and should be type=button, and tb when…
-
3
votes2
answers169
viewsA: Conflict between anchor and smooth scrolling
I’ll give you one work Around. Today it is possible to make soft anchors with CSS only using the scroll-behavior, so you don’t necessarily need to use a Soft Anchor Script, use CSS to do this, thus…
-
1
votes3
answers86
viewsA: How to position the Text of a span below a Spinner
Your Spinner isn’t exactly centered because you used it left and top 50%, my suggestion is to put display:flex in the container father and sets in the center with align-items and justify-content…
-
3
votes1
answer32
viewsA: href only works last box
Your problem basically is that you are using a lot of unnecessary properties like position:relative, overflow:hidden and float Everything that doesn’t need I left commented, and at UL I added some…
-
0
votes2
answers803
viewsA: Accordion Bootstrap 4
On the spacing between one carde and another just put the class mb-3 or mb-4 for example in div with class="card" would look something like <div class="card mb-3"> About the size of the text…
-
2
votes1
answer90
viewsA: position Fixed only horizontal
Just use position:sticky with the left as a reference, and leave without top Follow the image code above. .body{ height: 1500px; width: 1500px; background-color: blue; } .square { width: 100px;…
-
1
votes1
answer26
viewsA: Problems with site resizing
I was able to solve here taking the widths of inputs, you put in it a value in PX that is limiting the responsiveness of the container. In that button take this fixed value of margin And in that div…
-
1
votes1
answer64
viewsA: How do I leave my footer fixed below all page content?
Gladison what happens is that an element with position:fixed ends up leaving the content stream of the document, no longer occupying space. Because of this the content that is above it ends up…
-
1
votes2
answers174
viewsA: Remove Edges from element
It is enough not to use the marriage in the parent element but rather in the child element which is the container of tabs. Then remove the edges of the .tabset and put in the .tab-panels Your CSS…
-
2
votes1
answer603
viewsA: Owl Carousel does not work
Dude had some detail that I changed and here it’s working, first that has quotes " left in your code, after this version of jQuery is very old. Also, you have only 3 images, which is just the…
-
13
votes5
answers9207
viewsA: Change the color of the text by clicking a button
An html and css only option is using the selector ~ with him when the checkbox is checked you change the color to text and change the alignment. Here you can read more about this adjacent selector…
-
1
votes2
answers416
viewsA: Resize a child element according to the width of the parent element
Look with CSS is possible yes... first remember that mediated in % of a child is related to width and height of the father. So vc ve has a parent container 200px high and 200px wide, and the child…
-
3
votes1
answer465
viewsA: Putting a start time in Input date
It is possible yes here is an example, and see the Mozilla documentation https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local <input type="datetime-local"…
-
2
votes2
answers336
viewsA: Icon problem in browser bar
Most likely the mistake is because of this! rel="shortcut icon" that rel does not exist, and it is strange that it worked even locally, but in serve surely there must be some config which does not…
-
1
votes1
answer22
viewsA: Table Doubt with HTML5 colspan
Dude just leave one TH empty with colspan="3" That will "push" the other back <table style='width:80%'> <tr> <td><b> 2) Credenciamento e Domicílio</b></td>…
-
1
votes2
answers117
viewsA: Have side-by-side elements
One of the options for this is putting flex in the container father #view_patient and flex-direction:row-reverse image to the right of the table #view_patient { width: 45em; margin: 0 auto; display:…
-
2
votes1
answer40
viewsA: Bug animation menu
Guy this cubic-bezier It’s kind of weird he starts really fast and then he goes really slow, and then he comes back really slow and then really fast, and then the animation starts 400ms and around…
-
2
votes1
answer43
viewsA: Change product color Mouseover
This is a basic model using the brother selector ~ and filter to change the color of the image. But the balls have to come before the image to be cool. For the balls to be on the bottom and still…
-
2
votes1
answer665
viewsA: How can a div not overlap another div?
Face I’ll be honest, your code was a bit messy so I preferred not to use it to answer you, until the Bootstrap already suggests an option to make a Dashboard of this type as you can see here:…
-
1
votes1
answer847
viewsA: How to add an image next to another HTML usage
I made this model with Flex, but I would actually indicate the Grid, only that the Flex has a better support and is easier to adjust if you need. It was very responsive even, but I suggest making…
-
2
votes2
answers240
viewsA: Distorted frame in CSS for video overhead
Here’s a model using pseudo-elemento in a box that will have the iframe video inside. Cat jump is to use transform: skew(15deg, 5deg); in the pseudo box element this will "bend" the element in the…
-
1
votes1
answer64
views -
1
votes1
answer127
viewsA: How to set navbar width
Dude you have to put the UL with 100% wide, but as it also has a padding the right and left you need to put box-sizing:borde-box for this padding do not add width generating an unnecessary…
-
2
votes2
answers90
viewsA: Vertical alignment of a div
No need to use extra CSS Bootstrap itself has native classes for this. Just put h-100 in the container and in the row, and puts the class align-items-center <div class="container h-100">…
-
2
votes1
answer455
views -
0
votes2
answers87
viewsA: as I arrange the "Menu getting under the slide"
Just put a z-index in the header <!DOCTYPE html> <html lang="en"> <head> <title>Brown Odontologia</title> <meta charset="utf-8" /> <meta name="viewport"…
-
0
votes1
answer39
viewsA: How to leave the menu with a "dropdown" option
Caique you’re having a Frameworks conflict... you’re indexing Bootstrap 3 and the 4 at the same time! If you do not index Bootstrap 3 the menu works normally. Also, you are indexing Bootstrap 4 2x…
-
4
votes1
answer456
viewsA: Putting effect in text box
This "effect" was first introduced on Android following the guidelines of Material Design. This Design System was developed by Google itself and later adopted by other web frameworks such as…
-
3
votes2
answers333
viewsA: How do I get a "spin" in CSS using the border of a div?
Here is an example. The main point is to animate a pseudo-element in the :hover of div father. Thus you avoid to rotate directly the father and then the son too. Moreover in the interection-count of…
-
3
votes1
answer231
viewsA: How to use Sass on server
Guy any server you can host a file .sass or .scss or .less. But what will not happen is the hosting service compile their acquisitions to .css so that the browser can render it. Browser itself…
-
3
votes1
answer290
viewsA: How to hide the message in bootstrap?
Just start him off with display:none, for this you can use the native class .hidden Bootstrap 3 as you can see here: https://getbootstrap.com/docs/3.3/css/#helper-classes-show-Hide // Classes .show…
-
0
votes1
answer205
viewsA: Vertical Alignment on card-header with bootstrap
The easiest way to format this is by using the padding bootstrap native. See In case I used the class pb-1 which decreases the padding-bottom, and increased the padding-top with pt-3 to equalize…
-
1
votes1
answer239
viewsA: Div exceeding size inside another div
You can create a container with class d-flex, similar to what would be a .row, and within the col- divided as desired, each one being 50% of the father’s width and 50% of the height. Since the…
-
7
votes3
answers3072
viewsA: How do a div or span occupy only the size of its internal content?
To div is a block type element and by default it occupies 100% of the container width. Span is a line element, and by default it only occupies its own size. So in the case of div In case you wanted…
-
2
votes1
answer227
viewsA: Bootstrap class . text-Justify 3 doesn’t line up without any previous inheritance
I believe your mistake may be here <div class='col-xs-12 col-sm-12 col-md-8 col-lg-6"> Notice that you open with simple quotes ' and closes with double quotes " See that below works correctly.…
-
2
votes1
answer25
viewsA: Does Bootstrap 3 feature exist?
There are yes young and it is called tabs, here is the official BS3 documentation https://getbootstrap.com/docs/3.3/javascript/#tabs <!DOCTYPE html> <html lang="en"> <head>…
-
2
votes2
answers1765
viewsA: Position an image correctly within a div
Since your image is as background you can treat it just with background-size and background-position. No need to tag <img> if you want, since in your code you use the image as backgound. Yet…
-
5
votes1
answer419
viewsA: Lines beside in css
Guy for this kind of thing my tip is you use the source in REM and the elements in EM. With that you have a relative measure that works like this. 1REM is = to 16px, then if you have the font with…
-
4
votes1
answer40
viewsA: In SEO using more than one link in HTML to another page is bad?
Apparently you can use as many repeated links as you want pointing to the same destination. Google is not clear, and never has been, with its Pagerank rules. Even they keep changing these rules, so…
-
1
votes1
answer1220
viewsA: Angular 7 - Change the checkbox color after checking as checked
As I said, you can use the pseudo class :checked and the selector + to catch the div direct sister of checkbox and put a background color on it Basically you will need this CSS rule…
-
0
votes1
answer79
views -
5
votes1
answer3250
viewsA: How to change the color of text selection in VS Code?
You can customize it by getting into your Setting and putting that "editor.selectionBackground": "#666", "editor.selectionHighlightBackground": "#666", #666 is the color, you can test a lighter…
-
2
votes1
answer570
viewsA: Problems with sweetalert2 and bootstrap4
Your Alert for some reason you’re missing the pointer-event, basically with this CSS I solved the problem .swal2-container.swal2-center.swal2-fade.swal2-shown { pointer-events: initial !important; }…
-
4
votes1
answer99
viewsA: How do you align the form in bootstrap?
Dude your code is so messed up, it wasn’t even worth touching, it was div without closing, modal without the modal-body, form closing with the modal-footer inside... a mess... so I made this model…