These are chat archives for FreeCodeCamp/Help

29th
Oct 2017
Nick Cleary
@Hijerboa
Oct 29 2017 00:19
Does anyone know how to go about placing text at the bottom right of a div?
I've tried using postion:absolute but that places it at the bottom right of the page, not the div
Conflict
@prusso
Oct 29 2017 01:42
i need opinions: so last year I started on FCC and I got through everything up to JSON APIs and Ajax on the map. Now I’m starting where I left off last year. Do you think I need to go back and start from the beginning or do you think a lot of it will come back to be as I progress from here?
korzo
@korzo
Oct 29 2017 02:04
@Hijerboa You need position: relative on parent element
Manish Giri
@Manish-Giri
Oct 29 2017 02:29
@GitHub-Henry @DarrenfJ @korzo @khaduch @heroiczero @thekholm80 @alexanderkopke ty for your continued service :sparkles:
CamperBot
@camperbot
Oct 29 2017 02:29
manish-giri sends brownie points to @github-henry and @darrenfj and @korzo and @khaduch and @heroiczero and @thekholm80 and @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1684 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
:cookie: 694 | @korzo |http://www.freecodecamp.com/korzo
:star2: 3429 | @khaduch |http://www.freecodecamp.com/khaduch
:star2: 2200 | @darrenfj |http://www.freecodecamp.com/darrenfj
:star2: 1548 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 1967 | @heroiczero |http://www.freecodecamp.com/heroiczero
:cookie: 431 | @github-henry |http://www.freecodecamp.com/github-henry
Jill Lee
@jill-lee
Oct 29 2017 02:35
Need help with columns pls. Why is it moving 2px to the right on the next row?
https://codepen.io/phoenix-burn/full/vWBdVR/
korzo
@korzo
Oct 29 2017 02:41
@phoenix-burn because 2.row is wrapped in .container
@phoenix-burn every next row is wrapped in .container
@Manish-Giri Hi and thanks
CamperBot
@camperbot
Oct 29 2017 02:44
korzo sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6714 | @manish-giri |http://www.freecodecamp.com/manish-giri
Jill Lee
@jill-lee
Oct 29 2017 02:46
@korzo thanks missed that :)
Anthony DeSordi
@desordi3
Oct 29 2017 03:25
Quick question: working on the random quote generator, when you click on the icon the icon moves around when the quotes are generated. I’m trying to get the icon to stay fixed lower on the screen and always stay in that place regardless of how big or small the quote is
If anyone can help me id really appreciate it. I’m not sure if i need to change the dimensions of the div that the text gets generated into or what, i tried position: fixed and absolute positioning but cant seem to get it
korzo
@korzo
Oct 29 2017 03:36
@desordi3 To make it not jump, you have to set fixed height of quote area
Thanh Son Nguyen
@nguyen-thanhson
Oct 29 2017 03:36
@desordi3 you can try the followings: fixing the dimension of the div, or fixing the position of the button
by using: position: fixed or position: absolute and then set top, bottom, left, right
Anthony DeSordi
@desordi3
Oct 29 2017 03:37
will do, thank you guys! @korzo @nguyen-thanhson
CamperBot
@camperbot
Oct 29 2017 03:37
desordi3 sends brownie points to @korzo and @nguyen-thanhson :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @nguyen-thanhson |http://www.freecodecamp.com/nguyen-thanhson
:cookie: 695 | @korzo |http://www.freecodecamp.com/korzo
Henry
@GitHub-Henry
Oct 29 2017 03:44
@Manish-Giri Hello & Thank you
CamperBot
@camperbot
Oct 29 2017 03:44
github-henry sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6715 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anthony DeSordi
@desordi3
Oct 29 2017 03:59
Btw, all I had to do was fix the height of the quote area and worked like a charm. Thanks again guys!
Kyle Holm
@thekholm80
Oct 29 2017 04:05
@Manish-Giri @DarrenfJ @heroiczero ty
CamperBot
@camperbot
Oct 29 2017 04:05
thekholm80 sends brownie points to @manish-giri and @darrenfj and @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1968 | @heroiczero |http://www.freecodecamp.com/heroiczero
:star2: 6716 | @manish-giri |http://www.freecodecamp.com/manish-giri
:star2: 2201 | @darrenfj |http://www.freecodecamp.com/darrenfj
slience.c
@hellc3c
Oct 29 2017 04:05
i have a problem
how to fix the size of a picture
i try to do it by width
but no use
who can help me ?
Ken Haduch
@khaduch
Oct 29 2017 04:08
@hellc3c - how are you trying to do that? Do you have code to show or a codepen link?
slience.c
@hellc3c
Oct 29 2017 04:08
wait a minute

