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
Carl
@carlm7
@neille2406 Images? My page doesn’t have any at the mo
Aman saxena
@neille2406
sorry @carlm7 try padding that would help
kat-mag
@kat-mag
@koolhany padding/margin on your container. Padding on the footer, padding/margin on the image. Not set width of 100%... take your pick xD
koolhany
@koolhany
@kat-mag are these all the potential reasons that could be stopping it from being full width?
kat-mag
@kat-mag
@carlm7 set padding-top on body. And FIX YOUR TAGS! unclosed, mixed
@koolhany these are the reasons.
@koolhany if you go into devtools and inspect your footer... U get padding on your img, p. U go up & discover padding/margin on your container. U fix it. Then it works, kinda. Buuuut. Then you should see that the footer img is not full width, so you go and set it to 100%;
at least that's how you should debug this thing :P
Carl
@carlm7
Thanks @kat-mag ;)
CamperBot
@camperbot
carlm7 sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 407 | @kat-mag |http://www.freecodecamp.com/kat-mag
koolhany
@koolhany
@kat-mag Okay this makes sense now, I can fix it. Thank you!!
CamperBot
@camperbot
koolhany sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 408 | @kat-mag |http://www.freecodecamp.com/kat-mag
kat-mag
@kat-mag
@koolhany no problem. Devtools should be your new friend :P
Carl
@carlm7
@kat-mag My padding-top is set on the body. All my tags are closed to? Unless I’m missing something
I find it hard working with bootstrap because I don’t know what the elements are going to
do
Oh the trailing <ul> ;)
kat-mag
@kat-mag
ul & nav ;p
but, crap. That navbar just doesn't want to cooperate
@carlm7 ok, change it to navbar-static-top. It supposedly fixes the issue ;D
just remember to remove that body padding
Carl
@carlm7
@kat-mag Haha ok, no scrolling nav bar for me
djangoearnhardt
@djangoearnhardt

Hello :) I am attempting to convert F to C by the use of a button in my weather app. I thought I had it worked out, but I’m getting an unexpected identifier in my code, and I can’t work out what’s preventing the conversation. Can anyone help?
http://codepen.io/djangoearnhardt/pen/woMdpX
My function:

$('.toggle')on('click', function(){
$('.temp').html('<p>' + convertC + '&deg C</p>’);

My variables:

var tempF = Math.floor(((temp * (9/5)) - 459.67));
var convertC = (tempF -v32) * (5/9);
kat-mag
@kat-mag
@djangoearnhardt ehhh ;d
@djangoearnhardt dot. Man. U NEED A DOT ;d
$('.toggle').on('click', function(){
aaand you're missing a ; after your array
djangoearnhardt
@djangoearnhardt
@kat-mag lol thank you very much!!!
CamperBot
@camperbot
djangoearnhardt sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 409 | @kat-mag |http://www.freecodecamp.com/kat-mag
kat-mag
@kat-mag
@djangoearnhardt took me a while to see that -.- i'm getting blind probably ;D
Ethan
@k3rb3r0us
Any tips on starting a blank web page? Having a sort of writers block and can't seem to remember the basics I just learned. I'm working on the "build a tribute page"
djangoearnhardt
@djangoearnhardt

Since I added

$('.toggle')on('click', function(){
$('.temp').html('<p>' + convertC + '&deg C</p>’);
My variables:
var tempF = Math.floor(((temp * (9/5)) - 459.67));
var convertC = (tempF -v32) * (5/9);

my page is behaving weird. I guess my actions are out of order now.

It won’t display the three API values I had previously defined...
Ian Duke
@1andee
@k3rb3r0us Maybe check out what other Campers made, for some inspiration? http://codepen.io/search/pens?q=tribute+page
kat-mag
@kat-mag
@k3rb3r0us set up your html tags. Get a heading, main content, footer... Then try to fill them up with something ;p
Ethan
@k3rb3r0us
Thanks @ianduke @kat-mag
Tyler Moeller
@TylerMoeller
@djangoearnhardt Remove the v from in front of the 32 on line 6. In your toggle click function, use indexOf to see if it is already displayed as F or C first. Then you know which temperature to switch to.
On toggle click, if temperature contains "F", display convertC, else display tempF
Aaron Bell
@awb715
okay
djangoearnhardt
@djangoearnhardt
thanks again @TylerMoeller
CamperBot
@camperbot
djangoearnhardt sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 925 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Carl
@carlm7
What’s the best way to vertical align my menu in the middle so it’s level with my logo text? I could adjust the margin on the h1 tag by boot strap but that is cheating http://codepen.io/carlm7/pen/GNpvrZ
Ian Duke
@1andee
@carlm7
.nav > li {
  padding-top: 15px;
}
@carlm7 That's one way
Carl
@carlm7
@ianduke I was hoping to avoid using padding and just use a rule that would center it relative to where it is in it’s div
@ianduke Is there a way to set col-md-6 div height as 100% and then vertical align the contents of it
Ian Duke
@1andee
@carlm7 You could maybe try style="vertical-align:middle;"