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
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
AJ Brommy
@AJ-Brommy
I'm stumped. The problem with a fixed header is that it takes it out of the flow of the document so other elements don't know where it is.