Posts by hugocsl • 65,517 points
1,996 posts
-
2
votes1
answer203
viewsA: Play gradient of the image
Young woman changing the linear-gradiente for radia-gradiente I was able to achieve a result very close to the image. I also used 4 colors and not 2, starting from the top of the box on the right.…
-
1
votes1
answer128
viewsA: Adjust icone CSS form
Without your CSS it is difficult to give a 100% accurate answer. But in this test I did using display: inline-block; worked. See the example below with the icons in the right place. .rt-icon2-waves,…
-
0
votes1
answer55
viewsA: Add point in title numbering and add numbering in ordered list subtitle
You have to "start" the Counter throughout the <ol>, and remove the default value from the Sorted List. Then <li> you make the increment of Counter in the Content of the list Basically…
-
1
votes2
answers1060
viewsA: Prevent browser autocomplete
You can do it like this <input type="text" name="foo" autocomplete="off" /> Documentation about the autocomplete:…
-
0
votes2
answers1766
viewsA: Position Absolute within a Hidden overflow
Unfortunately there is no way. You can check directly in the W3C documentation Overflow The overflow Property specifies whether content of a block container element is clipped when it overflows the…
-
0
votes3
answers745
viewsA: How to put link border without increasing menu size
There are two more options that can and suit one with box-shadow and another with calc() discounting from height and width the thickness of the edge. Option 1: Using box-shadow with inset and…
-
1
votes1
answer472
viewsA: HTML Css and Php Dynamic content in DIV
Young girl follows an answer that can help you. You will have to mix the Bootstrap Grid with Flex-box. I’ve done very little in CSS and HTML, but I need to do something... Just take a look because I…
-
0
votes2
answers681
viewsA: Exchange contents of a div for an html file
You can do this with PHP using <?php include 'seuarquivo.html';?> Your page that will receive these includes needs to be a .PHP, however the files you will call by include can be simple Htmls.…
-
3
votes5
answers625
viewsA: Allow or not allow end spaces in passwords?
I will only contribute a more user-side-focused view and not the developer side and validation in the database itself. Take a test first! If you’re in the Gmail for example and try to log in with…
-
-2
votes1
answer236
viewsA: What is the best way to work with responsive images?
I believe in srcset for sure. First that it is more semantic than a simpler img tag, you can use <figcaption> etc.. After the tests I did he only uploads the image to the right resolution.…
-
0
votes2
answers65
viewsA: What is Javascript Graphics?
Wappalyzer categorizes some Frameworks as "Javascript Graphics," that’s a categorization of it, and there’s a huge list that you can check out here:https://www.wappalyzer.com/technologies however on…
javascriptanswered hugocsl 65,517 -
1
votes2
answers414
viewsA: CSS Menu on Diagonal
Edith This is the solution that I believe has the best result, has less code, uses only a linear-gradient and is easier to add new items html, body { width: 100%; height: 100%; margin: 0; padding:…
-
1
votes2
answers400
viewsA: "Shadow" effect inside the box
You solve this with 3 lines of CSS... I don’t know what kind of use you need, but the solution can be even simpler, using the image and shadow in the same element as background. Take the example.…
-
0
votes2
answers611
viewsA: CSS - When you click on a checkbox... paint a TD
As you mentioned in the comments that you would like a version only with CSS made this template that can suit you. I haven’t touched your HTML just a few lines of CSS input.check-genero:hover +…
-
1
votes4
answers7473
viewsA: How do I display the same phone number from the OLX site?
I made an option using only CSS with <label> and input[type="checkbox"] Just click on the number to show it complete. The cool thing about this technique is that you can easily style the…
-
0
votes2
answers150
views -
1
votes2
answers244
viewsA: Align items on html page
I don’t know if this is exactly what you want, but with display:flex da to do something like this. I believe that can solve your problem. The Gray Box will always be centered on the space left after…
-
0
votes2
answers12523
viewsA: Problem with Indentation
I think this occurs because VS Code has a default indentation setting, but its old files have another. You can use the default VS code formatting option. Here’s a 15-second video explaining.…
visual-studio-codeanswered hugocsl 65,517 -
2
votes2
answers376
viewsA: Background with text background
I’ll give you a solution using mix-blend-mode: overlay; in the text, and two backgrounds in the background, one with the image, and one with the black layer with transparency over. html, body {…
-
2
votes3
answers1479
viewsA: Expand options of a select element by clicking button
I found this solution that can suit you, so I understand your question... Credits NOTE: You need to do the enabling part of Select, but it is already a path <!DOCTYPE html> <html…
-
0
votes1
answer2091
viewsA: Diagonal background
First to have the image you have to make the image, be it in Photoshop, Corel and qq other software. Or you make a SVG that is like a vector image that is interpreted by the Browser, then you put…
-
3
votes3
answers1543
viewsA: Why "html, body" and not just "body" to delete the page margins?
As stated by colleagues each Browser has its own style sheet standard (usre-agent css). Here you can read about this What is User Agent Stylesheets? Another point you can check is in the question…
-
0
votes3
answers1214
viewsA: Input date ta in English
You can try like this Try to place at the top of the page just below the <!DOCTYPE html> what language the page refers to, type: <html lang="pt-br"> Then try placing this script after…
-
4
votes1
answer541
viewsQ: I should still save files as . HTM or just as . HTML
Although the two are interpreted equally by the Browser it seems to me that the extension . HTM has fallen into disuse. I still have to save my files as . HTM or should I always choose . HTML? It…
-
1
votes2
answers587
viewsA: Adjustment of bootstrap buttons
Daniel according to the Example you posted from another site I made this template with Bootstrape, although the reference site use Flexslider This template has 4 images by Slider, but you can adapt…
-
1
votes1
answer36
viewsA: Collapse and even dropdown works?
Friend what is happening is that the order you call the scripts is wrong Note that first you should see the Cdns (links with the .js that you will need) and then come your own <script> because…
-
1
votes1
answer895
viewsA: Awesome fonts: how to change the font in a:Hover via CSS?
Follow an alternative without using ::before because the new standard of https://fontawesome.com/ already puts the icon as a ::before and there’s no way you can make a ::before::before Here is the…
-
4
votes2
answers9335
viewsA: Apply watermark without affecting text
Option with Background transparent and at the same time appears when printing. Of a Ctrl+P that you will see that even in the "Print Mode" of the Browser the image will be at the bottom of the…
-
2
votes1
answer182
viewsA: Stop function when passing mouse/cell phone
I don’t know how it will be used for this, but can do everything with CSS not necessarily need Javascript. I did the animation on ::after of div .mostra, so you don’t need two divs to do the effect…
-
1
votes1
answer67
viewsA: Change FFMPEG generated GIF size
You have to make a filter Crop or Scale to set the size you want. Types like this: With Scale: ffmpeg -i input -filter:v "scale=w=120:h=120" outFile With Crop: ffmpeg -i input -filter:v…
-
2
votes1
answer175
viewsA: How to insert a line above the Carousel
To align the titles in the Thumbnails I had to use flex display, and separates image in a column and title in another column. See in Snippet that you will understand. Other than that I did not touch…
-
2
votes5
answers3338
viewsA: How do I get a div to start hiding?
An option with CSS only to be included if you don’t want to use Javascript div { display: none; } label { cursor: pointer; } input[type="checkbox"]:checked + div { display: block; height: 100px;…
-
1
votes1
answer76
views -
0
votes1
answer948
views -
1
votes1
answer72
viewsA: Problems at the time of a div, how to define 'automatic' height?
To do this put on the Father position: relative; padding-left: 150px; in the Blue Box position: absolute; top: 0; bottom: 0; left: 0; See working on the model below <div style=' display:…
-
1
votes1
answer181
viewsA: How do I increase the selection range of a list item within a drop-down menu
Face your problem is in this class. Just remove the right and left margins. .dropdown-menu > li { line-height: 10em; margin: 10px 10px 10px 10px; /* coloque assim: margin: 10px 0px; */ font-size:…
-
1
votes1
answer7960
viewsA: VS Code in en
Edit: 12/03/2018 It was released the "Portuguese (Brazil) Language Pack for VS Code" you can see the documentation at this link:…
visual-studio-codeanswered hugocsl 65,517 -
1
votes2
answers59
viewsA: Align images with description
Young your CSS needs several changes, you should not align the objects using margin:580px for example. To do this create a "container" who will be the "father" of these objects and place whatever is…
-
2
votes3
answers3212
viewsA: Force the User to enter a minimum number of characters
I’ll post an answer only with CSS sometimes can help you. First, if you can change the type of input of text for date use the attributes min="2017-01-01" or max="2200-12-31" to delimit how far your…
-
1
votes2
answers755
views -
1
votes2
answers4327
views -
0
votes2
answers608
viewsA: background-image Fixed on iOS
I’d like to see your code to see what would be the best option for your case. But since we don’t have too many details as @dvd I will post a solution only with CSS without Javascript and…
-
1
votes1
answer380
viewsA: Header with responsive bg
I made a few minor changes to the CSS of html,body and in the <header> and here the BG was responsive with height in % all right. Give a look to see if it works there. If you don’t determine a…
-
0
votes1
answer2163
viewsA: Function Search in Visual Studio Code (Ctrl+F)
The Search option in the last occurrence avoiding the Loop has not yet been implemented. Actually this option is handled with feature-request and was added to the order list on August 11, 2017 Stop…
visual-studio-codeanswered hugocsl 65,517 -
5
votes2
answers14478
viewsA: HTML code in the body of the e-mail
"Creating an HTML message is not the same as creating an HTML page, as many tags are often removed by email readers like Webmails and Outlook. There are some practices that should be followed so…
-
1
votes3
answers3242
views -
2
votes4
answers1209
viewsA: Input type datetime error
By the image classes you posted I realized you’re using Boostrap. So I suggest this model of input date with a datapicker You need this script to work because it creates a campo de data in a input…
-
1
votes2
answers63
viewsA: Creating columns in Foundation
Friend vc is using the grid of the wrong shape I think. To create columns you need to use the Grid XY Documentation of Grid XY: https://foundation.zurb.com/sites/docs/xy-grid.html See Example below…
-
1
votes3
answers49
viewsA: Stylize each different line
The correct would be using the tag <p> paragraph. <p> The Paragraph element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p .container { margin-left: 4rem; } .container >…
-
2
votes2
answers33
viewsA: Problem creating link to the same screen
When you put position:fixed in some element the content that comes below does not recognize the height of it. so it covers part of the content when you do the "anchoring" To solve this just remove…