Posts by hugocsl • 65,517 points
1,996 posts
-
2
votes1
answer390
viewsA: DIV exiting the screen
This effect uses box-shadow yes, but also uses transform:scale(1.2); See this Snipper for an example: * { box-sizing: border-box; } html, body { width: 100%; height: 100%; margin: 0; padding: 0; }…
-
1
votes1
answer293
viewsA: All tabs appearing when updating page materialize
Monroe if you notice Materialize’s own website if you give a F5 in the Tabs documentation you will see that by then this Bug appears. http://materializecss.com/tabs.html But I noticed that if you…
-
1
votes1
answer163
viewsA: Different checkbox and radio button position in internet explorer
Young man I switched the position:absolute for position:relative and it worked. But notice that I switched right into the tag <input> using a style="" as the . form-check-input class can be…
bootstrap-4answered hugocsl 65,517 -
1
votes1
answer80
viewsA: Problem in the Hover effect with Less
Kirito the best option I could find for your case was to create a ::after with the color you want to make the overlay. When you wear one background-color on the tag <img> you won’t be able to…
-
3
votes2
answers1289
viewsA: What kind of measure used when building a site for width, height etc...?
About the width of the sites, they are usually defined by the @Medias, But don’t stick to magic numbers. I’ll give you several examples from my point of view. First, there is an official…
-
2
votes1
answer774
viewsA: Change image by clicking, when clicking again return to initial image
Isa made this very simple template just so you understand the dynamics. All in CSS But I had to trade your two <span> for <input> and a <label> using ::before So you can click on…
-
1
votes1
answer3724
views -
2
votes2
answers931
viewsA: Materialize CSS - sticky label at the top
Version 1.0.0 (most recent) In the most current version of Materialize to leave the label at the top just add in the class active, for example <label class="active" for="first_name">Label…
-
0
votes1
answer501
viewsA: Doubt about zooming in Media Query
The first step would be to put the meta viewport in the <head> of the page to avoid any problem of scaling the elements and page on the device screen. In the viewport it is also advisable to…
-
2
votes3
answers657
viewsA: Changing the pointer on a bootstrap-datepicker
I made it a little different from the DVD, because when the cursor looks like Pointer the whole time it seems that everything is clickable, but not everything has click. So I put the cursor:default;…
-
0
votes1
answer1121
viewsA: Table in Bootstrap hiding buttons
Lucas I don’t know if this solution suits you because I don’t know how the system should work for a good experience. But I got a solution for you. Option 1 With this option you can leave the fixed…
-
2
votes2
answers582
viewsA: CSS with custom list-style-type on awesome fonts
How about using the pseudo elemente ::after? First you take the style-list default of the Browser, then with the ::after you make a Bullet customized. Notice that the no ::after I use the…
-
1
votes1
answer122
viewsA: HTML5/CSS3 slides - Background does not change
I am putting the answer just so you see that it is working well exchanging 3 images per element. I just cut back on the CSS for easy reading. Look at the code below working and compare with your, if…
-
0
votes2
answers6278
viewsA: Spacing between images
I believe the best way is to use the default class .row of Bootstrap outside your BOX and put in it a margin CSS <style> .row { margin-top: 15px; margin-bottom: 15px; } </style> HTML…
twitter-bootstrapanswered hugocsl 65,517 -
2
votes2
answers368
viewsA: How to put this kind of Hover?
I did putting one line-height: 48px; on the link, this value is relative to the height of the menu which is 58px. And I set a padding: 0 12px; in the <ul>to the line-height not exceed father’s…
-
4
votes1
answer118
viewsQ: CSS must be Shorthand or Longhand
Fine tune which is the right practice, use CSS with Shorthand or Longhand? I looked, but I couldn’t find a definitive answer... When we declare the class with Shorthand we are saying that all other…
-
1
votes1
answer1112
viewsA: Overlay Div with Navbar
To use the z-index your <div> must have a position set, in case Navbar has the z-index:0 for default, then to play the div azul down I put in her position: relative; and z-index: -1; and used…
-
2
votes2
answers3273
viewsA: Carousel Bootstrap does not work
Your problem is that you are using the Bootstrap 3, but with the Cdns of Bootstrap 4 And as Caique said the idea is that jQuery comes before Bootstrap JS. This is your Head: bootstrap/4.0.0/css…
-
1
votes1
answer545
viewsA: Require login to access wordpress site
Direct option inside the Theme. In the functions.php of your theme put this code. Project link on Github: https://github.com/kevinvess/wp-force-login $url = isset( $_SERVER['HTTPS'] ) &&…
-
1
votes1
answer146
views -
2
votes1
answer630
viewsA: Label no Bootstrap
I believe that’s what you needed. I had to make some adaptations to your CSS and HTML as well. Because to use CSS that way <input> has to come first and then the <label> Run the Snippet…
-
2
votes2
answers972
viewsA: Link to React Native phone
I don’t know if it’s your case, but doing it this way with href="tel:999999999" you get the Browser from smartphone recognize the number as a phone number. See examples <span…
-
1
votes1
answer127
viewsA: Plugin similar to quiz
From what I understand you need something called Multi Step Form or Form Wizard In this type of Form the fields of filling will appear in stages. Here are some objections to plugins Wordpress. But…
-
0
votes2
answers1683
viewsA: How to center the image?
Your problem is in class .soon, just take out display:inline-block; .logo { /* display:inline-block; */ text-align:center; padding: 20px 0px 0px 0px; } <!DOCTYPE html> <html>…
-
0
votes4
answers5885
viewsA: How to smooth the font with CSS in Chrome?
You can try some new CSS3 techniques and classes First I’ll start with the technique of Filter:Blur(), because no one has mentioned it yet. (Doesn’t work on IE just Edge) Here are the results with…
-
0
votes2
answers735
viewsA: Source with low html quality
You can try some new CSS3 techniques and classes First I’ll start with the technique of Filter:Blur(), because no one has mentioned it yet. (Doesn’t work on IE just Edge) Here are the results with…
-
0
votes1
answer256
viewsA: Is it possible to place an image inside the progress bar?
Yes it is possible you have to work with the class .progress-bar-striped and overriding Bootstrap’s default values. To leave only one image at the end of the bar where it goes completing just put…
-
0
votes1
answer1273
views -
1
votes2
answers4011
viewsA: Show and IDE jquery effect
I think you have to wear it like this: $(this).find $('.icon-edita').click(function(){ $(this).find('.Box_editor').addClass(".slow"); return false; }); Name the classes. This way when you click on…
-
0
votes1
answer158
viewsA: I can’t seem to get him horizontal
To move as little as possible in your CSS I used the property display:inline-flex; and adjusted the margins in two classes, thus: /* Tirei o Display:Block */ .menu ul li:hover > ul{ display:…
-
0
votes1
answer122
viewsA: htaccess redirect 301 URL that does not exist
Try this way it should work. Redirect 301 /meudominio.com/datacenters.html http://meudominio.com/data-centers.html Another example: 301 redirect with . htaccess redirect 301…
-
1
votes1
answer1155
viewsA: Hack CSS to work only on Internet Edge
Where you wrote _: - ms-lang (x), ... Should be with the - glued to the ms- thus: _: -ms-lang (x), ... To use CSS as per your question and work has to be this way: (Edge 15 worked smoothly)…
-
5
votes3
answers779
viewsA: Print page with Background
You have to create a print-only CSS using Media Query Print, as below: /*CSS para impressão*/ @media print { } One rule option you can make to have no problem with Background is to place the image…
-
2
votes2
answers183
viewsA: I cannot create a Modal with html
Here is an example of Modal only with CSS and HTML, is very simple, but can give you a light. Gives a studied in the code: body { color: #333; font-family: 'Helvetica', arial; } .wrap { padding:…
-
1
votes1
answer152
viewsA: I can’t leave the menu bar properly
Your problem leading is in that CSS: div .intro{ margin-left: 494px; margin-top: 258px; } But when removing it your Form will be misaligned and you will need to use another class to align it again.…
-
3
votes3
answers1222
viewsA: Bootstrap grid not working!
Lucas I think you’re getting a little confused between the Classes of Bootstrap3 and Bootstrap4, it’s not your fault, because sometimes we search in Google and click on the link without noticing in…
-
1
votes3
answers563
viewsA: How to give the "modal" effect on a div?
Here is an option. But you need to create an event to give a displat:none; in <div class="overlay"> when the bar completes. I disabled the Submit button with tabindex="-1" to not be able to…
-
1
votes2
answers1211
viewsA: Caption with CSS mouseover
I had to make some adjustments to your CSS, but I didn’t touch the HTML. I left it all in the CSS. Now the overlay black does not exceed the parent element as I am using the function calc() CSS to…
-
1
votes3
answers248
viewsA: How do you make the edges of a div transparent?
Pretty sure it was done with background-image: linear-gradient Check on the Snippet: html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { background:…
-
3
votes3
answers431
viewsA: How to line up div next to two Rows?
I managed to do with transform: translateY. I created the . vertical class, and put in the <div> that you want to align vertically. .vertical { transform: translateY(50%); } Run the Snipper on…
-
3
votes2
answers132
viewsA: How to do SEO in practice
I will give more comprehensive answers as it is impossible to answer all this without Reference links for you to delve further. In a dynamic site, like a blog, whenever I create a post I have to…
-
1
votes1
answer577
viewsA: Create a sub menu using bootstrap with an indicator
Follows a model using pseudo-element ::before Since you don’t have CSS in the question I just used this template as a reference. Most likely you will need to treat the alignment of it in your CSS.…
-
0
votes3
answers334
viewsA: Problem in image rendering
Circular images often have this problem when compressed, mainly because there is no "half pixel". Note the images below. Images on high pixel density panels, such as Apple’s Retina panel Browser…
-
0
votes2
answers1977
viewsQ: HTML - Why use, or not use, " /> " to close tags without content?
I noticed that it is common to see some tag elements of the type Void with the closing /> Ex: <br /> <hr/> <meta name="twitter:domain" content="pt.stackoverflow.com"/> And right…
-
1
votes1
answer4785
viewsA: CSS - Hide a part of text
For text boxes with more than one line and only with CSS you can do so. In this option the "..." are inside the Textbox. (this option may depend on fine tuning in the padding to suit your taste and…
-
3
votes2
answers1799
viewsA: Dashed line only css?
To do with linear-gradient .linha { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #48958C; font-size: 2.5rem; position: relative; } .linha::after { content: ''; position:…
-
0
votes1
answer1337
viewsA: How to remove the white bar from the background?
There were some errors in your CSS. First do not use Body before HTML body, html { width: 100%; height: 100%; font-family: Arial, Tahoma, sans-serif; } According to his Header was bigger than Body,…
-
1
votes2
answers1396
viewsA: Specify Modal Size
You have to override in class <div class="modal-dialog"> bootstrap. .modal-dialog { width: 400px !important; /* aqui vc coloca a largura que deseja */ margin: 30px auto; } Kind of:…
-
4
votes1
answer172
viewsA: Text around image/round div
You will need to use the property shape-outside but it only works on some browsers as you can see here: https://caniuse.com/#search=Shape-Outside Documentation W3C:…
-
1
votes3
answers96
viewsA: How to hide a text being bigger than my Div
Use text-overflow: ellipsis; and white-space: nowrap; will limit your text to just one line. For multiple lines will not work. If you want to suck the 3 dots in texts with more than one line see how…