Posts by hugocsl • 65,517 points
1,996 posts
-
2
votes1
answer183
viewsA: Legend in form-group bootstrap
The problem is that you are using Bootstrap, and by default it puts some unwanted styles on fieldset and in the legend. After a CSS treatment has been done to overwrite these Bootstrap styles…
-
1
votes1
answer38
viewsA: I am facing problems editing margin in media query
Friend I think you’re kind of mistaken with some concepts of the Bootstrap Grid. First, Grid only behaves right if it follows a hierarchy .container > .row > .col where . Row is already flex,…
-
3
votes1
answer576
viewsA: I cannot install Node.js
Friend you are writing wrong....! does not have the space between the -- and the version.... it must be so node --version as -- pasted in version…
-
2
votes1
answer54
viewsA: How to make a continuous slider?
Guy by the classes you are using seems to me that you use the OWL Caroucel, in his documentation already has a model for this type of application, calls stagepadding as you can refer here:…
-
5
votes3
answers746
viewsA: How to change the color of several Ivs at the same time with Hover?
Here’s a CSS-only answer. I didn’t touch anything in your CSS, the only thing I did was put the Cards inside one container flex, but with the flex-direction of row-reverse, this made with the divs…
-
5
votes2
answers104
viewsA: Remove Shadow from Bootstrap Status
You have to take the box-shadow of pseudo :focus. Only then the user will be without a visual feedback that clicked on the button, this is not recommended from the point of view of accessibility…
-
0
votes1
answer202
viewsA: flex display this with a different behavior in google Chrome
You’ll solve the problem like this, Takes the height:100% class .space-between And in the div father of .space-between you’ll put the class d-flex, will stay like this <div class="col-xs-12…
-
1
votes2
answers37
viewsA: Why are my boxes creating height?
Your problem is here, you put it align-items: initial;, but it should be align-items: flex-start;. This behavior has nothing to do with a class name or something like what I’m going to explain…
-
2
votes1
answer35
viewsA: How do I make an "a" tag active without refreshing the page?
No JS I find difficult, but only with CSS has this workaround, you’ll have to put the link text inside a tag span, and will use the pseudo class :target, for the link that is clicked marks the span.…
-
1
votes1
answer70
viewsA: How do I use @font-face for gmail signatures?
Guy most likely is a security issue. Gmail won’t let you add a link in the code, plus being a http... maybe a https it release, even I find it unlikely! Overall Email clients are very strict about…
-
1
votes1
answer60
viewsA: Error with positioning an HTML/CSS/BOOTSTRAP search bar
His grid is kind of weird because he has to total 12, but you’re using 4 in the first col and 6 in the second, totaling 10... However, it is enough that in the col-6 with the search you put ml-auto,…
-
1
votes2
answers184
viewsA: Change background and color input password in bootstrap 3
Your problem is probably because of this ... form password, password { background-color: #6A6969; color: #FFFFFF; } The attribute password At least not that way, so you didn’t get the style! It…
-
2
votes2
answers369
viewsA: Center an element with position Absolute
Dude, I tried to simulate here, and apparently he’s lined up, so there’s something else in his code that’s getting in the way... But see in the example below that to center an absolute element you…
-
0
votes1
answer45
viewsA: Error with Html/Bootstrap text alignment
Guy has some details in his code, first the BR within the P. After you put a height on container, but it does not need as you will see. In short I only removed things the more you put in the…
-
1
votes1
answer79
viewsA: Bootstrap4 select transparent
What happens is that some elements are stylized by user-agente, and to overwrite this style sometimes you need to use the prefix vendor browser. You can read more about user-agent here: What is User…
-
1
votes1
answer36
viewsA: Show Image Hover Mouse
It’s basically putting a background-image with the egg in the elements you want to show Follow the image code above .scenario { position: relative; margin: auto; width: 400px; height: 400px;…
-
3
votes1
answer30
viewsA: Transition not running at the same time on different elements
Dude you have a problem in the selectors, the hierarchy is not cool. I gave a adjusted taking the transition of html * and it looks like you’ve tidied up! EDIT It’s also a matter of selector…
-
2
votes2
answers103
viewsA: how to make the slide responsive
Basically your problem is that class .inner-wrapper is with position:absolute, Then it leaves the content stream and what comes below is covered by the images... It has nothing to do with Flexbox…
-
0
votes1
answer33
views -
6
votes1
answer152
viewsQ: What are Evergreen Browsers? Does this philosophy also apply to system development?
I heard that term, Evergreen Browsers in an English lecture on the evolution of browsers etc., but I didn’t quite understand what this concept would be. What would be a browser Evergreen or what is…
-
1
votes2
answers153
viewsA: How to set a target Theme-color in Runtime from the application styles
I’ll give you some tips that might help you with that. First keep in mind that even within your SASS vc can have Custom Variables from the normal CSS pattern. For example you can have in your…
-
2
votes3
answers340
viewsA: Change CSS property when doing :Hover over another menu link
Basically what you need is a :hover > :hover. Like when you do :hover in nav you "undo" all attributes .ativo, whereas if you do :hover in nav and :hover in the item that item yes gets the style…
-
1
votes2
answers898
viewsA: How to leave a space between the menu and the top of a page?
You can put a padding-top in the #header, this will push the nav down, but will still leave the image of background pasted to the top bar of the window. html, body { width: 100%; height: 100%;…
-
0
votes5
answers217
views -
1
votes1
answer321
viewsA: Maintain final effect of Animation css
You have to use the animation-fill-mode to stop the animation at the end. In case it would be this property with the value forwards, would be so: animation-fill-mode:forwards See here the options:…
-
3
votes3
answers4467
viewsA: How to make a scroll bar
You put the overflow-X in the wrong element, you put in a div outside, it had to be in div from within the div .conteudo. Besides, like you’re wearing flex you have to define a min-width to the card…
-
1
votes2
answers316
viewsA: Add title next to your corresponding image
Face the way you set up your HTML is not very cool... My suggestion is to place each Image+Title pair inside a container, and use flex to align them. Take this example .title{ text-align:center;…
-
1
votes1
answer111
viewsA: Button does not appear
What is probably happening is that you are using the SVG version of Fontawesome. Fontawesome has a web source version and a newer version that uses SVG. But if the user’s browser does not support…
-
1
votes2
answers1839
views -
3
votes1
answer39
viewsA: How do I let my inputs centralize radio?
You have to take this width of input, besides said input does not need the closing tag </input> Then you put the width in label that the input is inside, and makes a calc() to fit 3 per line.…
-
0
votes1
answer19
views -
1
votes2
answers40
viewsA: Side-by-side images aligned on any screen
Your code is almost right, the problem is how you used the class and some properties that are unnecessary... You put the class right in the image, but the most appropriate to my view would be to…
-
1
votes2
answers40
viewsA: Need help with html videos
I don’t recommend using float for various reasons, but mainly pq may be that their layout break and you need to make a clearfix. I suggest the flex, so the items are organized in a more responsive…
-
1
votes1
answer540
viewsA: HTML page in the body of the email with Video
The use of <iframe> inside the email is totally discouraged. By security reasons most email clients block this tag, or in the worst case puts your email in a black-list and marked as spam. The…
-
1
votes1
answer81
viewsA: Position tables with commands in php
The problem is that you wrote the wrong CSS property! Ve wrote postion:absolute;, the word postion is wrong, missed a i after the s The correct is pos**i**tion position:absolute; Besides here you…
-
1
votes1
answer59
viewsA: Top Fixed Sidebar Ad - JQUERY
There is a way to do this only with CSS and is practically the same, I do not know if it is the technique they used there, but qq way using only CSS you save a good Kbs and it is easier to maintain.…
-
2
votes3
answers154
views -
0
votes1
answer113
viewsA: Download files and images
Have an option without using JS. Just use the HTML attribute download on a tab <a> which link the image. Then you put this tag <a href="link da imagem"> involving the tag <img> and…
-
3
votes1
answer471
viewsA: Fonts for numbers and fonts for letters
There is a way to fix this only with CSS, not with all Fonts, but with the Raleway fortunately works because she is OpenType lining-nums activates the set of figures where the numbers are all on the…
-
6
votes3
answers6427
viewsA: Style input type='number' to change arrows
I’ll give you an answer with CSS only since you have the CSS tag in the question... But already I say that it will only work in browsers -Webkit- IE will only work in Chrome, Safari and soon in the…
-
2
votes2
answers42
viewsA: I can’t find which Style is separating my elements
An image is an inline element, and it has some default properties of this type of box-model, if you want that space not appear and as your image is 100% of the width of the screen, just vc put a…
-
0
votes1
answer68
viewsA: I cannot keep fixed size in the cells of a table
One way to settle this is with the property table-layout, used the value as fixed vc determines that the table construction algorithm should maintain a proportional width of all columns, as you can…
-
2
votes1
answer24
viewsA: I have a menu with 3 icons: the first on the left and the third on the right. I need the second to be in the center
There are some different ways to do this, but the most practical is to put display:flex in the content box in which icons are inside and use the property justify-content: space-between; to…
-
1
votes1
answer45
viewsA: Blueimp Gallery CSS does not work with Bootstrap 4
Your problem is that the Bootstrap reebot is applying this CSS. Note that the color is as inherit. But in this way he inherits the "wrong" color inherited from body This is the CSS of reebot.scss…
-
1
votes4
answers3300
viewsA: How to make Youtube embed responsive on the site, when opening want Width appear 100%
There are two ways to do this with CSS. One is doing the iframe Youtube occupy the entire screen, the other and use a Hake with padding to do the iframe maintain the Aspect-ratio. Placing the iframe…
-
0
votes1
answer296
viewsA: Speakers with bootstrap
Basically just you subdivide your grid within the .row. Your HTML had several problems, like some <br> unnecessary and a .row inside of another .row without needing, and besides its content…
-
0
votes1
answer238
viewsA: Media print cutting table row
Since I don’t have the code to test it is difficult to give you absolute certainty what the result will look like. But in theory, according to the documentation, you can control this fragmentation.…
-
0
votes2
answers556
viewsA: Centralize DIV with Bootstrap or CSS
I don’t have an environment to exactly test your code, but here’s a simple example of how you align horizontally using Bootstrap 4, just use the class mx-auto in col. mx-auto means that the element…
-
2
votes1
answer76
viewsA: How to place a font using a class?
Friend just missed a point . in the name of your class... Every class name must start with a . guy .rodape and then you put the styles. And in HTML your element will be with class="rodape" Ex:…
-
2
votes1
answer494
viewsA: Property col-Xs does not work
Your problem is simpler than it seems, so you are indexing in your document the /bootstrap/4.3.1/. And the reason it doesn’t work is that the size XS only exists in Bootstrap 3, in Bootstrap 4 it…