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
JD Tadlock
@jdtdesigns
@AdelMahjoub didn't do the game
sorry :/
Adel
@AdelMahjoub
@jdtdesigns np, I'm using rot.js random map generator, wanted to check others, since there are not a lot written in javascript
Tyler Moeller
@TylerMoeller
@ghulamshabir there is no .article CSS in your pen or any dynamically generated HTML ;)
I see one form element get created when clicking on the icon
JD Tadlock
@jdtdesigns
@AdelMahjoub you may want to see if @TylerMoeller did the game challenge
Tyler Moeller
@TylerMoeller
Never did the dungeon crawler either
Adel
@AdelMahjoub
I found this dungeon generator, but it is written in perl http://donjon.bin.sh/5e/dungeon/
Ghulam Shabir
@ghulamshabir
@TylerMoeller yes I realized that, it's codepen which does not have my current work i don't know why, I even changed to manual saving the work but save button is not displayed
Tyler Moeller
@TylerMoeller
.sh = saint helena? That's a new one for me :)
Adel
@AdelMahjoub
this is what I did so far, but I think I'll just use rot.js map generator, and use a different render https://codepen.io/SultanCodeCamper/full/NdjyWq/
it moves and console the current target
Ghulam Shabir
@ghulamshabir
@TylerMoeller @yonichanowitz I think this link should have my current work https://codepen.io/anon/pen/bgrNjO?editors=1111
Tyler Moeller
@TylerMoeller
@ghulamshabir The padding-top works for me in your CSS with that pen
Nevermind... misunderstood - let me take a closer look
Ghulam Shabir
@ghulamshabir
@TylerMoeller I want to have top padding as well as margins between every divs vertically but having top padding causes the background to overlap other divs for some reason
Tyler Moeller
@TylerMoeller
@ghulamshabir I think what you're hitting here is a case of collapsing margins: https://www.w3.org/TR/CSS21/box.html#collapsing-margins
The fix is to use margins in addition to the padding properties you want.
One of many fixes, anyway
Ghulam Shabir
@ghulamshabir
@TylerMoeller thanks alot, I really appreciate your help, you helped me before and this time again. :clap: thank you I will follow the link you gave me.
CamperBot
@camperbot
ghulamshabir sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1395 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
JD Tadlock
@jdtdesigns
@ghulamshabir Seems as simple as adding
.article {
  margin-bottom: 10px;
}
Tyler Moeller
@TylerMoeller
This is also a great read for lots more detail on the topic: https://www.sitepoint.com/web-foundations/collapsing-margins/
Ghulam Shabir
@ghulamshabir
@jdtdesigns I have tried that but it causes overlapping of background colors of div so it appears as if I have put all my paragraph into only one div
Tyler Moeller
@TylerMoeller

@ghulamshabir Also, this line:

$('#wiki').append($('<div class="article"><h2>'+pages[i].title+"</h2><p>"+pages[i].extract+"</p>"));

doesn't need the $( in it and it's missing a closing </div>

JD Tadlock
@jdtdesigns
@ghulamshabir Not following you. It works fine in google and firefox.
Ghulam Shabir
@ghulamshabir
@jdtdesigns I am using chrome
@TylerMoeller yeah I used $( to try if that may help I will remove it
Tyler Moeller
@TylerMoeller
I see, just out of curiosity, have you tried using template literals yet? Makes it a little easier for dynamic HTML, IMO:
          $('#wiki').append(
            `<div class="article">
              <h2>${pages[i].title}</h2>
              <p>${pages[i].extract}</p>
            </div>`
          );
Just started using it more and seems to help, at least for me
Ghulam Shabir
@ghulamshabir
no I haven't, I have just read about it on the internet but could not understand what is it but your code snippet made it clear :smile: thanks again
Sorin Ruse
@sorinr
@sbxn14 :point_up: January 24, 2017 6:57 PM
JD Tadlock
@jdtdesigns
@ghulamshabir Here's an example of a simple approach to creating spacing http://jsbin.com/raneyi/edit?css,js,output
Brandon Armstrong
@calmcoolcollected
Could someone help me with my pomodoro clock? Right now the problem is that when the clock switches to the break time ("Relax"), I can't seem to pause the clock (done by clicking the big button) and then clicking it again makes it go faster. There's something wrong with the break interval but I can't seem to figure it out. Possibly a scope problem or things being out of order? http://codepen.io/brandon327/pen/mREZaN/?editors=0010
Ghulam Shabir
@ghulamshabir
@jdtdesigns thanks for helping me I will definitely look into it :smile: thanks alot
CamperBot
@camperbot
ghulamshabir sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 882 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Ghulam Shabir
@ghulamshabir
@jdtdesigns it looks like you have typed all that just for me to solve my problem because I am seeing most of code similar to mine :smile: thank you
CamperBot
@camperbot
ghulamshabir sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: ghulamshabir already gave jdtdesigns points
clydrampage
@clydrampage
how should I start building my personal portofolio webpage?
I forgot almost everything i learned in tutorials
JD Tadlock
@jdtdesigns
@ghulamshabir Tried to make it as understandable as possible
Ghulam Shabir
@ghulamshabir
@jdtdesigns it's neat and clean code I am loving it
clydrampage
@clydrampage
any recommendation?
Ghulam Shabir
@ghulamshabir
@jdtdesigns oh it means you did it for me :smile: millions of thanks to you
CamperBot
@camperbot
ghulamshabir sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: ghulamshabir already gave jdtdesigns points
JD Tadlock
@jdtdesigns
@clydrampage Look up tutorials on html, css. There's plenty on youtube
You can also take free interactive courses like codecademy.com