Posts by Will Ramos • 186 points
12 posts
-
3
votes1
answer57
viewsA: Detect Ellipsis
The simplest of all would be to pass the text through the title attribute .truncate { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } <div class="item…
-
0
votes1
answer88
viewsA: Overflow-y is leaving a blank in the table width
What happens is that you applied the display block to a table, I recommend that you wrap the table in a div and apply the overflow in it.
-
0
votes2
answers231
viewsA: E-mail Marketing e colspan
colspan serves to inform how many columns that row will occupy, by the situation you sent above, note that the first row (TR) has 4 columns (TD), while the second has only 1 column, without…
-
0
votes1
answer37
viewsA: Header bar does not redirect correctly
Check if your page is handling resizing through meta viewport, follow example <meta content="width=device-width, initial-scale=1" name="viewport">
-
0
votes2
answers1108
viewsA: Resize NAVBAR size when scrolling the page
This is happening because your element . navigation is blocking the height of the content, try adding this css: .sticky .navigation { min-height:80px; height:80px; } you need to treat the child…
-
1
votes1
answer52
viewsA: Error creating columns in CSS
What you’re looking for is called masonry, and can be done using the "collumn" css properties, below is an example of the mobile responsiveness property. CSS: body { font: 1em/1.67 'Open Sans',…
cssanswered Will Ramos 186 -
0
votes2
answers2479
viewsA: How to get this scroll effect - when scrolling the page?
To do this process is costly because it involves taking the position of the scrolling using javascript and thus running animations with css, however there is a plugin that can help you a lot in this…
-
1
votes1
answer500
viewsA: effect on input with jQuery
You can add a ::after in his css with the lower edge format, and use the Transform property to resize it when focusing Below is an example: html <div class='form-group'> <label…
-
3
votes1
answer85
viewsA: Jquery effect does not work as expected
This is because you are applying the effect on the father, and not on. circle, try using this way stating that who will receive the parameter, is the child. $('.circulo').click(function() {…
-
0
votes2
answers176
viewsA: Table width of html does not increase as requested for outlook signature
In order for it to maintain the correct ratio on mobile, you need to fix the header, you can do this by inserting the meta tag below: <meta name="viewport" content="width=device-width,…
-
1
votes1
answer59
viewsA: How to set Videojs size by percentage
You can leave it with 100% and adjust the container by css: <div class="videoContainer" style="width: 40%;"> <video id="player" height="auto" width="100%" controls class="video-js…
-
2
votes1
answer30
viewsA: turn objects into a list when the resolution is less than X
You can use the solution to hide the content using the display:block and display:none, for this use the conditionals of css max-width. Following example: CSS: * { -ie-box-sizing: border-box;…