Posts by hugocsl • 65,517 points
1,996 posts
-
1
votes1
answer37
viewsA: Problem in applying CSS Animate
Dude you’re using something wrong, for example where you are vendor you should put the prefix at once, like -ms-, -o- or -webkit- In the example I did with your original code I only added the…
animate.cssanswered hugocsl 65,517 -
2
votes1
answer362
viewsA: How do I split items and different sub-crops on the same page?
Here’s a simple example with only CSS that can sometimes fit you. Don’t just use JS CSS, A tip is before using watch out and study the CSS rules and the HTML structure to understand how everything…
-
3
votes1
answer107
viewsA: Animate fa fa-Angle-double-down
Dude here’s a simple example using @keyframes you can read more about animation with CSS in this mozilla documentation Take the example: ul li { list-style: none; position: relative; } .fa.icone {…
bootstrap-glyphiconsanswered hugocsl 65,517 -
1
votes2
answers230
viewsA: How to put the boostrap menu in the middle of the screen?
In the official documentation the class is used justify-content-md-center to do this. So it is centralized only until MD screens. Link to the official examples…
-
0
votes3
answers3126
viewsA: How do I customize the color of Bootstrap’s Navbar?
Unlike in my friend Leandro I would advise you to do otherwise. Since you already have all the CSS ready it would be easier to pick up the class navbar on that tag and put the -default being like…
-
1
votes2
answers2550
viewsA: Problem implementing icone from font awesome by css
As per the documentation for you to use on ::before you have to adjust some things. you will need to use the fontawesome.js and not the .css because it will only work with the font in SVG format.…
-
4
votes2
answers699
viewsA: Position div or button inside a specific point of an image
You can do it this way. It’s a very simple example but I think it will suit you. You can use the classes .p1 .p2 etc to build your positioning X Y using transform:translate(X, Y) See the template…
-
4
votes2
answers577
viewsA: Find html element in css
Using the attr css would look like this: (note the attr construction [id="textOne"]) [id="textoUm"] { border: 2px solid red; } input { border: 2px solid black; } <input type="text" id="textoUm"…
-
2
votes3
answers1911
viewsA: Leave label side by side , bootstrap
For you to put the label next to the input you have to use the form tag this way <form class="form-horizontal"> this is the model of the official documentation. Documentation of…
-
1
votes1
answer969
viewsA: Scroll Inverted, start at the bottom
This example I think can help you. It already starts from bottom to top and the scroll always stays at the base of the container $('#chatmessages').scrollTop($('#chatmessages')[0].scrollHeight);…
-
1
votes1
answer115
viewsA: Alignment of div’s on the right
Paul his code had a series of open tags, had div closed in the wrong place etc... Follow your code with the fix, I just closed the tags in the right places, and I basically organized the code. Look…
-
1
votes2
answers844
views -
1
votes2
answers121
viewsA: I need a menu whose sub-menu appears above the menu
Muka dry an example that I did for you to give a studied, is a simple example, but easy to understand. I used display:flex to make you more responsive, but it’s very quiet to understand. I used…
-
1
votes1
answer96
viewsA: creation of CSS menu
I will answer here what I answered in the comment just so you can mark the question as solved and it does not stay open on the site returning to list of unanswered questions okay. Your tag <link…
-
7
votes1
answer11856
viewsA: Is there any way to save edits made in the Inspect element?
Yes Gonçalo you can save everything done by Chrome Devtools right to your folders. Simply add path of its project in the WorkSpace Chrome and authorize the browser to save directly to the directory.…
-
4
votes2
answers1035
viewsA: CSS style for chat with more than one line messages
I made a model that I think can suit you more practically. I separated the top part into a div and the bottom part where the text comes in another div. The div where you have the text has the…
-
1
votes1
answer259
views -
2
votes1
answer35
viewsA: Navbar with higher margin when adding position:Bsolute; in a text
Face your problem is the margin element default <h1> To fix put this in your CSS .tit { margin: 0; } And this in the html tag <h1 class="tit"> ... <h1> Now go paste at the top of…
-
1
votes1
answer50
viewsA: How can I use pseudo css elements
You must use the pseudo class :nth-of-type(n) where "n" is the element order number, in your case they are 3 then would be :nth-of-type(1) :nth-of-type(2) :nth-of-type(3) one for each input Here’s…
-
1
votes1
answer41
views -
2
votes2
answers113
views -
2
votes2
answers1021
viewsA: Speaker responsiveness in Bootstrap
With Bootstrap3 you can do using display:flex and column-reverse only for small resolutions using the @media measure of Bootstrap. See how it looks in the example below. Have it displayed as "Full…
-
1
votes2
answers107
viewsA: my dropdown comes off the screen, how do I get it down to the opposite side?
You have greatly changed the basic structure of the standard Bootstrap Drop-Menu template. It seems that you want to build a "page" inside this Drop that will open... Anyway even if the indicated…
-
2
votes3
answers100
viewsA: Align titles in html
You can also directly align with CSS .topo { vertical-align: top; } .base { vertical-align: bottom; } <table height="100" border="1"> <tr> <td class="topo"> alinhado ao topo…
-
3
votes2
answers8310
viewsA: floating div accompany page scroll
I don’t know if this is exactly what you need, but only with CSS you can do it using position:sticky or position:fixed or If you want to see examples over the internet you can search for "css…
-
12
votes2
answers7757
viewsA: Is the for attribute of a label element good for something?
The attribute for kind of link between the label and the input. Soon the for has to point to the ID of the input. Another form of use is that you can do various types of customization by CSS hiding…
-
0
votes1
answer62
viewsA: text is not appearing on the slide show!
Dude your problem is that you are putting the Text like it’s another slide. So the div <div class="slideinfo"> must actually be inside <div class="slide"> I also made a CSS adjustment…
-
0
votes2
answers2375
viewsA: how to insert an image by css?
Stephan basically you have to turn a folder up using the ../ and falling at the root of pasta assets then you have to enter the folder /images, then browse your image inside the folder…
-
1
votes1
answer114
viewsA: Problems padding CSS MENU
Frederico had to make some adjustments to the CSS, I left the comments in the code, but basically you have to adjust the padding, but you have to remember to adjust the height in LI also. Basically…
-
1
votes1
answer41
viewsA: Nav-bar logo moves when website and placed in full screen
João the problem is that you are using some values in percentage (%) in the logo class. So as the height of the screen will soon change position. To fix this you need to use her pixel margin and…
-
0
votes2
answers255
viewsA: Collapse mother close the child Collapse also, but do not open together in bootstrap 4
Gabriel as you are using the standard Bootstrap JS think a CSS-only solution might suit you. OBS: I had to remove the <div class="submenu"> and <div class="subsubmenu"> for the CSS rule…
-
6
votes3
answers10018
viewsA: SASS and SCSS: Why use them instead of conventional CSS?
There is yet another concept that has not been addressed by the other answer that is nesting selectors or in English nested selector This practice is very interesting when creating web components.…
-
1
votes1
answer1753
views -
1
votes3
answers1347
viewsA: How to create a clickable link within another
I will give an answer that I do not recommend you do. But it can solve your problem as a last resort. You can put a <object> within your <a> and from there build your menu. So you can…
-
-1
votes1
answer55
viewsA: H3 inside table email marketing
Cristiano made some corrections in his CSS to align etc. If it does not work in your project it is because there is some other CSS interfering in your element, in which case you would have to put…
-
0
votes1
answer291
viewsA: How to adjust image inside the border?
Eduardo my suggestion is to make a unique CSS for the image. in case I made this class figure.foto-legenda img and put in it the 100% width and the automatic height. See that now it occupies the…
-
1
votes1
answer630
views -
3
votes2
answers9890
views -
1
votes1
answer755
viewsA: Plugin to change custom profile image
Follow a basic template as I said. With CSS it’s pretty easy to do no need plugin or library... html, body { width: 100%; height: 100%; margin: 0px; padding: 0; } .box { display: flex; width: 100px;…
-
1
votes2
answers894
viewsA: Height Proportional to Width, responsive
EDIT To do this you can use the technique of padding-top Here you can read more about it It’s not very recommended, but as you should keep this Aspect ratio this example can solve. As you said that…
-
1
votes1
answer268
viewsA: Change the dynamic menu item in Asp.net, from "mouse Hover" to click
Danilo made two options with CSS only. The first one uses :targer :Focus and :active to make UL with the sub menu appear. But when you click on some Sub Menu item it closes. I used…
-
3
votes1
answer85
viewsA: What tag do you put the form in?
In the W3C documentation there is apparently no reference to the semantic structure from which the form should be on the page. Already in the Mozilla documentation they put in fact the section…
-
1
votes1
answer54
viewsA: Changing text size of lis does not work
Edit The problems of the spaces left to the right of the site I fixed by making a overflow-x:hidden html and body, and then putting box-sizing:border-box in the elements with the class .aos-item so…
-
4
votes1
answer111
viewsA: How to put a border / Stroke in an <image> in an SVG?
It is possible if you use one pattern within svg linking the image in Shape (rect, Polygon, Circle, even path works). First you create the definition <defs> then the <pattern> and puts…
-
2
votes2
answers89
viewsA: doubts to style an active link
I also made an option with jQuery :D he adds the class .active where you click and remove from siblings (.siblings) $(".menu-item").click(function(event){ event.preventDefault();…
-
1
votes1
answer68
viewsA: Positioning of div over Slideshow
Carlos vc only need to change two lines of CSS Increase the value of z-index in that div .logo-atividades { z-index : 999; } before it was 20 Already in your UL put a left 0 this way to center the…
-
2
votes3
answers4043
viewsA: Field Percentage in HTML
I don’t know if this option is for you, but there are two forms of "bar" you can do this. using value increments and showing a percentage in the bar. In the example below it determines 60% of 100…
-
1
votes1
answer787
viewsA: Limit amount of bootstrap mode characters
There are a plethora of ways to do this, some just with CSS and others involving Javascript. I’ll give you a CSS solution. In this technique imagine that the "..." are always there, but there is an…
-
1
votes1
answer1294
viewsA: Div below another - fixed menu
You can put a padding-top on its own body, which is the way that Bootstrap for example recommends. source body { padding-top: 70px; } OBS: the padding value must be proportional to the menu height.…
-
1
votes1
answer1105
viewsA: How to change the bootstrap slide default effect to Fade?
Ismael follows a version with the Fade making the transition between one and the other and not the horizontal scrolling as the standard. I’ve left a few comments on the CSS that might help you…