<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image{
width:100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image" src="/images/relaxing-cat.jpg">

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>
<p class="red-text">养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃</p>

i only can copy ..
and the issue inthe .smaller-image
i cannot through the practice,and i don't know why
Ken Haduch
@khaduch
Oct 29 2017 04:15
@hellc3c - is that the "Size your image" lesson?
Thanh Son Nguyen
@nguyen-thanhson
Oct 29 2017 04:17
not sure if this matters, but mind the colon after width in .smaller-image
slience.c
@hellc3c
Oct 29 2017 04:17
yes
@khaduch yes
Ken Haduch
@khaduch
Oct 29 2017 04:18
@hellc3c - one thing that I see that is different between your posted code and mine is that the line with the image has a different src= line - mine looks like this:
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Other than that, and the fact that you have different characters in your paragraphs, it looks like you have the correct code in place?
@hellc3c - and I see what @nguyen-thanhson is saying, that colon after the width: doesn't look like it is showing up properly? Make sure that you really have a colon character there.
slience.c
@hellc3c
Oct 29 2017 04:21
you means the link that i code is wrong?
can you copy your code to me?i want to compare them
@khaduch
Thanh Son Nguyen
@nguyen-thanhson
Oct 29 2017 04:24
width:100px;
notice that the colon : is wrong
slience.c
@hellc3c
Oct 29 2017 04:25
oh ,let me have a try
Ken Haduch
@khaduch
Oct 29 2017 04:25
@hellc3c - I'm going to post my code and use the markdown format for code posting, which should make it show up here in the chat cleanly - basically, to use three backticks ``` on a line separately before and after the code block
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  .smaller-image {
    width: 100px;
  }
  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Thanh Son Nguyen
@nguyen-thanhson
Oct 29 2017 04:25
and : are different, that's why your code doesn't work
Ken Haduch
@khaduch
Oct 29 2017 04:26
you can reset the text in your editor and re-insert the class declaraction and add the attribute to the image, and make sure not to change anything else.
slience.c
@hellc3c
Oct 29 2017 04:26
yeah,i make it
thank you so much
happy to meet you
Ken Haduch
@khaduch
Oct 29 2017 04:27
@nguyen-thanhson - how are you getting the other variation of the colon? Just copying and pasting? Or using a different keystroke?
@Manish-Giri - thanks for the continuous support to helping people in the chat rooms...
CamperBot
@camperbot
Oct 29 2017 04:29
khaduch sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6717 | @manish-giri |http://www.freecodecamp.com/manish-giri
Thanh Son Nguyen
@nguyen-thanhson
Oct 29 2017 04:31
@khaduch yeah I copied and pasted from his code
Ken Haduch
@khaduch
Oct 29 2017 04:31
@nguyen-thanhson - okay - thanks for the info. It was not easy to notice that change, good work!
CamperBot
@camperbot
Oct 29 2017 04:31
khaduch sends brownie points to @nguyen-thanhson :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @nguyen-thanhson |http://www.freecodecamp.com/nguyen-thanhson
khaduch @khaduch - signing out for the night... happy coding everyone!
heroiczero
@heroiczero
Oct 29 2017 09:29
@khaduch @alexanderkopke @GitHub-Henry @Manish-Giri @thekholm80 @daddycardona @korzo @longnt80 @sjames1958gm @DarrenfJ thanks to the regulars
CamperBot
@camperbot
Oct 29 2017 09:29
heroiczero sends brownie points to @khaduch and @alexanderkopke and @github-henry and @manish-giri and @thekholm80 and @daddycardona and @korzo and @longnt80 and @sjames1958gm and @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 432 | @daddycardona |http://www.freecodecamp.com/daddycardona
:star2: 3430 | @khaduch |http://www.freecodecamp.com/khaduch
:star2: 2202 | @darrenfj |http://www.freecodecamp.com/darrenfj
:cookie: 697 | @korzo |http://www.freecodecamp.com/korzo
:cookie: 432 | @github-henry |http://www.freecodecamp.com/github-henry
:cookie: 622 | @longnt80 |http://www.freecodecamp.com/longnt80
:star2: 1685 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
:star2: 1549 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 6718 | @manish-giri |http://www.freecodecamp.com/manish-giri
:star2: 8627 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
Henry
@GitHub-Henry
Oct 29 2017 10:02
@heroiczero hello & thank you
CamperBot
@camperbot
Oct 29 2017 10:02
github-henry sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1970 | @heroiczero |http://www.freecodecamp.com/heroiczero
ADIL KARMO
@mrdevy17
Oct 29 2017 10:20
Guys . Is there any difference between 'mode' and 'Permission' in PHP ?
Bhoomi Khanderia
@bhoomikhanderia
Oct 29 2017 11:23
Hi Everyone!
How can I do the animation that is there on the play button of video on this page:https://www.animalsinternational.org/take_action/live-export-global/
Momozor
@momozor
Oct 29 2017 14:49
@Bhoomi-Github I suggest to look at the source code view-source:https://www.animalsinternational.org/take_action/live-export-global/
Copy above into your browser address bar
David Chen
@Obiwan777
Oct 29 2017 18:15
@korzo thank you I will try when I got hime
CamperBot
@camperbot
Oct 29 2017 18:15
obiwan777 sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 700 | @korzo |http://www.freecodecamp.com/korzo
gishy1
@gishy1
Oct 29 2017 21:37
image.png
this is driving me mad
Stephen James
@sjames1958gm
Oct 29 2017 21:41
@gishy1 You are way overthinking it. No arrays are needed. You need to structure the if / else if / else
to match the instructions. You need to somewhere check if str.length <= num - in that case you don't truncate
gishy1
@gishy1
Oct 29 2017 21:41
@sjames1958gm im trying out different methods
Stephen James
@sjames1958gm
Oct 29 2017 21:44
@gishy1 ok
gishy1
@gishy1
Oct 29 2017 21:45
@sjames1958gm so i should match str.length====num first
Stephen James
@sjames1958gm
Oct 29 2017 21:46
@gishy1 Not === but <==
Truncate a string (first argument) if it is longer the opposite of longer is <== less than or equal
gishy1
@gishy1
Oct 29 2017 21:47
@sjames1958gm what operator is that ate
Stephen James
@sjames1958gm
Oct 29 2017 21:47
@gishy1 <== is less than or equal
gishy1
@gishy1
Oct 29 2017 21:47
not <= ?\
Stephen James
@sjames1958gm
Oct 29 2017 21:48
Umm, now that you say that, oops <= is correct, sorry
gishy1
@gishy1
Oct 29 2017 21:48
@sjames1958gm typical chelsea fan
:smile:
Stephen James
@sjames1958gm
Oct 29 2017 21:50
@gishy1 Ouch :)
gishy1
@gishy1
Oct 29 2017 21:51
@sjames1958gm dont worry atleast youll win the league :worried:
Stephen James
@sjames1958gm
Oct 29 2017 21:55
@gishy1 Man City looks unstoppable.
alpox
@alpox
Oct 29 2017 22:35
@sjames1958gm You did too much javascript man :D see at leat 2 == everywhere :D