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
Chris Hinton
@hintcj
@khaduch I was thinking it was a margin, too. I'm trying to go through the inspector on chrome and see whats affecting it
Ken Haduch
@khaduch
@hintcj - it is definitely your .btn-default. If you need to provide some separation between the buttons, you could change it to margin-top and margin-bottom so it doesn't have that margin all the way around. The btn-group-vertical is also adding some extra styling like the rounded corners. You can define your own styling to make that grouping.
Chris Hinton
@hintcj
@khaduch Okay yeah, that's definitely it. I'm going to remove it and then create my own class to get rid of the problem
@khaduch Thanks for the help!
CamperBot
@camperbot
hintcj sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star: 608 | @khaduch | http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
@hintcj - you're welcome. Hope you get it all shaped up as you want it! Have a great day!
John Otu
@johnotu

Guys, what would be the best idea to arrange a JSON that will carry grocery data for a store in such a manner that the price and quantity of each item can be easily updated? I have tried:

var goodsInStock = {
    beverages: {
        coffee: {Nescaffe:[20, 200], ReCaffe[10, 300]},
        tea: {Lipton:[5, 50], richTea:[3, 45]},
        juice: {ribena:[4, 200], fivealive[3, 300]},
        softDrink: {},
        other: {}
    }
}

but it doesn't seem to work. Displaying the goodsInStock object shows the array of quantity and price as "object"

Amir Ghafouri
@amirghafouri
Trying to get my drop down menu to sit on the same row as my h1 element... help? Tried messing around with display: inline-block; but not sure if I'm making a mistake with CSS selector syntax or wrong approach entirely. Maybe just use bootstrap row? Would still like to hear how to do it with inline-block if possible..
http://codepen.io/amirghafouri/pen/ONJZoZ
Dustin
@Key-Banger

@amirghafouri you can use a span like so:

<h1><span><button class="btn btn-primary dropdown-toggle inline" type="button" data-toggle="dropdown">select category <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li class="dropdown-header">Gaming</li>
          <li><a href="#">FIFA 16</a></li>
          <li><a href="#">League of Legends</a></li>
          <li><a href="#">Poker</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Creative</li>
          <li><a href="#">Art</a></li>
          <li><a href="#">Coding</a></li>
          <li><a href="#">Music</a></li>
        </ul></span>TWITCH STREAMERS</h1>

You will also need to adjust the width of your content class because the button and h1 are wider then the content.

@amirghafouri alternative with css is to add this to css and then give each element that class:
.inline {
  display: inline-block;
}
Amir Ghafouri
@amirghafouri
@Key-Banger Thanks
CamperBot
@camperbot
amirghafouri sends brownie points to @key-banger :sparkles: :thumbsup: :sparkles:
:star: 317 | @key-banger | http://www.freecodecamp.com/key-banger
shameem fairooz
@sfshameem5
Does anyone have an idea as to how i should build the tribute page?
It's the first project in front end
max77p
@max77p
can someone help me figure out why i have a white line beside my blockquote in this codepen?
need it to be grey
AliciadW
@AliciadW
@max77p you didn't specify the colour in the css
max77p
@max77p
for blockquote?
Azrul Zulkifli
@azrulnaut
@max77p That white line is the default styling for blockquote by Bootstrap
AliciadW
@AliciadW
@max77p yes
AliciadW
@AliciadW
add something like this:
blockquote{
border-left: 10px solid red;
}
max77p
@max77p
ohh ok, thanks! had no idea! thought it was something wrong with my grid lines @AliciadW @azrulnaut
CamperBot
@camperbot
max77p sends brownie points to @aliciadw and @azrulnaut :sparkles: :thumbsup: :sparkles:
:star: 319 | @aliciadw | http://www.freecodecamp.com/aliciadw
:star: 280 | @azrulnaut | http://www.freecodecamp.com/azrulnaut
AliciadW
@AliciadW
HI all. Could someone please have a look at my code and tell me why it doesn't work? Been at it for some time now so I might be missing something small or huge... http://codepen.io/AliciadW/pen/ONLQey?editors=1010
Gordon Davidescu
@gordondavidescu
Hi all! I have tic tac toe nearly done. there's ONE weird problem. if a couple of moves are done, for some reason, the far right middle tile can't be clicked anymore for player move.
oops just found a reason
yup. I was accidentally reading square 6 from the square 4 data. :O
Andrew Perrin
@Pezz18
hi all, have any of you completed the weather app challenge yet?
mhm
@mierea
@mattxgreen late thank you for pointing the bug in my code
CamperBot
@camperbot
mierea sends brownie points to @mattxgreen :sparkles: :thumbsup: :sparkles:
:star: 51 | @mattxgreen | http://www.freecodecamp.com/mattxgreen
Bruce Young
@mutantspore
@AliciadW you are using a Form and upon submit it causes a page reload. to fix it you can make it not do the default action
$("#wikiSearch").on("click", function(e) { e.preventDefault();
Thomas Honeyman
@thomashoneyman
Hey guys! Weather app is nearly done, but I’m struggling with the order my functions are running in so I can display different temperatures to users when they click the buttons. Everything is working except for that. Any thoughts on this?
max77p
@max77p
i am trying to create horizontal line in black under my container, but i can't seem to get it there can someone help please?
dcjuju
@dcjuju
did you try <hr> @max77p ?
max77p
@max77p
@dcjuju yes actually figured it out, you can't put color:black you have to do border-color:black
dcjuju
@dcjuju
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #000;
margin: 1em 0;
padding: 0;
}
@max77p you can try to put background-color:black;
and a height:@1px; @max77p

like this @max77p

hr{}