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
iso
@iso1048
<div class="container-fluid">

<div class="row"> <!--PARENT DIV ELEMENT-->
<div class="col-md-1 grey-background">
</div>
<div class="col-md-10 black-background">
<h1 class="text-center">- N A M E-</h1>
<!-- BUTTONS-->
<div class="row">
<div class="col-md-4">
<h2 class="text-center">ABOUT</h2>
</div>
<div class="col-md-4">
<h2 class="text-center">PORTFOLIO</h2>
</div>
<div class="col-md-4">
<h2 class="text-center">CONTACT</h2>
</div>
</div> <!-- FOR col-md-10 DIV ELEMENT-->
<div class="col-md-1 grey-background">
</div>
Larry Hawkins
@HawkinsLJ
how do I share the final rendered output? looks like its only letting me share the raw code
iso
@iso1048
Why does the column at the end not have a grey background?
Ashish Patel
@ashishpatelcs
@pshiwakoti1 , you need a different function for button onclick even then. Because the celciusToFarenheit function is called during the page load.
Prakash Shiwakoti
@pshiwakoti1
I see its working on my end
Ashish Patel
@ashishpatelcs
then clicking the button won't make any difference because the values are already set during page load
Prakash Shiwakoti
@pshiwakoti1
oh ok
then what do i do now
I got it thanks
Mois├ęs Man
@moigithub
@HawkinsLJ on the uper right corner there a r a change view button
Ashish Patel
@ashishpatelcs
create a new function for button onclick event. remove the jquery selector for div temp7 from celciustofarenheit function, and add it to new function for button click
Gulsvi
@gulsvi
@gothamknight A div has 0px of height until you give it some content or min-height value in the CSS
iso
@iso1048
@SkyCoder01 but then why does the first column have a grey background?
Muhammad Hasham
@MohammadHasham
what is the advantage/use of using parent element position relative and child absolute.
Gulsvi
@gulsvi
@gothamknight Because it is in a row and the column next to it has height
iso
@iso1048
@SkyCoder01 But the last column is also next to the column that has height. I dont get it
Gulsvi
@gulsvi
Your last column that does not have grey wraps around below the other row and columns @gothamknight
@gothamknight Do this to see, change the HTML for that last column and give it a temporary class name:
<div class="col-md-1 testdiv grey-background"></div>
Now give that class name a border in your CSS:
.testdiv {
  border: 1px solid blue;
}
Lascu Gratian
@gratianl
My second project - http://codepen.io/gratianl/full/KaJQXG/ . What do you think? :)
Gulsvi
@gulsvi
You will see it's just a blue line @gothamknight
image.png
^^ See the blue line below the "About" text, that's your empty div with no height
jdl2017
@jdl2017
Is it possible to add to the invisible <body> tag in CodePen
Ashish Patel
@ashishpatelcs
@jdl2017 , yes through css or javascript
iso
@iso1048
@SkyCoder01 I see. so how do I make the column grey?
Gulsvi
@gulsvi
@gothamknight I'm guessing you want grey on both sides of the black box?
jdl2017
@jdl2017
<body data-spy="scroll" data-target=".navbar" data-offset="50">
How would I add that line?
iso
@iso1048
@SkyCoder01 Yes
Gulsvi
@gulsvi
@gothamknight close your col-md-10 div before your last col-md-1 div
<div class="container-fluid">
  <div class="row">
    <!--PARENT DIV ELEMENT-->
    <div class="col-md-1 grey-background"></div>
    <div class="col-md-10 black-background">
      <h1 class="text-center heading-text">- N A M E-</h1>
      <!-- BUTTONS-->
      <div class="row">
        <div class="col-md-4">
          <h2 class="text-center">ABOUT</h2>
        </div>
        <div class="col-md-4">
          <h2 class="text-center">PORTFOLIO</h2>
        </div>
        <div class="col-md-4">
          <h2 class="text-center">CONTACT</h2>
        </div>
      </div>
    </div>
    <!-- FOR col-md-10 DIV ELEMENT-->
    <div class="col-md-1 grey-background"></div>
  </div>
  <!--PARENT DIV ELEMENT CLOSING TAG-->
</div>
<!-- FOR CONTAINER FLUID DIV ELEMENT-->
Ashish Patel
@ashishpatelcs
@jdl2017, $('body').attr(key, val)
$('body').attr('data-spy', 'scroll');
jdl2017
@jdl2017
@ashishpatelcs Ok got it. Thanks
CamperBot
@camperbot
jdl2017 sends brownie points to @ashishpatelcs :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @ashishpatelcs |http://www.freecodecamp.com/ashishpatelcs
Gulsvi
@gulsvi
@jdl2017 Here's a scroll spy example I made if it helps http://codepen.io/skycoder/pen/KaYQoQ
iso
@iso1048
@SkyCoder01 The following is my full code (i didnt copy/paste the last div's):

<div class="container-fluid">

<div class="row"> <!--PARENT DIV ELEMENT-->
<div class="col-md-1 grey-background">
</div>
<div class="col-md-10 black-background">
<h1 class="text-center">- N A M E-</h1>
<!-- BUTTONS-->
<div class="row">
<div class="col-md-4">
<h2 class="text-center">ABOUT</h2>
</div>
<div class="col-md-4">
<h2 class="text-center">PORTFOLIO</h2>
</div>
<div class="col-md-4">
<h2 class="text-center">CONTACT</h2>
</div>
</div> <!-- FOR col-md-10 DIV ELEMENT-->
<div class="col-md-1 grey-background">
</div>

</div><!--PARENT DIV ELEMENT CLOSING TAG-->
</div> <!-- FOR CONTAINER FLUID DIV ELEMENT-->

@SkyCoder01 have i not already closed by col-md-10 before my last col-md-1?
jdl2017
@jdl2017
@SkyCoder01 That's very helpful
Gulsvi
@gulsvi
@gothamknight No, your col-md-10 is closed after your last col-md-1
If you turn on the "Match Brackets" setting in codepen, it makes it easier to see:
image.png
It should be in the "Editor Options" section of your codepen settings: https://codepen.io/gothamknight/settings/editor
iso
@iso1048
@SkyCoder01 yes it did make it easier to see and i corrected it. Thank you very much.
CamperBot
@camperbot
gothamknight sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 284 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Marco Mazzeo
@Doko85
hey guys, I need a bit of help with jQuery, is anybody available?
Tom
@moT01
@Doko85 whats up