Posts by hugocsl • 65,517 points
1,996 posts
-
1
votes2
answers236
viewsA: Jquery - Having 2 menu(hamburger), how to close one menu while the other is open?
Gustavo as I said in the comments I will give you example only as reference. Javascript has the @Isac credits you used on this Answer, (It just doesn’t let you score more than one Checkbox at the…
-
0
votes1
answer1154
viewsA: Set Menu Bar on Top
Young vc can solve this only with CSS. You can put position:fixed and top:0 in the first Toolbar and in the second use Toolbar position:sticky and top:50px (50px is the height of the first Bar, so…
-
2
votes1
answer2700
viewsA: I can’t use bootstrap glyphicons
Face only the Glyficon font by itself does nothing, you have to import in the Head her CSS too! Use the official CDN Now if you want to use locally you have to import the @font-face in your CSS this…
-
1
votes1
answer342
viewsA: Vertical scroll by sections (as if it were a slide)
Guy as he had commented from to do something very similar only with CSS and HTML. Including using transitions etc. I used radio Buttons and Transitions to do the effect. Moreover he is fine…
-
0
votes3
answers1008
viewsA: Can I create a dropdown menu inside a a href?
I will give an answer that I do not recommend you do. But it can solve your problem as a last resort. Vc po put a <object> within your <a> and from there build your menu. So you can make…
-
1
votes1
answer64
views -
0
votes4
answers2044
viewsA: I have a fixed menu, how to do anchoring (#internal links) get below the menu?
Lucas as I said in the comment and you asked for the example I will explain how with CSS and HTML you can solve this. It’s okay that this is not a very "classy" way, but it can solve in your case.…
-
0
votes2
answers253
viewsA: How many decimal places does the Browser accept or recognize?
It seems that even CSS as HTML has a limit of decimals. This calculation will be on account of Browser, and according to this table to clearly see that modern Browsers work much better with these…
-
0
votes4
answers4237
viewsA: Validation for Phone type field
I don’t know if you might be interested, but I will give you an answer using only validation on the client’s side. However it is not possible to validate sequence numbers in this way. The positive…
-
-1
votes2
answers253
viewsQ: How many decimal places does the Browser accept or recognize?
I have seen more and more values with multiple decimal places in CSS styles. Then the question arose. Up to how many decimal places does CSS actually accept and Browser can render? Values like these…
-
4
votes1
answer1736
viewsA: To update a project from Bootstrap v3 to Bootstrap v4 just change the files?
No, it’s not just changing the files, because there are a number of new classes in version 4 and others in version 3 that have been discontinued, in addition to CSS and Javascript that have also…
-
2
votes1
answer159
viewsA: Hover with Scale only in father div
There is a technique that while you do the Scale Up at the Father at the same time you make a Scale Down on son. (I will not do with your SASS pq I have no compiler). Ma follows a practical example.…
-
2
votes1
answer2921
viewsA: Comments Block - Vscode
I have two answers for you, the first one is easier, but it may not be exactly what you need. With the plugin Laravel Blade Snippets you can do as in this picture.…
-
2
votes2
answers75
viewsA: <! DOCTYPE html> changing image
When you don’t declare the <!DOCTYPE> the browser enters the Quirks Mode, this means that it will render in some old version of HTML, this is used when you need a new browser to support a very…
-
5
votes1
answer3418
viewsA: photo album with HTML and CSS
Here is a very simple model that can serve as an example and for studies. The main thing is that it uses the pseudo class :target to change the opacity of the images and show them in large size.…
-
2
votes2
answers1109
views -
4
votes1
answer313
viewsA: Modify carousel configuration in bootstrap 4
I made this template that you can control the slider height, in the example I put with 30% of the screen height. See in the CSS section that I left commented on how to adjust. .carousel-item {…
-
2
votes2
answers5957
viewsA: Print HTML page keeping the page CSS
I will give an answer that can help you without you having to depend on the user choose to print the "Background Graphics" As already discussed in these two questions the printer by Default I didn’t…
-
2
votes3
answers70
viewsA: Non-responsive image
This code should work. If it doesn’t work it’s because there’s some other class overwriting your. Documentation about the background: https://www.w3.org/TR/css-backgrounds-3/ Note that to function…
-
4
votes1
answer4032
viewsA: Place space between two bootstrap columns
Cara has a technique that can fit you. It as a 12 column inside a 3 column, so you get a padding inside the 3 column and creates this space between the columns. <div class="col-md-3"> <div…
-
1
votes2
answers820
viewsA: Delimit table inside a modal with css
Cara had to give a little stir in the part where you call the table because the HTML was not well formatted. Plus I needed to put some styles on .modal-body That stayed that way: .modal-body {…
-
1
votes1
answer672
viewsA: Slide does not fill the entire screen with bootstrap
Young Bootstrap4 itself has its Slider component (carousel) you can read about it and see the complete documentation here: https://v4-alpha.getbootstrap.com/components/carousel/ See an example of…
-
2
votes1
answer1148
viewsA: Rows and columns in html
It’s because you’re using the Grid classes the wrong way in <div> Shouldn’t col-4 it must be so: col-md-4 (where the MD is, it can be lg, Md, Sm, or Xs) Bootstrap3 Grid Official Documentation:…
-
2
votes3
answers827
views -
1
votes2
answers11231
viewsA: How to center my form with bootstrap leaving responsive;
The right way to do this is by using the native Bootstrap class offset-md-" In your case I suggest you pass the form-group of col-md-5 for col-md-6, because being multiple of 12 vc achieves a…
-
4
votes2
answers419
viewsA: What is the "module" value for in the type property of the HTML <script> element
Javascript modules allow a program to be divided into multiple sequences of statements. Each module explicitly identifies the statements it uses that need to be provided by other modules and which…
-
1
votes2
answers943
viewsA: Colorize all the header
Now that I’ve noticed you’re wearing Bootstrap 4, then I’ll rephrase the answer. Your problem is that you are using the classes mt-4 in the Logo and mt-2 in the div .meio mt actually means…
-
1
votes2
answers115
viewsA: My search bar does not position correctly
Young man, according to your question and the comments I’ve read around here, I believe that’s what you want. The menu occupies the full width and the right search bar. Your CSS had a lot of stuff…
-
2
votes4
answers1196
viewsA: Different colors inside the tag H1
EDIT: Single tag option <h1> and background-image:linear-gradient three-colour. h1 { display: inline; width: 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent;…
-
2
votes1
answer311
viewsA: How to position the form in the center of a DIV?
From what I understand of your question your problem is with this margin .create-box form input { margin: 5px 10px;} She should be like this: .create-box form input { margin: 5px auto;} See in…
-
3
votes1
answer1072
viewsA: Transparenet beveled edge with css only
For Images In case you need to cut the corner of an image with CSS, or chamfer an image with CSS you can consult here: Make edge effects in CSS such as chamfer For solid core There are some…
-
1
votes1
answer107
viewsA: What feature do I find in HTML, as an option to PHP Include?
According to the W3C documentation there are two ways for you to do this. Sometimes, rather than linking to a Document, an Author may want to embed it directly into a Primary HTML Document. Authors…
-
3
votes1
answer132
viewsA: Is it possible to apply CSS style in email sending method?
Just to stay as a record I will publish my comment as an answer. So you can finalize the question if you think it solved your problem. Yes it is possible to use CSS directly in the tag. Any indexed…
-
2
votes2
answers171
viewsA: SVG, Canvas or CSS? Need to network with interlinked images
Young made this quick example only with CSS that I think will suit you! It is responsive, always adjusted to the size of the .container just the balls at the end of the lines you’ll have to make a…
-
2
votes3
answers3850
viewsA: Elements with Css cut corners
Another way to do it is by using the pseudo element ::after See the example below: .corner { width: 200px; height: 100px; background-color: red; position: relative; overflow: hidden; }…
-
0
votes1
answer1414
viewsA: Implementing Grid Bootstrap 4 and Sidenav
Your code actually needs a few tweaks. Starting with the first div with the Container class. Actually you will not need it, by default Bootstrap puts some values in this class that are not…
-
2
votes1
answer1974
viewsA: Place text inline bootstrap fields
Isadora according to the Bootstrap Documentation the way to make the "inline" form is this https://getbootstrap.com/docs/3.3/css/#Forms-inline Your code had some basic bugs like the tag…
-
0
votes2
answers582
viewsA: Align button on wordpress center
You have two options, the first is working with this div <div class="mx-auto"> Put it like this .mx-auto { display: flex; justify-content: center; } Option number 2, work directly on the…
-
1
votes1
answer3581
viewsA: How to adjust the label size in bootstrap 4 to fit the small input?
I tested using the Small in the Label and it worked. It may be that you are having some problem with override of classes with Bootstrap. Anyway see that even with class Small working my problem will…
-
0
votes2
answers459
viewsA: Modify breakpoint of navbar
You’re using an extra class in the wrong place! Remove the class navbar-collapse in that <div> <div class="collapse navbar-collapse" id="newNavbar"> It should just be <div…
-
1
votes2
answers155
viewsA: Div does not track internal bootstrap content 4
Following the example @Diegosantos posted in his other question. And with what you just said now I think that’s what you want. That the scroll bar appears when the content of the child is greater…
-
3
votes3
answers384
viewsA: Does anyone know how I do this effect on the background of this div?
You don’t need an image to do this effect. (Except the background image itself) the rest of to do basically with linear-gradiente and repeating-linear-gradient With the CSS3 you can have several…
-
1
votes2
answers177
viewsA: Smooth height change
Young transition with color happens because you are trading one class for another. But with class .teste that you put the height does not occur pq does not have a value reference. Includes a new…
-
3
votes1
answer565
viewsQ: How to not let a CSS Animation stop even after the mouse has left the element
I have a div who has an animation in :hover, but if the user takes the mouse away from the div before the animation ends she cuts in half and does not finish. I tried to make a "spot light" effect…
-
0
votes2
answers115
viewsA: Navbar-Brand display on smartphones
Young your CSS and HTML had some problems that was bugging your layout. (Obs: the difference between a mobile phone and another is due to the screen resolution that in S8 is much higher!) Now let’s…
-
2
votes1
answer1400
viewsA: Carousel bootstrap 4 only in mobile mode
I made this template with just a few lines of CSS. The idea is to leave the "component" of the static team only on large screens, and on small screens I give a display:none in it while I give a…
-
5
votes4
answers549
viewsA: Footer with one line
How you are using Bootstrap put the Footer elements inside the Grid of the ex framework. <div class="col-xs-6">. After that use float:right just where you’re using the Fontawesom that way…
-
2
votes1
answer975
viewsA: Center button vertically inside Nav boostrap
Vc can only reference the Button that is inside the navbar and put a transform: translateY regardless of the height of the navbar the Button will always be centered vertically Thus: .nav-item button…
-
1
votes4
answers8782
viewsA: How to center text vertically
EDIT: Option with transform: translate the advantage of it is that vc will not depend on fixed values, because it will always align in the center of the box, regardless of its height and width. .box…
-
1
votes1
answer34
viewsA: Checkbox Materializecss label
Face with this HTML structure with the image inside the label it got a little complicated... but it worked! We had to adjust the position in the classes of label ::before and ::after Maybe you need…