Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Morchid Chellali
@Morched23MJ
I will change those yup. What you mean sub heading? h2?
Oh, but I want the Parallax effect, that's why I used the div
AJ Brommy
@AJ-Brommy
I feel stupid, whats Parallax? lol
Morchid Chellali
@Morched23MJ
Take a look. It's an effect for scrolling
I think I can do the parallax with an img tag. :)
AJ Brommy
@AJ-Brommy
Oh right, I never knew that had a name haha thanks
Morchid Chellali
@Morched23MJ
:D
AJ Brommy
@AJ-Brommy
I'm not sure on the sub heading. Maybe a <span>
It's not really a heading, so much as a bit of detail. I'm not sure what would be correct in this instance :/
Morchid Chellali
@Morched23MJ
https://codepen.io/Morched23MJ/pen/YjbOgw?editors=1100
Why my paragraph is taking more than it should when the screen is smaller than 700px?
AJ Brommy
@AJ-Brommy
if you can add a border to everything like *{ border: 1px solid #FF000; } That will show use exactly what is happening, and may show use the problem
Morchid Chellali
@Morched23MJ
'box-sizing: border-box;' fixed it apparently. :l
AJ Brommy
@AJ-Brommy

But I am wondering if it is this..

about-content {

padding: 20px;
width: 100%;

}
making it essentially 100% "+" 20px

damn i didnt use that properly sorry lol
Hmm... ok
Morchid Chellali
@Morched23MJ
How to include the padding in the width then?
By setting box-sizing to border-box?
AJ Brommy
@AJ-Brommy
Yeah look at this, I just tested it in my tribute page that i just started..
https://codepen.io/pen/
sorry bad link
I think the actual content should have margins instead
AJ Brommy
@AJ-Brommy
https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing that explains it then, now I know what your box sizing was all about hahah
Well I just learned something new and useful! Thanks
Morchid Chellali
@Morched23MJ
No problemo. :D
Morchid Chellali
@Morched23MJ
My fixed navbar is hiding my content. I add a top padding to every element after the first element? Or there is a better solution?
AJ Brommy
@AJ-Brommy

You could do a multi element line like...
/ Padding for boxes to combat being under the fixed menu when page moves upon being clicked for. /

about #services #contact {

padding-top: 50px;

}

I've really got to learn how to use this feature properly lol
Morchid Chellali
@Morched23MJ
That is what I have done, you're saying add padding-top?
AJ Brommy
@AJ-Brommy
You only need it at the top?
Morchid Chellali
@Morched23MJ
It adds extra space that I don't want. For instance, I want the image to fill the height of container, when I add that padding, an extra white space prevents that. :l
AJ Brommy
@AJ-Brommy

or do ..

padding: 50px 0px 0px 0px;

as needed

ahhh
maybe its the container that needs the padding/margin
Add a padding-top: 50px to the #about div, and see that extra space. (I don't want that extra white space, although it fixes the problem, which is navbar hiding my content)
AJ Brommy
@AJ-Brommy
I think you have not set a specific height for the navbar, so therefore we are guessing a padding size?
Morchid Chellali
@Morched23MJ
That's not the problem though.
I don't want that extra white space (which is padding) to fix the issue
Cannot find any other way to fix it
AJ Brommy
@AJ-Brommy
I'm not seeing the problem. I don't see this white space you talk of
Morchid Chellali
@Morched23MJ
You added padding-top to #about?
Of course, you don't see it when you click on the About link, but when you scroll a bit up you see it. :D
AJ Brommy
@AJ-Brommy
ahh same issue as before with padding and margin
or box sizing
yes I think you need the box sizing thing again
Morchid Chellali
@Morched23MJ
I think I made you misunderstand me, lol.
My navbar hides my content when I click on a link, thus adding a padding-top: 50px to every link after the first link, fixes this issue. But, I don't want this solution, it adds extra space that I don't want. :D
AJ Brommy
@AJ-Brommy
I think I understand the problem, just haven't quite understood the solution
Morchid Chellali
@Morched23MJ
Ehm. Adding the padding-top makes the navbar to scroll directly to the content, it hides the padding-top, but we don't need to see the padding-top. That's why it fixes our problem
The fixed navbar is programmed to scroll to the div, but it doesn't push it under, instead it covers the content with its height