These are chat archives for FreeCodeCamp/Help

29th
Aug 2016
Moisés Man
@moigithub
Aug 29 2016 00:00
inside the style block.. probably as part of a selector @captain-stoned
Joshua Doyle
@captain-stoned
Aug 29 2016 00:00
ty
zelda12
@zelda12
Aug 29 2016 00:01
hello, i need help. where do I put this code
<style>
.smaller.image {
width: 100px;
}
</style>
Moisés Man
@moigithub
Aug 29 2016 00:01

@jcole217

<script> 
  // code here
</script>

move ur $(document).... etc

Jlixerkun
@jlixerkun
Aug 29 2016 00:02
@zelda12 right at the beginning
Boris
@Boris1011
Aug 29 2016 00:02
@zelda12 right at the top of your code!!!
zelda12
@zelda12
Aug 29 2016 00:02

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

<style>
.smaller.image {
width: 100px;
}
</style>
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

<img src ="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

Jacob
@jcole217
Aug 29 2016 00:02
thank you @moigithub !!!
CamperBot
@camperbot
Aug 29 2016 00:02
jcole217 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2045 | @moigithub |http://www.freecodecamp.com/moigithub
zelda12
@zelda12
Aug 29 2016 00:02
it didn't work?
Moisés Man
@moigithub
Aug 29 2016 00:03
@zelda12 u only need 1 style block
zelda12
@zelda12
Aug 29 2016 00:03
i am just trying to make the image smaller
Boris
@Boris1011
Aug 29 2016 00:03
@zelda12 you have 2 style elements, you only need 1.....!!
zelda12
@zelda12
Aug 29 2016 00:03
ok
ty
Blackie Ray
@8lackie
Aug 29 2016 00:04
not understanding where "Give your form element the id cat-photo-form."
Moisés Man
@moigithub
Aug 29 2016 00:05
@zelda12 and i think .smaller.image should be .smaller-image ?? with dash instead ? (dont remember)
Blackie Ray
@8lackie
Aug 29 2016 00:05
Where it goes as well
Moisés Man
@moigithub
Aug 29 2016 00:05

@8lackie attributes goes inside the open tag
ie:

<TAG id="someID" class="class1 class2" otherAttribute = "value"> </TAG>
of course TAG can be anything.. h2, form, input, p, div etc...

Blackie Ray
@8lackie
Aug 29 2016 00:06
@moigithub of h2?
Jlixerkun
@jlixerkun
Aug 29 2016 00:06
@8lackie You give the <form id="cat-photo-form">
then you can style within the <style>.....</style> block
use the id selector there like this #cat-photo-form{ ..... }
Blackie Ray
@8lackie
Aug 29 2016 00:07
holy moly
i'm lost
Moisés Man
@moigithub
Aug 29 2016 00:08

on ur code u should have a form element.. like

<form>
   // more lines here
</form>

soo u need to add to the open tag.. an attribute named id
with a value "cat-photo-form"

Blackie Ray
@8lackie
Aug 29 2016 00:08
yes
Moisés Man
@moigithub
Aug 29 2016 00:09

so it ends like this

@8lackie You give the <form id="cat-photo-form">

Blackie Ray
@8lackie
Aug 29 2016 00:09
ok
zelda12
@zelda12
Aug 29 2016 00:09
i am so confused. the directions says to make a class and use it to resize the image
Blackie Ray
@8lackie
Aug 29 2016 00:09
not h2 id?
Moisés Man
@moigithub
Aug 29 2016 00:10

@8lackie nope.. cuz the instruction says

"Give your form element the id cat-photo-form."

form element is this <form>
h2 is something else
zelda12
@zelda12
Aug 29 2016 00:10

<link href="https://fonts.googleapis.com/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;
}
</style>

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

<img src ="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

Blackie Ray
@8lackie
Aug 29 2016 00:11
@moigithub ok I think I get it ....for the time being anyway Thank you!
CamperBot
@camperbot
Aug 29 2016 00:11
8lackie sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2046 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Aug 29 2016 00:11
@zelda12 so..umm everything should be red ?? (have red-text class ? )
zelda12
@zelda12
Aug 29 2016 00:12
yea, i am only on the 23rd lesson
just learning
Moisés Man
@moigithub
Aug 29 2016 00:12
exercises dont have a number.. the number on ur screen refer to the brownie points u have
which can be increasing.. when some1 thanks you
or u finish a challenge
zelda12
@zelda12
Aug 29 2016 00:12
oh
i see
Moisés Man
@moigithub
Aug 29 2016 00:14
soo.. which exercise name u at ? :)
zelda12
@zelda12
Aug 29 2016 00:14
I just can't figure out where to put this code to make the cat image smaller
Moisés Man
@moigithub
Aug 29 2016 00:14
cat.. ok
u need to create a class then apply the class to the <img> element
Myron Walters
@mwalters13
Aug 29 2016 00:15
Is it ok to reference other people code?
zelda12
@zelda12
Aug 29 2016 00:15
lesson 5
Moisés Man
@moigithub
Aug 29 2016 00:17
is "Size your Images" ?? @zelda12
zelda12
@zelda12
Aug 29 2016 00:18
yes
Divya Rani
@Divya063
Aug 29 2016 00:18
What is wrong in this code?

function switchOfStuff(val) {
var answer = "";
// Only change code below this line

switch(val){
case "a":
val="apple";
break;
case "b":
val="bird";
break;
case "c":
val="cat";
break;
default:
val="stuff";}

// Only change code above this line
return answer;
}

// Change this value to test
switchOfStuff(1);

Moisés Man
@moigithub
Aug 29 2016 00:18

@zelda12

Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

Patrick S
@thinktwice84
Aug 29 2016 00:18
@moigithub Hey man, sorry to bug you in here as well, but I'm getting an unexpected identifier using that code format you suggested. http://codepen.io/thinktwice84/pen/EyqpgE?editors=1010
Omari Chenoweth
@omarichenoweth
Aug 29 2016 00:20
hey guys, how do you nest a text field in a form element ?
Moisés Man
@moigithub
Aug 29 2016 00:20
@zelda12 soo first on ur style block
u need to create a class named smaller-image (class uses dot/period soo should be .smaller-image)
and set a width to 100 pixels
once ur class is created u need to APPLY the class to ur img element below
@Divya063 that function is returning answer
soo instead of modifing val variable.. u should set those values to answer variable
val="apple"; --> answer = "apple";
zelda12
@zelda12
Aug 29 2016 00:21
ok, ty. i created the class. how can I apply it?
Divya Rani
@Divya063
Aug 29 2016 00:21
Thanks @moigithub
CamperBot
@camperbot
Aug 29 2016 00:21
divya063 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2047 | @moigithub |http://www.freecodecamp.com/moigithub
Boris
@Boris1011
Aug 29 2016 00:22
@zelda12 example... <h2 class="smaller-image">
Moisés Man
@moigithub
Aug 29 2016 00:23
@thinktwice84 probably u should separate /make 2 functions one for getIcon and another for getPicture
Patrick S
@thinktwice84
Aug 29 2016 00:24
Yeah, ok. Good idea. Thanks @moigithub
CamperBot
@camperbot
Aug 29 2016 00:24
thinktwice84 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2048 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Aug 29 2016 00:25
@thinktwice84 and the error is cuz u missing a closing parenthesis on line 50
@omarichenoweth text field ? u mean a <input> text field ? inside a <form>
Omari Chenoweth
@omarichenoweth
Aug 29 2016 00:27
it's ok i figured it out , thanks
Patrick S
@thinktwice84
Aug 29 2016 00:27
@moigithub Thanks for looking at that. I don't know how I missed that parenthesis. I'll split the functions and try again.
CamperBot
@camperbot
Aug 29 2016 00:27
thinktwice84 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:warning: thinktwice84 already gave moigithub points
trickeys1
@trickeys1
Aug 29 2016 00:27
Hello World!
CamperBot
@camperbot
Aug 29 2016 00:27

welcome to FreeCodeCamp @trickeys1!

Moisés Man
@moigithub
Aug 29 2016 00:28
@trickeys1 welcome :)
Boris
@Boris1011
Aug 29 2016 00:28
hi @trickeys1 :sparkles:
Norvin Burrus
@ndburrus
Aug 29 2016 00:29
@trickeys1
Welcome to fcc!!
Explore, enjoy, learn, and happy coding! :sparkles:
trickeys1
@trickeys1
Aug 29 2016 00:29
thank you guys! :D
AdamJohns13
@AdamJohns13
Aug 29 2016 00:30
Nest your text input element within a form element. <form action="/submit-cat-photo"></form>
what am i doing wrong?
trickeys1
@trickeys1
Aug 29 2016 00:30
i hope that i can get some knowledge about coding and programing :D
Moisés Man
@moigithub
Aug 29 2016 00:31
a input element is another "html element" <input> @AdamJohns13
AdamJohns13
@AdamJohns13
Aug 29 2016 00:31
this is a really good site @trickeys1 I just started a few days ago and have learned a lot
Norvin Burrus
@ndburrus
Aug 29 2016 00:31
@AdamJohns13 place input element in form element
AdamJohns13
@AdamJohns13
Aug 29 2016 00:31
gotchaaaa. thanks @moigithub
CamperBot
@camperbot
Aug 29 2016 00:31
adamjohns13 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2049 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Aug 29 2016 00:32
@AdamJohns13 soo if u have a form
 <form action="/submit-cat-photo">
  //  .. u need to add something here
</form>
trickeys1
@trickeys1
Aug 29 2016 00:33
nice! i hope and i will do to learn a lot too from now on :P
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:34
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
<p{font-size: 30px;}</p>
.font-size: {16px;}
AdamJohns13
@AdamJohns13
Aug 29 2016 00:34
I still can't get it...
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:34
can someone help here
umpenrage
@umpenrage
Aug 29 2016 00:35
What up
Just signed up .
Boris
@Boris1011
Aug 29 2016 00:35
Hi @umpenrage welcome!!! :sparkles:
@Yaqubcode can you put up all of your code????
AdamJohns13
@AdamJohns13
Aug 29 2016 00:39
so you're saying my code should read <input <form action="/Submit-Cat-Photo"></form>>
Norvin Burrus
@ndburrus
Aug 29 2016 00:40
@Yaqubcode are we working on size your images?
Moisés Man
@moigithub
Aug 29 2016 00:40
@AdamJohns13 input should be inside form..
:point_up: August 28, 2016 7:32 PM<-- check this
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:40

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rio the couch sleep in the sink fluffy fur catnip scaratched</p>

<p{font-size: 30px;}</p>

<style>.font-size: {16px;} </style>

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

<p>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> @umpenrage

Boris
@Boris1011
Aug 29 2016 00:40
@AdamJohns13 when you nest something, it turns out to be
<element>
<nested element>
</element>
Norvin Burrus
@ndburrus
Aug 29 2016 00:41
@Yaqubcode :sparkles:
  • font-size should be in style tags
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:41
@ndburrus im working on the text font size
Norvin Burrus
@ndburrus
Aug 29 2016 00:41
This message was deleted
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:42
lesson name is "change the font size of an element"
Maryam Sabo Abubakar
@Maryam0011
Aug 29 2016 00:45
Pls challenge 104 can't figure it out help
Norvin Burrus
@ndburrus
Aug 29 2016 00:45
@Yaqubcode :sparkles:
*we need to adhere to the needed structure:
<style>
      `class`
       `element`
</style>

<h2>....</h2>

<p...>...</p>

<p>....</p>
  • for font-size, refer to the example code syntax/format, here:
h1 {
  font-size: 30px;
}
Boris
@Boris1011
Aug 29 2016 00:45
@Maryam0011 what is the name of the challenge???? Also what do you have for your code now????
Maryam Sabo Abubakar
@Maryam0011
Aug 29 2016 00:47
Challenge name is "Target the same element with multiple jQuery Selectors"
I have this

<script>
$(document).ready(function() {

});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:49
@ndburrus thank you soo much Norvin
CamperBot
@camperbot
Aug 29 2016 00:49
yaqubcode sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1945 | @ndburrus |http://www.freecodecamp.com/ndburrus
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:49
i understand now
Norvin Burrus
@ndburrus
Aug 29 2016 00:49
@Yaqubcode you're very welcome! does it make sense?
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:50
yes a lot
Norvin Burrus
@ndburrus
Aug 29 2016 00:50
@Yaqubcode ok, great! can you piece the code together?
Yaqub Hassan
@Yaqubcode
Aug 29 2016 00:51
working on it...once i get em cleaned i will get with you if you still online
@ndburrus
Norvin Burrus
@ndburrus
Aug 29 2016 00:51
@Yaqubcode alright :+1: nice work! :)
Hugo Machado
@snake7up
Aug 29 2016 00:55
guys can you help me with this, how can i remove the space between rows, i already tried add a class and put margin:0px in css but didnt work https://postimg.org/image/rnifsqlad/
Norvin Burrus
@ndburrus
Aug 29 2016 00:55

@Maryam0011 ok, there may be some confusion here.... :)

  • some of the code may have been erased/deleted.

  • the first lesson paragraph, here:
    Now you know three ways of targeting elements: by type: $("button"), by class: $(".btn"), and by id $("#target1").
    is explaining that this code

      $("button")...;
      $(".btn")...;
      $("#target1").....;

    is valid. so we need to add it back in.

  • the 2nd paragraph offers the method to add classes - .addClass(). so we need this for each line.
  • paragraphs 4-6 identify what goes inside the parentheses.

getting clearer? :)

Hugo Machado
@snake7up
Aug 29 2016 00:58
can someone help me :S
Yaqub Hassan
@Yaqubcode
Aug 29 2016 01:00

<style>.font-size: {16px;} </style>

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

<p class="red-text"> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rio the couch sleep in the sink fluffy fur catnip scaratched</p>

<p>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> @ndburrus

@ndburrus soo i cleaned it but still unable to solve the font size
Manish Giri
@Manish-Giri
Aug 29 2016 01:02
@snake7up with?
Joshua Doyle
@captain-stoned
Aug 29 2016 01:02
font size doesnt need the parenthesis before 16
Hugo Machado
@snake7up
Aug 29 2016 01:03
@Manish-Giri guys can you help me, i want to remove space between rows but everything i tried to do didnt work, here is the picture http://imgur.com/a/e4sQR
Manish Giri
@Manish-Giri
Aug 29 2016 01:03

@Yaqubcode this is wrong

<style>.font-size: {16px;} </style>

you're supposed to target the p selector and set it's font-size property to the value 16px;

Norvin Burrus
@ndburrus
Aug 29 2016 01:03

@Yaqubcode :sparkles:

  • take a quick peek at the :point_up: structure
  • the style element has 2 elements.
  • the class would be .red-text (defined as color: red;) &
  • the element would be p (defined as font-size: 16px;)
  • the text in the p elements has been reversed - switch it back (just the text order, not the class).

making sense?

Manish Giri
@Manish-Giri
Aug 29 2016 01:03
@snake7up are you using bootstrap?
Hugo Machado
@snake7up
Aug 29 2016 01:03
yes
@Manish-Giri yes
Manish Giri
@Manish-Giri
Aug 29 2016 01:04
@snake7up then I guess you do know that bootstrap's row has margin properties of it's own, you need to override that
Hugo Machado
@snake7up
Aug 29 2016 01:04
i dont know why, i think maybe because the upper row is in one div and the other 2 are in a diferrent dive?
hum @Manish-Giri didnt rember that, im still learning :P but thanks man!
CamperBot
@camperbot
Aug 29 2016 01:05
snake7up sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1673 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Aug 29 2016 01:05
@snake7up cool, try to put an id and see you can override bootstrap's default styles
Hugo Machado
@snake7up
Aug 29 2016 01:06
@Manish-Giri will do thanks
CamperBot
@camperbot
Aug 29 2016 01:06
snake7up sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: snake7up already gave manish-giri points
frugalpov
@frugalpov
Aug 29 2016 01:09
hi i needd help
Jason
@Shezmou
Aug 29 2016 01:09
okay taking this test and i can't figure out what i'm doing wrong. It looks correct.
trickeys1
@trickeys1
Aug 29 2016 01:09

how do i ensure that my h2 declaration is valid with a semicolon and closing brace? i did this <style>
h2 {color:blue}
</style>

<h2>CatPhotoApp</h2>

$(".target:even").addClass("animated-shake")
something wrong with this code, idk?
Norvin Burrus
@ndburrus
Aug 29 2016 01:10
@trickeys1 :sparkles:
  • need ;, here: {color:blue here }
  • if you want to use it, place a class in the h2 element.
Jason
@Shezmou
Aug 29 2016 01:10
do i actually have to go download the font Lobster?
frugalpov
@frugalpov
Aug 29 2016 01:11
oh nevermind I found the syntax error, thank you
trickeys1
@trickeys1
Aug 29 2016 01:11
@ndburrus oh thank you!!! xD (how to send brownie points?
CamperBot
@camperbot
Aug 29 2016 01:11
trickeys1 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1946 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 29 2016 01:12
@Shezmou :sparkles:
  • just need the link.
trickeys1
@trickeys1
Aug 29 2016 01:12
oh it automatically send by saying thank you
Norvin Burrus
@ndburrus
Aug 29 2016 01:15
@trickeys1 you're very welcome! excellent job! nicely done! :palm_tree:
...you just did :)
DarkShatan
@DarkShatan
Aug 29 2016 01:16
hello how do i nest a img element within an a element
can someone please tell me what im doing wrong?
Norvin Burrus
@ndburrus
Aug 29 2016 01:17
@frugalpov nice work! :smile:

@MistaRace :sparkles:

  • notice the punctuation in the example code, here:

    <style>
    .larger-image {
      width: 500px;
    }
    </style>

    hint: before larger.

  • also, need class in img tag. :)

Race
@MistaRace
Aug 29 2016 01:20
would i put the class before the src?
Norvin Burrus
@ndburrus
Aug 29 2016 01:21
@MistaRace yes.
kirk tuggle
@iamtuggle
Aug 29 2016 01:21
i'm confused by this lesson: Target Elements by Class Using jQuery
AdamJohns13
@AdamJohns13
Aug 29 2016 01:21
Your text input element should have the required attribute. <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<input type="text" required>
<button type="submit">Submit</button>
</form>
what did I do wrong?
Race
@MistaRace
Aug 29 2016 01:21
Thank you so much haha I was stuck on that for wayy too long
Norvin Burrus
@ndburrus
Aug 29 2016 01:22
@iamtuggle can you post your script code?
@iamtuggle '''
CamperBot
@camperbot
Aug 29 2016 01:22
:bulb: to format code use backticks! ``` more info
Norvin Burrus
@ndburrus
Aug 29 2016 01:22
@MistaRace you're welcome! super job! :+1:
DarkShatan
@DarkShatan
Aug 29 2016 01:22
hello sorry to bother you guys but can anybody help me on "Turn an Image into a Link"
kirk tuggle
@iamtuggle
Aug 29 2016 01:23
@ndburrus : <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
</script>
DarkShatan
@DarkShatan
Aug 29 2016 01:23
Nest the existing img element within an a element. for some odd reason i cant figure out how this is done
Norvin Burrus
@ndburrus
Aug 29 2016 01:23
@DarkShatan :sparkles:
  • we need to follow the example code format/syntax, here:
    <a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
AdamJohns13
@AdamJohns13
Aug 29 2016 01:23
soooo what did I do wrong in my code?
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<input type="text" required>
<button type="submit">Submit</button>
</form>
it's telling me my text input should have the "required" attribute.
DarkShatan
@DarkShatan
Aug 29 2016 01:24
@ndburrus at the moment this is how i figured it would look <p>Click here for <a href="#"><img src="https://bit.ly/fcc-relaxing-cat"> cat photos</a>.</p>
kirk tuggle
@iamtuggle
Aug 29 2016 01:24
@ndburrus i dont have to do a line for each target do i?
DarkShatan
@DarkShatan
Aug 29 2016 01:25
for nesting my img to my a element
Norvin Burrus
@ndburrus
Aug 29 2016 01:25
sorry, stepped away for a sec... where am i...
@DarkShatan ok, can we follow the format?
Manish Giri
@Manish-Giri
Aug 29 2016 01:25

@AdamJohns13 these two should be combined

<input type="text" placeholder="cat photo URL">
<input type="text" required>

into

<input type="text" placeholder="cat photo URL" required>
AdamJohns13
@AdamJohns13
Aug 29 2016 01:26
thanks @Manish-Giri !
DarkShatan
@DarkShatan
Aug 29 2016 01:26
honestly it looks good to me
CamperBot
@camperbot
Aug 29 2016 01:26
adamjohns13 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1674 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Aug 29 2016 01:26
@AdamJohns13 welcome
Norvin Burrus
@ndburrus
Aug 29 2016 01:27
@DarkShatan :sparkles:
ok, we need a couple of things:
  • some text befor the img tag, right?
  • also need class in img tag.
DarkShatan
@DarkShatan
Aug 29 2016 01:27
hmm
kirk tuggle
@iamtuggle
Aug 29 2016 01:27
@ndburrus i think what's confusing me is this: target your div elements with the class well by using the $(".well") selector
DarkShatan
@DarkShatan
Aug 29 2016 01:28
<a href="#"> ?
does the class go into the <style> place
oh nvm
Norvin Burrus
@ndburrus
Aug 29 2016 01:29
@DarkShatan ok, look at the app. what is the text should come after Click here for xxxxx?
  • need text, here: <a href="#">right here <img src.
DarkShatan
@DarkShatan
Aug 29 2016 01:29
never mind haha im horrible
Norvin Burrus
@ndburrus
Aug 29 2016 01:29
@DarkShatan no, you're not. :)
make sense?
@iamtuggle :sparkles:
ok, this may help. the targets are in the left "column", while the selectors are in the right "column".
...clear as mud? :)
kirk tuggle
@iamtuggle
Aug 29 2016 01:31
@ndburrus yes, clear as mud. lol
Race
@MistaRace
Aug 29 2016 01:32
How do you add multiple classes to the same element?
DarkShatan
@DarkShatan
Aug 29 2016 01:33
wish it was clear as mud
kirk tuggle
@iamtuggle
Aug 29 2016 01:33
@ndburrus i have to: Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
Norvin Burrus
@ndburrus
Aug 29 2016 01:33
@iamtuggle alright.... let's go this way... we're adding classes to elements. follow?
  • answer - that is correct.
DarkShatan
@DarkShatan
Aug 29 2016 01:33
ok
kirk tuggle
@iamtuggle
Aug 29 2016 01:33
@ndburrus right
Darshan
@Dave1089
Aug 29 2016 01:33
@MistaRace class="class1 class2 class3 ..."
Norvin Burrus
@ndburrus
Aug 29 2016 01:34
@iamtuggle ok, what class do we want to add? and what element do we want to add it to?
kirk tuggle
@iamtuggle
Aug 29 2016 01:34
@ndburrus i have to add classes animated and shake to all elements with the class well
Norvin Burrus
@ndburrus
Aug 29 2016 01:35
@iamtuggle super! so, we are using jquery's addClass function. so where do we put the classes to be added?
hint: the function has a couple of these() :)
kirk tuggle
@iamtuggle
Aug 29 2016 01:37
@ndburrus they go in the (function()
Norvin Burrus
@ndburrus
Aug 29 2016 01:37
@iamtuggle ok, semantics... you're right they go inside the ()'s
kirk tuggle
@iamtuggle
Aug 29 2016 01:37
lol
Norvin Burrus
@ndburrus
Aug 29 2016 01:37
@iamtuggle and where does the element go?
hint: there are a pair of these () after the $
another hint: functions added like .function, norally operate on what comes before the dot
kirk tuggle
@iamtuggle
Aug 29 2016 01:39
@ndburrus (document)
Norvin Burrus
@ndburrus
Aug 29 2016 01:39
@iamtuggle close. go inside the function. inside these {}'s.
actually, it's sort of confusing because these are functions within functions (but, you can handle it).
Randommcdumdum
@Randommcdumdum
Aug 29 2016 01:40
what is an ipsum text??
Daniel Merkin
@dmerk2
Aug 29 2016 01:40
hey can anyone help me with 108 title Change Text Inside an Element Using jQuery
kirk tuggle
@iamtuggle
Aug 29 2016 01:41
@ndburrus ok, i'm lost now.
Daniel Merkin
@dmerk2
Aug 29 2016 01:41
it says not to use .html or .text which are the only two they explained
DarkShatan
@DarkShatan
Aug 29 2016 01:41
@ndburrus sorry i cant figure it out
kirk tuggle
@iamtuggle
Aug 29 2016 01:41
@ndburrus i'm looking at my code and following you; but i'm having a hard time here.
@ndburrus are you talking about .addClass
mverselle
@mverselle
Aug 29 2016 01:42
@Randommcdumdum Simplest explanation it is placeholder text
Norvin Burrus
@ndburrus
Aug 29 2016 01:43
@iamtuggle ok, we want to target .well, right? so where does it go?
Race
@MistaRace
Aug 29 2016 01:43
is there a way to stop my keyboard from typing over previous characters. instead of pushing the character over it just auto deletes it
kirk tuggle
@iamtuggle
Aug 29 2016 01:43
@ndburrus that goes in the div section
Margaret
@Margaret2
Aug 29 2016 01:43
@dmerk2 it says "make sure you are using .html and not text"
Norvin Burrus
@ndburrus
Aug 29 2016 01:44
@iamtuggle im getting confused, can you post you script element
kirk tuggle
@iamtuggle
Aug 29 2016 01:44
@ndburrus sure
@ndburrus <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
</script>
Norvin Burrus
@ndburrus
Aug 29 2016 01:45

@iamtuggle ok, this code is ok.

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");

now, how do we do this?
First, let's target your div elements with the class well by using the $(".well") selector.
hint: the $ gives away the position.

  • follow the same format as the code line above it.
mverselle
@mverselle
Aug 29 2016 01:45
@iamtuggle is the title of that section you are on?
@iamtuggle sorry... i forgot to add 'what' to the beginning of my sentence
kirk tuggle
@iamtuggle
Aug 29 2016 01:46
@mverselle Target Elements by Class Using jQuery
Margaret
@Margaret2
Aug 29 2016 01:46
@DarkShatan do you still need help?
DarkShatan
@DarkShatan
Aug 29 2016 01:46
yes please
Margaret
@Margaret2
Aug 29 2016 01:47
sorry just got here a few minutes ago, what challenge are you on
DarkShatan
@DarkShatan
Aug 29 2016 01:47
Turn an Image into a Link
<p> Click here for <a href="#">image<img src="https://bit.ly/fcc-relaxing-cat"> cat photos</a>.</p>
this is what i have
i need to Nest the existing img element within an a element.
Margaret
@Margaret2
Aug 29 2016 01:48
ok hold on, let me check the instructions
DarkShatan
@DarkShatan
Aug 29 2016 01:49
thank you
kirk tuggle
@iamtuggle
Aug 29 2016 01:49
@ndburrus that is what i'm stuck on.
DarkShatan
@DarkShatan
Aug 29 2016 01:49
haha
Norvin Burrus
@ndburrus
Aug 29 2016 01:49
@DarkShatan need to replace imagewith cat photos
Margaret
@Margaret2
Aug 29 2016 01:50
ok, reset your code, it will be easier to explain @DarkShatan
Norvin Burrus
@ndburrus
Aug 29 2016 01:50
@iamtuggle where does this$(".well") go?
DarkShatan
@DarkShatan
Aug 29 2016 01:50
@Margaret2 oh jeez now i see it
kirk tuggle
@iamtuggle
Aug 29 2016 01:50
@ndburrus it goes in the script area
mverselle
@mverselle
Aug 29 2016 01:51
<script>
$(document).ready(function() {
$(".well")

});
</script>
DarkShatan
@DarkShatan
Aug 29 2016 01:51
thank you @Margaret2
CamperBot
@camperbot
Aug 29 2016 01:51
darkshatan sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @margaret2 |http://www.freecodecamp.com/margaret2
kirk tuggle
@iamtuggle
Aug 29 2016 01:51
@ndburrus i think i'm overthinking this
Margaret
@Margaret2
Aug 29 2016 01:51
you solved it? :D
DarkShatan
@DarkShatan
Aug 29 2016 01:51
yes
thank you
Race
@MistaRace
Aug 29 2016 01:51
https://www.freecodecamp.com/challenges/add-borders-around-your-elements#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20red%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22class1%20class2%22%20class1%3D%20%22thick-green-border%22%20class2%3D%20%22smaller-image%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
im stuck :(
Margaret
@Margaret2
Aug 29 2016 01:51
:thumbsup: @DarkShatan
DarkShatan
@DarkShatan
Aug 29 2016 01:51
i am always over thinkong it
Norvin Burrus
@ndburrus
Aug 29 2016 01:51
@iamtuggle ok, relax. just follow the format of the code line above it.
we have to next use .addClass. so type in what we have so far, please... :)
DarkShatan
@DarkShatan
Aug 29 2016 01:51
thinking
Margaret
@Margaret2
Aug 29 2016 01:52
@MistaRace please paste your code here
Race
@MistaRace
Aug 29 2016 01:52
how?
Margaret
@Margaret2
Aug 29 2016 01:52
copy and paste
Race
@MistaRace
Aug 29 2016 01:52

<link href="https://fonts.googleapis.com/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;
} .thick-green-border {
border-color: red;
border-width: 10px;
border-style: solid;
}
</style>

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

<img class="class1 class2" class1= "thick-green-border" class2= "smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

Margaret
@Margaret2
Aug 29 2016 01:53
ok @MistaRace
Norvin Burrus
@ndburrus
Aug 29 2016 01:53
@MistaRace ok, here:
<img class="class1 class2" class1= "thick-green-border" class2= "smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
  • all classes can be included within a single set of quotes. using
    class="exampleClass exampleClass exampleClass"
Margaret
@Margaret2
Aug 29 2016 01:53
class="smaller-image thick-green-border"
@MistaRace that should be the only class expression you have in your img tag
Race
@MistaRace
Aug 29 2016 01:54
wow im dumb.
thank you!
mverselle
@mverselle
Aug 29 2016 01:54
@MistaRace not dumb...learning :)
Norvin Burrus
@ndburrus
Aug 29 2016 01:54
@MistaRace you're welcome! not true. great job! :palm_tree:
kirk tuggle
@iamtuggle
Aug 29 2016 01:55
@ndburrus i'm gonna step away for a sec
Margaret
@Margaret2
Aug 29 2016 01:55
@MistaRace also the border-color up in the style tags should be green, not red :)
Norvin Burrus
@ndburrus
Aug 29 2016 01:56
@iamtuggle ok, you're a champion! and remember: "at no time, was the champ, ever in trouble!" :)
kirkley01
@kirkley01
Aug 29 2016 01:58
how do you set browser and text zoom at 100%
Yolanda
@teknotik
Aug 29 2016 01:59

<script>
$(document).ready(function() {
$("button").addClass(animated)
$(".btn").addClass(shake)
$("#target1").addClass(btn-primary)
});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" class="animated" class="shake" class="btn-primary" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>

Only add one class with each of your three selectors......missing???
Only use jQuery to add these classes to the element. ????? HELP!!!!
mverselle
@mverselle
Aug 29 2016 01:59
@teknotik you need quotes...
@teknotik $("button").addClass("animated")
quotes in the () after .addClass
Margaret
@Margaret2
Aug 29 2016 02:00
@kirkley01 that will be in your browser settings, make sure you are not zoomed in or out on the page
you don't have to code it
Norvin Burrus
@ndburrus
Aug 29 2016 02:01
@kirkley01 which browser?
kirkley01
@kirkley01
Aug 29 2016 02:01
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. This is the one im getting wrong but I don't know how
Yolanda
@teknotik
Aug 29 2016 02:01
@mverselle Thank you @mverselle :)
CamperBot
@camperbot
Aug 29 2016 02:01
teknotik sends brownie points to @mverselle :sparkles: :thumbsup: :sparkles:
:cookie: 142 | @mverselle |http://www.freecodecamp.com/mverselle
Margaret
@Margaret2
Aug 29 2016 02:02
@kirkley01 show us your code
kirkley01
@kirkley01
Aug 29 2016 02:02

<style>
.red-text {
color: red;
font-size: 16px;
}
</style>

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

<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>Purr jump eat the grass rip the couch scratched the sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Margaret
@Margaret2
Aug 29 2016 02:02
ok, below red-text, you need p {font-size:16px;} @kirkley01
kirkley01
@kirkley01
Aug 29 2016 02:03
ok thanks
Margaret
@Margaret2
Aug 29 2016 02:03
@kirkley01 the class name has to be p because you want to target all your <p> elements
Randommcdumdum
@Randommcdumdum
Aug 29 2016 02:03
Browser and text zoom are @ 100, but wont take me to next step. what do??
Margaret
@Margaret2
Aug 29 2016 02:04
@Randommcdumdum what code do you have between your style tags?
Randommcdumdum
@Randommcdumdum
Aug 29 2016 02:04
<style>
.red-text {
color: red;
p {
font-size: 16px;
}
}
</style>
kirkley01
@kirkley01
Aug 29 2016 02:05
@Randommcdumdum here u go

<style>
.red-text {

}p {font-size:16px;}
color: red;
font-size: 16px;
}
</style>

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

<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 >Purr jump eat the grass rip the couch scratched the sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Tim Combs
@timcombs
Aug 29 2016 02:05

Hi all. I'm trying to embed some youtube videos on codepen using bootstrap.
can get them on there, with this type of code:

<div>
      <iframe width="420" height="315" src="https://www.youtube.com/embed/KElriTXXwZw" frameborder="0" allowfullscreen></iframe>
</div>

but the responsive style that bootstrap says will work just gives me a blank:

<div class="embed-responsive embed-responsive-4by3">
      <iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=GHdX7sApIMc"></iframe>
</div>

from bootstrap: http://getbootstrap.com/components/#responsive-embed
thoughts as to my errors?

Margaret
@Margaret2
Aug 29 2016 02:05
.red-text {
color: red;
}
p {
font-size: 16px;
}
@kirkley01 @Randommcdumdum guys it should look like this
a separate .red-text class and a separate p class
Randommcdumdum
@Randommcdumdum
Aug 29 2016 02:06
oh, my "{}" where out of place
thanx a bunch
Margaret
@Margaret2
Aug 29 2016 02:06
np
umpenrage
@umpenrage
Aug 29 2016 02:07
I'm stuck on the nesting an image within "a" element.
The instructions are not clear what to do.
Margaret
@Margaret2
Aug 29 2016 02:12
@timcombs this discussion may provide some helpful ideas: http://stackoverflow.com/questions/25228056/responsive-iframe-using-bootstrap
umpenrage
@umpenrage
Aug 29 2016 02:12
Nevermind I figured it out.
I was using the example code instead of using the already given img code.
Mariusz Klimek
@tarnos12
Aug 29 2016 02:16
Hey :) Finished my first challenge to build a Tribute Page, take a look :
http://codepen.io/Tarnos/full/dXxmAb/
Margaret
@Margaret2
Aug 29 2016 02:18
@tarnos12 congrats on your first project! Nice job!
Mariusz Klimek
@tarnos12
Aug 29 2016 02:19
@Margaret2 not really a first project but thanks :P
CamperBot
@camperbot
Aug 29 2016 02:19
tarnos12 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 348 | @margaret2 |http://www.freecodecamp.com/margaret2
loloneely
@loloneely
Aug 29 2016 02:19
I am stuck on nesting a "i" element class of "fa fa-thumbs-up" within a button element. My code is : <i class="fa fa-thumbs-up"><button class=" btn btn-block btn-primary">Like</button></i> and it says this is not the right way to nest the elements.
Margaret
@Margaret2
Aug 29 2016 02:19
first FCC project ? @tarnos12
Darshan
@Dave1089
Aug 29 2016 02:20
@loloneely move <i> tag inside button
<button class=" btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>
Like</button>
Mariusz Klimek
@tarnos12
Aug 29 2016 02:20
@Margaret2 yes :)
loloneely
@loloneely
Aug 29 2016 02:22
@Dave1089 Thank you. I knew it wasn't in the right spot but wasn't sure where inside the button the <i> tags should go.
CamperBot
@camperbot
Aug 29 2016 02:22
loloneely sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 438 | @dave1089 |http://www.freecodecamp.com/dave1089
Mariusz Klimek
@tarnos12
Aug 29 2016 02:24
Time to build my portfolio page :D This will be nice
Darshan
@Dave1089
Aug 29 2016 02:24
@loloneely :+1:
trickeys1
@trickeys1
Aug 29 2016 02:24

.smaller-image {
width: 100px;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>

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

<img class="smaller-image" "thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

what ami doing wrong?
our forgot to do XD
jakester
@jake239
Aug 29 2016 02:25
<form>
<h2 id="cat-photo-app">
</form> how do i fix this? it says i need to :give your form element the id cat-photo-form.
Sevin
@lsevineleven7
Aug 29 2016 02:26
:)
Darshan
@Dave1089
Aug 29 2016 02:26
@trickeys1 assigning class to img , should be in the format class="class1 class2"
LPR-309
@LPR-309
Aug 29 2016 02:27
@trickeys1 <img class="smaller-image thick-green-border"> That second class isn't registering because it's in a second pair of quotes. You just need to separate classes with a space
Darshan
@Dave1089
Aug 29 2016 02:28
@jake239 move id="cat-photo-app" inside <form> element
Crystina Lindoerfer
@crystinalindoerfer
Aug 29 2016 02:28
I am on lesson 81 I think, and it's doing the paper-plane icon, but it says to put a class on the button element of the fa fa-paper-plane, but when I try to click onto that section of the code, it's unavailable. My curser won't go to that section of the code. Any ideas on this issue? I did a hard refresh, still not working.
jakester
@jake239
Aug 29 2016 02:28
@Dave1089 thank you so much
CamperBot
@camperbot
Aug 29 2016 02:29
jake239 sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 439 | @dave1089 |http://www.freecodecamp.com/dave1089
LPR-309
@LPR-309
Aug 29 2016 02:30
@crystinalindoerfer Have you tried clicking above that section and using arrow keys to scroll down? I had issues with cursor placement in the longer lessons too, it seems buggy
Crystina Lindoerfer
@crystinalindoerfer
Aug 29 2016 02:30
I sure have @LPR-309, it won't move down at all, like it can't see there is text beneath the curser.
trickeys1
@trickeys1
Aug 29 2016 02:30
@Dave1089 @LPR-309 thank you! a noob mestake xD
CamperBot
@camperbot
Aug 29 2016 02:30
trickeys1 sends brownie points to @dave1089 and @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 440 | @dave1089 |http://www.freecodecamp.com/dave1089
:cookie: 302 | @lpr-309 |http://www.freecodecamp.com/lpr-309
Crystina Lindoerfer
@crystinalindoerfer
Aug 29 2016 02:32
blob
the curser will go up, just won't go down past that one point.
see where the curser is? like 69? it won't go lower than that.
LPR-309
@LPR-309
Aug 29 2016 02:33
Hmm
It may be overkill, but if nothing else works, how about writing that entire part below the cursor in something else and Copy-Pasting?
Crystina Lindoerfer
@crystinalindoerfer
Aug 29 2016 02:34
oh good plan! I'll try that @LPR-309 ! thank you!
CamperBot
@camperbot
Aug 29 2016 02:34
crystinalindoerfer sends brownie points to @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @lpr-309 |http://www.freecodecamp.com/lpr-309
Crystina Lindoerfer
@crystinalindoerfer
Aug 29 2016 02:40
@LPR-309 that worked, just fyi
jauharsa1
@jauharsa1
Aug 29 2016 02:41
Does anybody understand the meaning behind the source code colors? for instance <style> is red, while something class= is green.
Hugo Machado
@snake7up
Aug 29 2016 02:42
guys can you tell me why me list is not working right ... the dot dont appear http://codepen.io/snake7up/pen/PzrqPy
*my ul is not working right
kirkley01
@kirkley01
Aug 29 2016 02:47

How do I add an src attribute that points to the kitten image

<link href="https://fonts.googleapis.com/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;
}
</style>

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

<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>
<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">

mverselle
@mverselle
Aug 29 2016 02:49
@kirkley01 the example is at the bottom of what you pasted...
@kirkley01 <img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">
you would replace the src=" with the URL to the kitten image
and change the alt tag to something kitten related..or what the tutorial tells you
kirk tuggle
@iamtuggle
Aug 29 2016 02:50
@ndburrus i figured it out: <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
$(".well").addClass("animated shake");
});
</script>
mverselle
@mverselle
Aug 29 2016 02:51
@snake7up The dot actually is there...but for whatever reason, the img is covering it up
kirk tuggle
@iamtuggle
Aug 29 2016 02:51
@ndburrus thanks for your guidence
CamperBot
@camperbot
Aug 29 2016 02:51
iamtuggle sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1948 | @ndburrus |http://www.freecodecamp.com/ndburrus
Hugo Machado
@snake7up
Aug 29 2016 02:51
@mverselle yes i know, trying to figure it out how to solve that but thanks man
CamperBot
@camperbot
Aug 29 2016 02:51
snake7up sends brownie points to @mverselle :sparkles: :thumbsup: :sparkles:
:cookie: 143 | @mverselle |http://www.freecodecamp.com/mverselle
Tim Combs
@timcombs
Aug 29 2016 02:52

@Margaret2
thanks for the link!
it made me think about the problem more and i realized i had the wrong embed url.

oops!

here's the codepen if you wanna take a look at my first page for freecodecamp: https://codepen.io/vowels/pen/mENLpm

CamperBot
@camperbot
Aug 29 2016 02:52
timcombs sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 349 | @margaret2 |http://www.freecodecamp.com/margaret2
Norvin Burrus
@ndburrus
Aug 29 2016 03:02
@iamtuggle you're welcome! beautiful code! very nicely done! excellent! :+1:
Erik Dreyer
@EliteCobra
Aug 29 2016 03:06
hey guys can anyone help me quick with the code pen
Norvin Burrus
@ndburrus
Aug 29 2016 03:06
@kirkley01 resolved?
Erik Dreyer
@EliteCobra
Aug 29 2016 03:06
codepen.
DarkShatan
@DarkShatan
Aug 29 2016 03:08
hello i am getting farther into these questions but im stuck on Give a Background Color to a Div Element. how can i give the div element the class just say silver-background?
codeandrew
@codeandrew
Aug 29 2016 03:09
hello guys! I'm having some issues with the responsiveness of my code.
I already written a code for max-width640px, max-width540px, max-width480px
but when I open my site on a 480px width phone. it reads the 640px codes
Norvin Burrus
@ndburrus
Aug 29 2016 03:10

@DarkShatan :sparkles:

  • have we created the class in the style element (per the example code format/syntax)?

    .green-background {
    background-color: green;
    }
  • also, we need to use the class in the div element.

DarkShatan
@DarkShatan
Aug 29 2016 03:10
@ndburrus but wouldnt that go into the style element
right
how would i create a class
Norvin Burrus
@ndburrus
Aug 29 2016 03:11
@DarkShatan sure it would :)
see instructions, here:
For example, if you wanted an element's background color to be green, you'd put this within your style element:
DarkShatan
@DarkShatan
Aug 29 2016 03:11
riight
but im trying to figure out how to put it in the div element
well class in the div element
Norvin Burrus
@ndburrus
Aug 29 2016 03:12
@DarkShatan ok, so we create the class within the style element, which means between:
<style>
      **here**
</style>
  • the way to style an element can be found in the lesson Use a CSS Class to Style an Element, here:
    <h2 class="blue-text">CatPhotoApp</h2>
DarkShatan
@DarkShatan
Aug 29 2016 03:12
yes sir sorry
Oliver Varney
@OliverWoliver
Aug 29 2016 03:13
Hi im just starting off and was wondering where i can learn the very basics
DarkShatan
@DarkShatan
Aug 29 2016 03:13

<style>

.silver-background {
background-color: silver;
}

now its telling me to give my div element the class silver-background.
Norvin Burrus
@ndburrus
Aug 29 2016 03:14
@DarkShatan it sure is.... see :point_up: here :sparkles:
DarkShatan
@DarkShatan
Aug 29 2016 03:14
ahh
i use the h2?
Norvin Burrus
@ndburrus
Aug 29 2016 03:15
@DarkShatan :bulb:
DarkShatan
@DarkShatan
Aug 29 2016 03:15
really
Norvin Burrus
@ndburrus
Aug 29 2016 03:15
@DarkShatan well, what kind of element are we working with?
hint: it starts with the letter d.
DarkShatan
@DarkShatan
Aug 29 2016 03:15
is there a place i could see all the definitions of just say h2 and p ..ect
div
div element
Norvin Burrus
@ndburrus
Aug 29 2016 03:16
@DarkShatan :+1:
  • the classes/definitions can be seen in the style element.
    so, in this lesson we have the following classes defined: .red-text, .thick-green-border, .smaller-image, and .silver-backgtound. see that?
DarkShatan
@DarkShatan
Aug 29 2016 03:17
oh sorry umm. i mean like what they mean like abriviationsif that makes sence
sense
sorry my english
like what does h2 mean like header or something like that
Right
well how can i explain, just like cars we say "pvc" as the abrivation and it means positive crank ventilation.. so for h2 is there another word for it.
Norvin Burrus
@ndburrus
Aug 29 2016 03:21
DarkShatan
@DarkShatan
Aug 29 2016 03:21
yay thank you
Erik Dreyer
@EliteCobra
Aug 29 2016 03:21
anyone here uses codepen already?
Irene
@ideposoy
Aug 29 2016 03:21
@DarkShatan did you figure out the div problem yet?
Benjamin Roy
@benjaminroy
Aug 29 2016 03:22
  app.get('/new/*', function(req, res) {
    console.log('A new URL has been passed as a parameter.');
    m_original_url = req.params[0];
    // -- Add the new original URL and shortened URL to the collection --: 
    mycollection.findOne({ "original_url": m_original_url}, function(err, result) {
      if (err) throw err;
      if (result) {
        console.log('The new URL is not in the database');
      } 
      else {
        console.log('The new URL is already in the database');
      }
    });
Hey guys, when I run my code, the console.log in the if statement and the console.log in the else statement never show up.. I don't know what's wrong with this if statement? Otherwise, how can I check if a document exists in a collection in mongodb?
Jesus S
@Vaizado
Aug 29 2016 03:22
How would i add anchor text of "cat Photos"
DJ
@qualitymanifest
Aug 29 2016 03:22
@Vaizado put it between the a tags
@EliteCobra yeah why
DarkShatan
@DarkShatan
Aug 29 2016 03:22
haha not yet @ideposoy ive been trying to find out a place where i can see all of the abrivations and the names for them
Darshan
@Dave1089
Aug 29 2016 03:22
@OliverWoliver You should start from very first challenge, and using Read-Search-Ask , you can learn
Norvin Burrus
@ndburrus
Aug 29 2016 03:23
@DarkShatan you're welcome! great job! enjoy! :palm_tree:
Erik Dreyer
@EliteCobra
Aug 29 2016 03:23
need a bit of help i litterally just started it xD
DJ
@qualitymanifest
Aug 29 2016 03:23
@EliteCobra if you just need a guided tour of how it works: https://codepen.io/hello/ https://codepen.io/pen/tour/welcome/start
otherwise if you have a specific question, ask a specific question
kirk tuggle
@iamtuggle
Aug 29 2016 03:25
@ndburrus can you help me with this code please for this lesson: Disable an Element Using jQuery
DarkShatan
@DarkShatan
Aug 29 2016 03:25
thank you so much @qualitymanifest this is what i way trying to say @ndburrus http://www.w3schools.com/tags/
CamperBot
@camperbot
Aug 29 2016 03:25
darkshatan sends brownie points to @qualitymanifest and @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1950 | @ndburrus |http://www.freecodecamp.com/ndburrus
:star2: 1384 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
Norvin Burrus
@ndburrus
Aug 29 2016 03:25
@DarkShatan comment/s :point_up: updated :sparkles:
Erik Dreyer
@EliteCobra
Aug 29 2016 03:26
i know how it works i figured it out but thats not my problem @qualitymanifest see if you want to center your text you can use the bootstrap class tex-center but i have an image that i dont know how to center and i tried using image-center it doesnt work xD
Norvin Burrus
@ndburrus
Aug 29 2016 03:26
This message was deleted
DarkShatan
@DarkShatan
Aug 29 2016 03:26
thank you but i just would like all of them just like @qualitymanifest gave me, so i can learn or go back and see what it means
CamperBot
@camperbot
Aug 29 2016 03:26
darkshatan sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: darkshatan already gave qualitymanifest points
Norvin Burrus
@ndburrus
Aug 29 2016 03:27
@DarkShatan @qualitymanifest aahh... ok... :) thank you!
CamperBot
@camperbot
Aug 29 2016 03:27
ndburrus sends brownie points to @darkshatan and @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for darkshatan
:star2: 1385 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
DarkShatan
@DarkShatan
Aug 29 2016 03:28
so creating a class in the div i wouldnt use "h2"?
what would be heading
i need background color
Irene
@ideposoy
Aug 29 2016 03:28
@DarkShatan you need to enclose the class inside the div angle brackets
DarkShatan
@DarkShatan
Aug 29 2016 03:28
{} these brackets
Irene
@ideposoy
Aug 29 2016 03:29
no <>
DJ
@qualitymanifest
Aug 29 2016 03:29
@EliteCobra this is a great time to get good at googling things. there are many answers for this out there. i think for bootstrap you can give the image the class center-block
Erik Dreyer
@EliteCobra
Aug 29 2016 03:29
i dont like google xD it insults me
DJ
@qualitymanifest
Aug 29 2016 03:29
@EliteCobra or without using bootstrap you can give the image a class or id and then, in css, give that class/id display: block and margin: 0 auto
Erik Dreyer
@EliteCobra
Aug 29 2016 03:29
but thanks @qualitymanifest
CamperBot
@camperbot
Aug 29 2016 03:29
elitecobra sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1386 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
Norvin Burrus
@ndburrus
Aug 29 2016 03:30

@DarkShatan no.
see the example code, here: :sparkles:

.green-background {
  background-color: green;
}

the div would have the .green-background class.
now, the .green-background in the style element defines the background color - see that?

DJ
@qualitymanifest
Aug 29 2016 03:30
if you don't like google... well... then good luck
DarkShatan
@DarkShatan
Aug 29 2016 03:30
so like <div class="silver-background">
Benjamin Roy
@benjaminroy
Aug 29 2016 03:30
@EliteCobra How can you not like google :O
DarkShatan
@DarkShatan
Aug 29 2016 03:30
yes i do @ndburrus
Norvin Burrus
@ndburrus
Aug 29 2016 03:31
@DarkShatan exactly! :+1:
Irene
@ideposoy
Aug 29 2016 03:31
Yes. You need to have both elements on top (CSS) and HTML (bottom). The top needs to be within the style and the bottom needs to be within div
DarkShatan
@DarkShatan
Aug 29 2016 03:31
ohhh ok i thought i had to put it below the div
now it works
makes alot of sense
@ideposoy i understand
Irene
@ideposoy
Aug 29 2016 03:32
i'm here cuz i'm stuck too lol
DarkShatan
@DarkShatan
Aug 29 2016 03:32
haha i just figured it oit
out

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

<style>

.silver-background {
background-color: silver;
}

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<div class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

this is how i havemy format
Norvin Burrus
@ndburrus
Aug 29 2016 03:33
@DarkShatan take a quick peek at a couple of the previous links - just to see if they help ... :) :point_up:
it's just a structure :sparkles:
excellent! nice work!
DarkShatan
@DarkShatan
Aug 29 2016 03:33
how do i send you guys the same format at the one im using like make it black blackgroudn also when i send it vs just in text
structure not a format
Norvin Burrus
@ndburrus
Aug 29 2016 03:34
@DarkShatan '''
CamperBot
@camperbot
Aug 29 2016 03:34
:bulb: to format code use backticks! ``` more info
DarkShatan
@DarkShatan
Aug 29 2016 03:34
thank you @ndburrus
CamperBot
@camperbot
Aug 29 2016 03:34
darkshatan sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: darkshatan already gave ndburrus points
Norvin Burrus
@ndburrus
Aug 29 2016 03:34

@iamtuggle we need to use the example code format/syntax, here:

$("button").prop("disabled", true);

so, the instructions are asking us to:
Disable only the target1 button.
so, how can we use the jquery function .prop on target1?

DarkShatan
@DarkShatan
Aug 29 2016 03:35
well when i copy and paste my whole structure it comes in just text and not the black background
@ideposoy did you figure it out?
Norvin Burrus
@ndburrus
Aug 29 2016 03:36
@DarkShatan see above link :point_up: August 28, 2016 11:34 PM - line below, where it says more info
  • using Shift + enter will give you additional line feeds (space) for pasting your code. also, the backticks (`) key is located to the left of the number one (#1) key.
  • further, you may find the two buttons (chat/compose & markdown - the chat/compose button alternates modes) to the right of the text entry area helpful.
  • you can also edit (reply, quote, edit, delete) text after it's been entered by clicking on the three (3) dots to the right of the text entry area (it will appear when you hover to the right of the time stamp). or, you can press the up arrow/key.
DarkShatan
@DarkShatan
Aug 29 2016 03:38
thank you for the prompt answer s much useful @ndburrus
CamperBot
@camperbot
Aug 29 2016 03:38
darkshatan sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: darkshatan already gave ndburrus points
jacqbinder
@jacqbinder
Aug 29 2016 03:38
Hi, this is a Jquery question. Adding class by 3 different selectors. adding class animated to button objects, class shake to btn class, and class btn-primary to target1 id
$(document).ready(function() {
$("button").addclass("animated")
$(".btn").addclass("shake")
$("#target1").addclass("btn-primary")
});
Irene
@ideposoy
Aug 29 2016 03:38
yeah i finished that challenge a while back. I'm stuck somewhere else
Norvin Burrus
@ndburrus
Aug 29 2016 03:38
@DarkShatan you're very welcome! you touched on a lot with this question! great work! :+1:
DarkShatan
@DarkShatan
Aug 29 2016 03:39
haha very nice @ideposoy
jacqbinder
@jacqbinder
Aug 29 2016 03:40
the x on the left says 'Only add one class with each of your three selectors.' Any ideas?
Norvin Burrus
@ndburrus
Aug 29 2016 03:40
@jacqbinder :sparkles:
  • addclass should be addClass (capitalization)
Irene
@ideposoy
Aug 29 2016 03:41

@DarkShatan yeah i finished that challenge a while back. I'm stuck here ```

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
.pink-text {color: pink;}
}
</style>

<h1 class="pink-text">Hello World!</h1>

jacqbinder
@jacqbinder
Aug 29 2016 03:41
@ndburrus thanks!
CamperBot
@camperbot
Aug 29 2016 03:41
jacqbinder sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1951 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 29 2016 03:41
@jacqbinder you're welcome! great job! :palm_tree:
Irene
@ideposoy
Aug 29 2016 03:41
anybody just finished that challenge and wouldn't mind giving me a clue?
Charly
@TFME
Aug 29 2016 03:42
Hello
Irene
@ideposoy
Aug 29 2016 03:42
thanks @camperbot and @ndburrus for the back ticks info
CamperBot
@camperbot
Aug 29 2016 03:42
ideposoy sends brownie points to @camperbot and @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1952 | @ndburrus |http://www.freecodecamp.com/ndburrus
:star2: 2282 | @camperbot |http://www.freecodecamp.com/camperbot
Norvin Burrus
@ndburrus
Aug 29 2016 03:42
@ideposoy :sparkles:
  • ok, here: body { - the body {}'s wrap another/separate class (.pink-text)
  • the body definitions should only include 3 items:
    background-color,
    font-family, and
    color.
@ideposoy you're welcome! anytime! enjoy! :)
Charly
@TFME
Aug 29 2016 03:43
p {font-size: xp;
Norvin Burrus
@ndburrus
Aug 29 2016 03:45
@TFME :sparkles:
  • xp should be px
  • how many px?
@carllea50 '''
can you post?
add another <p></p> element.
CamperBot
@camperbot
Aug 29 2016 03:46
:bulb: to format code use backticks! ``` more info
Irene
@ideposoy
Aug 29 2016 03:46

@ndburrus according to the error msg my h1 is the problem. It says h1 element should be pink. This is the description of the challenge: Let's see what happens when we create a class that makes text pink, then apply it to an element. Will our class override the body element's color: green; CSS property?

Create a CSS class called pink-text that gives an element the color pink.

Give your h1 element the class of pink-text.

CarlozNZ
@carllea50
Aug 29 2016 03:47
Got Sorted yay
Norvin Burrus
@ndburrus
Aug 29 2016 03:47
@carllea50 nice work! :+1:

@ideposoy lesson name?

  • examine the code closely, here:

    body {
    background-color: black;
    font-family: Monospace;
    color: green;
    .pink-text {color: pink;}
    }

    see how the body has the .pink-textclass inside it.
    it should be outside the body element.

  • remove !, here: Hello World!

  • remove this class="pink-text" from the h1 element.
    a learning point is seeing which color declaration will prevail - body or class!

make sense?

CarlozNZ
@carllea50
Aug 29 2016 03:48
@ndburrus @ndburrus Sorted
DarkShatan
@DarkShatan
Aug 29 2016 03:48
does anybody know wahts the difference between a attribute and an element
Irene
@ideposoy
Aug 29 2016 03:48
@ndburrus Inherit Styles from the body element
Oliver Varney
@OliverWoliver
Aug 29 2016 03:50
Hey i dont really understand the ipsum text stuff and was wondering if i could get some help
Irene
@ideposoy
Aug 29 2016 03:51
@ndburrus I figured it out. I finally understood what you meant. Should be outside the body bracket. Thanks so much!
CamperBot
@camperbot
Aug 29 2016 03:51
ideposoy sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: ideposoy already gave ndburrus points
Norvin Burrus
@ndburrus
Aug 29 2016 03:52
@ideposoy you're welcome! great job! very nicely done! :palm_tree:
@OliverWoliver :sparkles:
  • ipsum text is just filler text.... random words to fill space/s where text should be... :)
jpbnois
@jpbnois
Aug 29 2016 03:54
I can't figure out how to turn my h2 elements blue on the ''CSS Selectors to Style Elements'' section.
<style>
h2 {color:red;}
<p>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>
</style>
what am I doing wrong?
mverselle
@mverselle
Aug 29 2016 03:54
@OliverWoliver Another way to look at it is placeholder text... you use it while you are designing something, but do not necessarily have the real content
Michael Flores
@Floresmi
Aug 29 2016 03:54

<link href="https://fonts.googleapis.com/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;
}
.smalle-image {
width: 100px;
}
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

What am I doing wrong won't change the image size.
Chad
@chadrohr
Aug 29 2016 03:55
Howdy, when changing the image size, where do you add in the code into the line. I put the info in the style up top.
Norvin Burrus
@ndburrus
Aug 29 2016 03:55
@jpbnois :sparkles:
the structure should be:
<style>
   h2...
</style>

<h2>...</h2>

<p>...</p>
Oliver Varney
@OliverWoliver
Aug 29 2016 03:56
Could i have an example of the ipsum texts?
I dont really understand completely
Charly
@TFME
Aug 29 2016 03:56

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

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

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

<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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

mverselle
@mverselle
Aug 29 2016 03:56
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus bibendum felis eget tempus tincidunt. Maecenas congue, ex a aliquam feugiat, risus tortor sagittis risus
Charly
@TFME
Aug 29 2016 03:56
anything wrong there?
Ian Ramos
@codingwithian
Aug 29 2016 03:56
what's the difference between adding a class such as animated bounce using jquery(addClass), vs adding the class in the html? or are they both the same?
Oliver Varney
@OliverWoliver
Aug 29 2016 03:56
I dont understand that at all...
rphares
@rphares
Aug 29 2016 03:57
Monospace @TFME
mverselle
@mverselle
Aug 29 2016 03:57
@OliverWoliver Lorem Ipsum is a fake language
rphares
@rphares
Aug 29 2016 03:57
and thats font-family, not font-size @TFME
Charly
@TFME
Aug 29 2016 03:57
XD
Oliver Varney
@OliverWoliver
Aug 29 2016 03:57
But how do u use it
Darshan
@Dave1089
Aug 29 2016 03:57
@codingwithian the same
mverselle
@mverselle
Aug 29 2016 03:57
@OliverWoliver It is used for layout
Ian Ramos
@codingwithian
Aug 29 2016 03:57
@TFME mocospace is not a font size
Charly
@TFME
Aug 29 2016 03:57
thanks guys
mverselle
@mverselle
Aug 29 2016 03:57
so give me just a minute to type it out...
Rishikeshan
@rishikesh21
Aug 29 2016 03:57
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
rphares
@rphares
Aug 29 2016 03:57
if still stick, please let us know the name of the lesson wo we can better help~
Norvin Burrus
@ndburrus
Aug 29 2016 03:57

@OliverWoliver :sparkles:

Sample Lorem Ipsum Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Etiam tristique nisl a nulla. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
Designers discovered long ago that if you used real text with your design mockups, then clients would often get distracted by the meaning of the words; but if you use dummy text in a foreign language, such as Lorem Ipsum — which is excerpted from a play written in Latin by Cicero in 45 B.C. — then clients will ignore the text and focus instead on the design elements.

rphares
@rphares
Aug 29 2016 03:57
smaller-image @rishikesh21
Charly
@TFME
Aug 29 2016 03:57
helpful
Ian Ramos
@codingwithian
Aug 29 2016 03:57
@Dave1089 so why use jquery for it?
jpbnois
@jpbnois
Aug 29 2016 03:57
Thank you very much Norvin.
rphares
@rphares
Aug 29 2016 03:57
you are missing the r @rishikesh21
Norvin Burrus
@ndburrus
Aug 29 2016 03:58
@jpbnois comment/s :point_up: updated :sparkles:
mverselle
@mverselle
Aug 29 2016 03:58
lets say you are designing a website, and you want to work on how the site 'looks', but you do not have REAL content/words to put in places like paragraphs, H1, h2, etc
Darshan
@Dave1089
Aug 29 2016 03:58
@codingwithian so that you can manipulate html element based on your requirement
mverselle
@mverselle
Aug 29 2016 03:58
you use lorem ipsum to fill the spaces. because sometimes when you are designing a website, the way it looks without any text/words is different than if you have them
Norvin Burrus
@ndburrus
Aug 29 2016 03:58
@jpbnois you're welcome! resolved?
Milan
@bigboyprojects
Aug 29 2016 03:59
hey, i created an element with the background color silver and put it in my CSS style element. And now I am trying to assign it to the div element but it's not working
can anyone help ?
mverselle
@mverselle
Aug 29 2016 03:59
@bigboyprojects can you show us your code
rphares
@rphares
Aug 29 2016 03:59
@bigboyprojects hi! coud you paste your code please? :blush:
Milan
@bigboyprojects
Aug 29 2016 04:00
yes! i'll show you the end of my style element and the beginning of my div

.silver-blackground{background-color: silver;}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<div class="silver-background">
<p>Things cats love:</p>
<ul>

Norvin Burrus
@ndburrus
Aug 29 2016 04:00
@OliverWoliver comment/s :point_up: updated :sparkles:
rphares
@rphares
Aug 29 2016 04:00
silver-background, not blackround @bigboyprojects
(in your <style>)
Milan
@bigboyprojects
Aug 29 2016 04:00
wow
haha i can't believe i missed such an obvious mistake
rphares
@rphares
Aug 29 2016 04:00
little details catch us all~
Oliver Varney
@OliverWoliver
Aug 29 2016 04:00
So u use it to use up space?
mverselle
@mverselle
Aug 29 2016 04:01
it is not just you!
Norvin Burrus
@ndburrus
Aug 29 2016 04:01
@bigboyprojects <div class="class"></div>
mverselle
@mverselle
Aug 29 2016 04:01
@OliverWoliver correct
rphares
@rphares
Aug 29 2016 04:01
dont worry about it, give it a go, and let us know if still stuck! :blush:
Milan
@bigboyprojects
Aug 29 2016 04:01
i spent the past 5 min lookint at it
no it worked now ! thank you
Oliver Varney
@OliverWoliver
Aug 29 2016 04:01
But will ppl when looking at the website see the text?
Norvin Burrus
@ndburrus
Aug 29 2016 04:01
@bigboyprojects nice work! :+1:
rphares
@rphares
Aug 29 2016 04:01
Sure thing, happy coding! :)
Milan
@bigboyprojects
Aug 29 2016 04:01
oh yes it's working!
Rishikeshan
@rishikesh21
Aug 29 2016 04:01
@rphares Thanks for the correction
CamperBot
@camperbot
Aug 29 2016 04:01
rishikesh21 sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
Milan
@bigboyprojects
Aug 29 2016 04:01
you too :D
CamperBot
@camperbot
Aug 29 2016 04:01
:star2: 5939 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Aug 29 2016 04:02
Anytime~ Happy coding, @rishikesh21 :blush: (all good now? )
Michael Flores
@Floresmi
Aug 29 2016 04:02
.smaller-image {
mverselle
@mverselle
Aug 29 2016 04:02
@bigboyprojects I don't know how many times it has been just a misspelled word that causes a problem
Darshan
@Dave1089
Aug 29 2016 04:02
@Floresmi ?
Oliver Varney
@OliverWoliver
Aug 29 2016 04:02
But will ppl see the ipsum text when looking at the website see the text?
Derp..
mverselle
@mverselle
Aug 29 2016 04:03
@OliverWoliver yes...if you leave it there
Michael Flores
@Floresmi
Aug 29 2016 04:03
.smaller-image {
width: 100px;
}
</style>
Oliver Varney
@OliverWoliver
Aug 29 2016 04:03
Whats the point of putting it there then
Michael Flores
@Floresmi
Aug 29 2016 04:03
my image wont change
mverselle
@mverselle
Aug 29 2016 04:03
as a placeholder while you design
so you don't have to worry about getting REAL content/text to add
Darshan
@Dave1089
Aug 29 2016 04:03
@Floresmi did u assign class to the img ?
rphares
@rphares
Aug 29 2016 04:03
hi, @Floresmi 0-- good first step, but
when we make a style there are two steps,
mverselle
@mverselle
Aug 29 2016 04:04
which is not a problem right now..but once you get to designing much larger projects, sometimes you have a lot of text...
rphares
@rphares
Aug 29 2016 04:04
first you make it in the <style> section and give it the details, which you have done
mverselle
@mverselle
Aug 29 2016 04:04
and either you, or the customer you are working for does not have it ready
Oliver Varney
@OliverWoliver
Aug 29 2016 04:04
Oh so if u dont know what to there right now u put the ipsum text then go back to it later and put in what you wanted to earlier but didnt have
rphares
@rphares
Aug 29 2016 04:04
but second, you have to tell it which parts of your html get those details by adding it to the elements tag, @Floresmi
mverselle
@mverselle
Aug 29 2016 04:04
@OliverWoliver EXACTLY!
:)
Michael Flores
@Floresmi
Aug 29 2016 04:04
@Dave1089 No
Oliver Varney
@OliverWoliver
Aug 29 2016 04:04
YAY
:D
How do u send brownies
Darshan
@Dave1089
Aug 29 2016 04:05
mention and say thanks!
Rishikeshan
@rishikesh21
Aug 29 2016 04:05
<a href="http://freecatphotoapp.com"> cat photos </a> This shows the error: Your a element should have the anchor text of "cat photos".
Oliver Varney
@OliverWoliver
Aug 29 2016 04:06
Oh ok thanks xD
Sorry im new to this
@mverselle thanks!
CamperBot
@camperbot
Aug 29 2016 04:06
oliverwoliver sends brownie points to @mverselle :sparkles: :thumbsup: :sparkles:
:cookie: 145 | @mverselle |http://www.freecodecamp.com/mverselle
rphares
@rphares
Aug 29 2016 04:06

example:

<style>
.example-class {
width: 10px;
}
//i told it what details go with that class
</style>

<img src= "www.example.com">// this image has NO class
<img src= "www.example2.com" class= "example-class">//this image has the class! it will be 10px wide!

@Floresmi

Darshan
@Dave1089
Aug 29 2016 04:06
@rishikesh21 remove spaces before and after cat photos
Rishikeshan
@rishikesh21
Aug 29 2016 04:07
@Dave1089 I tried that too but did not work
Norvin Burrus
@ndburrus
Aug 29 2016 04:07
@OliverWoliver :sparkles:
rphares
@rphares
Aug 29 2016 04:07
(freaking heck... wheres my typo... sigh it is not happy with my formatting... too much time on mobile, sorry!)
Darshan
@Dave1089
Aug 29 2016 04:07
@OliverWoliver :+1:
rphares
@rphares
Aug 29 2016 04:08
we add class="some-class" to the tag of the element so it knows which elements get that class :) @Floresmi
Michael Flores
@Floresmi
Aug 29 2016 04:09
ok thanks @rphares
CamperBot
@camperbot
Aug 29 2016 04:09
floresmi sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5940 | @rphares |http://www.freecodecamp.com/rphares
chunxin liu
@chunxinliu
Aug 29 2016 04:09
how to do "Give the text input in your form the class form-control. "?
Darshan
@Dave1089
Aug 29 2016 04:09
@chunxinliu <form class="classname" >
mverselle
@mverselle
Aug 29 2016 04:10
@chunxinliu add class="form-control" to the input field
like @Dave1089 said :)
Darshan
@Dave1089
Aug 29 2016 04:11
@rishikesh21 try to refresh the page
chunxin liu
@chunxinliu
Aug 29 2016 04:11
is check box a input filed?
Rishikeshan
@rishikesh21
Aug 29 2016 04:12
@Dave1089 Thanks a lot it worked
CamperBot
@camperbot
Aug 29 2016 04:12
rishikesh21 sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 441 | @dave1089 |http://www.freecodecamp.com/dave1089
Oliver Varney
@OliverWoliver
Aug 29 2016 04:13
Im back ;-;
I dont understand CSS classes
Darshan
@Dave1089
Aug 29 2016 04:14
.classname { }
Oliver Varney
@OliverWoliver
Aug 29 2016 04:15
Huh?
rphares
@rphares
Aug 29 2016 04:15
@OliverWoliver , we use class to tell it how we want a bunch of things to look. For example, say we have a lot of headlines. we want them all the same font, and size, and margin, right? we can add the class in the <style> section, and tell it those details... then we just add the label to al the parts we want to get those details so they all have them and we only had to write the details out once :blush:
Erik Dreyer
@EliteCobra
Aug 29 2016 04:16
i created a css class for background and i used it in my div element but it doesnt work any ideas? its on codepen
Darshan
@Dave1089
Aug 29 2016 04:16
Michael Flores
@Floresmi
Aug 29 2016 04:16
@rphares thanks
CamperBot
@camperbot
Aug 29 2016 04:16
floresmi sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:warning: floresmi already gave rphares points
Darshan
@Dave1089
Aug 29 2016 04:17
@EliteCobra please paste ur pen link
Jesus S
@Vaizado
Aug 29 2016 04:18
how do i nest an existing element
with a new one
Oliver Varney
@OliverWoliver
Aug 29 2016 04:18
@rphares thanks but what i need to know is how i can use the classes
CamperBot
@camperbot
Aug 29 2016 04:18
oliverwoliver sends brownie points to @rphares :sparkles: :thumbsup: :sparkles:
:star2: 5941 | @rphares |http://www.freecodecamp.com/rphares
rphares
@rphares
Aug 29 2016 04:19

you write one in the <style> section, and then add class="" to the elements tag. Example:

<style>
.example-class {
width: 10px;
}
//i told it what details go with that class
</style>

<img src= "www.example.com">// this image has NO class
<img src= "www.example2.com" class= "example-class">//this image has the class! it will be 10px wide!

@OliverWoliver

Oliver Varney
@OliverWoliver
Aug 29 2016 04:19
<style>
.blue-text {
color: blue;
}
</style>
something like this?
Boris
@Boris1011
Aug 29 2016 04:19

@Vaizado

<element>
<nested element>
</nested elemet>
</element>

something like this!!!

rphares
@rphares
Aug 29 2016 04:19
yep--now you just need to add the class="" par tot the elements tag...
Oliver Varney
@OliverWoliver
Aug 29 2016 04:20
So how would i do that?
Darshan
@Dave1089
Aug 29 2016 04:21
@EliteCobra u havent closed the div </div>
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:21
hey guys!
good morning everyone
Darshan
@Dave1089
Aug 29 2016 04:21
This message was deleted
rphares
@rphares
Aug 29 2016 04:21

see the example above? you just add class= "your-class-name" to the tag,

<element class= "class-name">
in this case, the class name is blue-text. I'm not sure which element you are modifying...? @OliverWoliver

Boris
@Boris1011
Aug 29 2016 04:21
Hey @ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:22
anyone here know js
Erik Dreyer
@EliteCobra
Aug 29 2016 04:22
damn xD forgot i just did though but still nothing?
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:22
I am stuck on a little challenge
Oliver Varney
@OliverWoliver
Aug 29 2016 04:22

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

<h2>CatPhotoApp</h2

I tried to do this
Boris
@Boris1011
Aug 29 2016 04:23
@ahmedtarek2134 which one??? I kinda suck at js, but I am working on it now... might be something I have done already!!!
Oliver Varney
@OliverWoliver
Aug 29 2016 04:23
And it failed
And i need to figure out why
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:23
@Boris1011 it is the "stand in line" challenge

@Boris1011

In Computer Science a queue is an abstract Data Structure where items are kept in order. New items can be added at the back of the queue and old items are taken off from the front of the queue.

Write a function nextInLine which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The nextInLine function should then return the element that was removed.

rphares
@rphares
Aug 29 2016 04:23
so, you still need to adee the class= "red-text" to your tag... @OliverWoliver
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:24
@Boris1011 I dunno what he is talking about hehe
Darshan
@Dave1089
Aug 29 2016 04:24
@EliteCobra works for me
Norvin Burrus
@ndburrus
Aug 29 2016 04:25
@OliverWoliver :sparkles:
  • need red-text class in the h2 element
Boris
@Boris1011
Aug 29 2016 04:25
@ahmedtarek2134 Haven't done that one yet, but let me have a look at it!!! :fire:
Erik Dreyer
@EliteCobra
Aug 29 2016 04:26
i tried but it still shows background color as white
Norvin Burrus
@ndburrus
Aug 29 2016 04:26

@ahmedtarek2134 :sparkles:
we need to select 2 methods that will help us do the 2 requirements, here:

  • Add the number to the end of the array &
  • remove the first element of array

this may be helpful:

Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:27
@ndburrus add what number exactly?
Norvin Burrus
@ndburrus
Aug 29 2016 04:28
@ahmedtarek2134
the input variable, right? item
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:28
@ndburrus it is already added
I have two, arr and item
Norvin Burrus
@ndburrus
Aug 29 2016 04:28
@ahmedtarek2134 ok, so...resolved?
Darshan
@Dave1089
Aug 29 2016 04:28
@EliteCobra semi-colon in h1, move it inside
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:28
@ndburrus yes now I know, thx
CamperBot
@camperbot
Aug 29 2016 04:28
ahmedtarek2134 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1956 | @ndburrus |http://www.freecodecamp.com/ndburrus
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:29
holy sh** 1956 brownies?
Norvin Burrus
@ndburrus
Aug 29 2016 04:29
@ahmedtarek2134 you're welcome! nice job! :+1:
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:29
how are you gonna eat them all
?
Norvin Burrus
@ndburrus
Aug 29 2016 04:30
@ahmedtarek2134 did that mean schnikies? :)
Oliver Varney
@OliverWoliver
Aug 29 2016 04:30

<style>

class= "red-text"

color: red;
}

</style>

<h2>CatPhotoApp</h2

Erik Dreyer
@EliteCobra
Aug 29 2016 04:30
what do u mean @Dave1089
rphares
@rphares
Aug 29 2016 04:30
this part, class= "red-text" goes in the <h2> @OliverWoliver
Oliver Varney
@OliverWoliver
Aug 29 2016 04:30
Ok
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:31
@ndburrus maybe :smile:
Oliver Varney
@OliverWoliver
Aug 29 2016 04:31

<style>

class= "red-text"

color: red;
}

</style>

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

Like that?
Darshan
@Dave1089
Aug 29 2016 04:31
h1{font-size: 60px}; is wrong, h1{font-size: 60px ;} is correct
Norvin Burrus
@ndburrus
Aug 29 2016 04:32

@ahmedtarek2134 :sparkles:

schnikies
a placeholder for any curse word. this word should never be screamed or yelled. it must be said in a monotone voice. this word shall be used whenever there is great pain or loss. deep depression should soon follow.
jim lost all his money, on the river, playing texas holdem’. he stood up and said “schnikies…”. then he went home and shot himself. jim lived. maybe.
ref: definithing

rphares
@rphares
Aug 29 2016 04:32
close, but a) you dont want class= "red-text" in the <style> section, you had it right before,
.red-text {
color: red;
}
</style>
b) all of it goes in between the <> @OliverWoliver , move the second > after class= "red-text", not before~
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:33
@ndburrus I know what it is, I force click on any word that I dunno and it gets the meaning straight away #apple-benefits
:yum:
Erik Dreyer
@EliteCobra
Aug 29 2016 04:35
it works now thanks @Dave1089
CamperBot
@camperbot
Aug 29 2016 04:35
elitecobra sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 442 | @dave1089 |http://www.freecodecamp.com/dave1089
Darshan
@Dave1089
Aug 29 2016 04:35
@EliteCobra :+1:
Oliver Varney
@OliverWoliver
Aug 29 2016 04:36

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

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

Shouldnt this be correct?
Darshan
@Dave1089
Aug 29 2016 04:36
This message was deleted
Norvin Burrus
@ndburrus
Aug 29 2016 04:36
@OliverWoliver no. :sparkles:
  • include the class in the opening h2 tag.
Luis Felipe López G.
@luishendrix92
Aug 29 2016 04:37
@OliverWoliver it's:
<h2 class="red-text">CatPhotoApp</h2>
Oliver Varney
@OliverWoliver
Aug 29 2016 04:37
how do i do that @ndburrus
Norvin Burrus
@ndburrus
Aug 29 2016 04:38
@OliverWoliver :sparkles:
  • <h2 class="red-text">CatPhotoApp<h2>
rphares
@rphares
Aug 29 2016 04:38

you write one in the <style> section, and then add class="" to the elements tag. Example:

<style>
.example-class {
color:red;
}
//i told it what details go with that class
</style>

<p >
<p class= "example-class">//this p has the class! it will be 10px wide!

@OliverWoliver , look at the bottom line, where the <> go...

oh, or that~
Oliver Varney
@OliverWoliver
Aug 29 2016 04:39
I give up for tonight
;-;
Norvin Burrus
@ndburrus
Aug 29 2016 04:40
@OliverWoliver you're a champion :) nice work!
... not giving up.... just resting/regrouping.... :sparkles:
Oliver Varney
@OliverWoliver
Aug 29 2016 04:41
thanks @ndburrus
CamperBot
@camperbot
Aug 29 2016 04:41
oliverwoliver sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1957 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 29 2016 04:42
@OliverWoliver you're welcome! anytime! have a great evening :+1:
Oliver Varney
@OliverWoliver
Aug 29 2016 04:42
:)
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 04:44
@ndburrus I passed the challenge
I used the .push() method
Benjamin Roy
@benjaminroy
Aug 29 2016 04:48
  app.get('/new/*', function(req, res) {
    console.log('A new URL has been passed as a parameter.');
    m_original_url = req.params[0];
    // -- Add the new original URL and shortened URL to the collection --: 
    mycollection.findOne({ "original_url": m_original_url}, function(err, result) {
      if (err) throw err;
      if (result) {
        console.log('The new URL is not in the database');
      } 
      else {
        console.log('The new URL is already in the database');
      }
    });
Hey guys, when I run my code, the console.log in the if statement and the console.log in the else statement never show up.. I don't know what's wrong with this if statement? Otherwise, how can I check if a document exists in a collection in mongodb?
Erik Dreyer
@EliteCobra
Aug 29 2016 04:50
how do i put text between leftside of the page and the center of the page?
i don't understand what should I do. Please help me
Aldair
@ald1413
Aug 29 2016 05:03
hi can anyone check out my tribute page? http://codepen.io/ald1413/pen/EyzzAR
Jose Gomez
@josegomez93
Aug 29 2016 05:06
hello
Luis Felipe López G.
@luishendrix92
Aug 29 2016 05:06

@benjaminroy Try doing a console.log before the findOne and make sure m_original_url returns the URL that was passed; otherwise if it didn't work, use '/new/:url*' instead of '/new/*' and then instead of req.params[0] do req.params.url.

If that works, then it's a problem with the database. Make sure you set up a schema or collection (not sure if you're using Mongoose or MongoClient) and make sure you're successfully connected to the DB.

Jose Gomez
@josegomez93
Aug 29 2016 05:07
i am just starting and i have an 'x' on Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. but i have the viewer at 100%
hey guys I GOT IT!! :)
this is awesome!
Jlixerkun
@jlixerkun
Aug 29 2016 05:10
great to hear @josegomez93
Norvin Burrus
@ndburrus
Aug 29 2016 05:29
@ahmedtarek2134 great work! glad to gear! :+1:
@marienhof
the exercise is asking for a sentence to be built using the 4 word types given. it may be easiest to begin by making a complete (spacing & punctuation) sentence, using the 4 words. to make sense, the complete sentence will require a few "filler" words. :sparkles:
  • make sense?

@josegomez93 so, between these tags:

<style>
  ** need p element here **
</style>
  • can reference the example code format/syntax, here:
<style>
  .larger-image {
    width: 500px;
  }
</style>

what browser are you using?

Norvin Burrus
@ndburrus
Aug 29 2016 05:35
@josegomez93 nice work! :)
This message was deleted
Trevor Z.
@Trevor337
Aug 29 2016 05:37
blob
whats an easy way to take images from freecodecamp to ask for help?
Norvin Burrus
@ndburrus
Aug 29 2016 05:42
@Trevor337 '''
  • using Shift + enter will give you additional line feeds (space) for pasting your code. also, the backticks (`) key is located to the left of the number one (#1) key.
  • further, you may find the two buttons (chat/compose & markdown - the chat/compose button alternates modes) to the right of the text entry area helpful.
  • you can also edit (reply, quote, edit, delete) text after it's been entered by clicking on the three (3) dots to the right of the text entry area (it will appear when you hover to the right of the time stamp). or, you can press the up arrow/key.
CamperBot
@camperbot
Aug 29 2016 05:42
:bulb: to format code use backticks! ``` more info
Trevor Z.
@Trevor337
Aug 29 2016 05:44

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>

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

<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. >

Norvin Burrus
@ndburrus
Aug 29 2016 05:45
@Trevor337 :sparkles:
  • both classes can be listed within a single set of quotes. (inside the img tag/element)
  • only need one class=, ie class="class1 class2"
Trevor Z.
@Trevor337
Aug 29 2016 05:47
class="smaller-image, thick-green-border" tells me img doesn't have class smaller-image
Norvin Burrus
@ndburrus
Aug 29 2016 05:47
@Trevor337 :sparkles:
  • remove ,, here: image,
Thomas Noe
@t3h2mas
Aug 29 2016 05:47
drop the comma
AudriusMTK
@AudriusMTK
Aug 29 2016 05:47
do space, not ","
Trevor Z.
@Trevor337
Aug 29 2016 05:48
thanks guys!!!
Norvin Burrus
@ndburrus
Aug 29 2016 05:48
@Trevor337 you're welcome great job! :+1:
AudriusMTK
@AudriusMTK
Aug 29 2016 05:48
Read instructions more carefully :)
Jose Antonio Rivas
@joseantonio
Aug 29 2016 05:49
Lol
Helenbella
@Helenbella
Aug 29 2016 06:12

<style>
.red-text {
color:#FF0000;
}
.green-text {
color: #00FF00;
}
.dodger-blue-text {
color:#2998E4;
}
.orange-text {
color:#FFA500;
}
</style>

<h1 style=color:#FF0000>I am red!</h1>

<h1 style=color:#00FF00>I am green!</h1>

<h1 style=color:#2998E4>I am dodger blue!</h1>

<h1 style=color:#FFA500> I am orange!</h1>

it says that i have to give my h1 element with the text i am red a red color and i cant seem to solve it
AudriusMTK
@AudriusMTK
Aug 29 2016 06:14
use class="class name"
Picshulo
@Picshulo
Aug 29 2016 06:14
@Helenbella You need to create class "red-text" etc.. in your <h1> element and then change it in css
Helenbella
@Helenbella
Aug 29 2016 06:16
how can i do that?
<h1 style=color:#FF0000 class="red text"
AudriusMTK
@AudriusMTK
Aug 29 2016 06:17
<h1> class="red-text"> </h1>
Boring
@boringer
Aug 29 2016 06:17
<h1 class="red-text"></h1>
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:21
hey guys! so I updated my buttons library, added new types, options...etc check it out and tell me what do you think!
https://github.com/ahmedtarek2134/Butns
AudriusMTK
@AudriusMTK
Aug 29 2016 06:21
@ahmedtarek2134 cool
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:22
@AudriusMTK :+1:
:yum:
Boring
@boringer
Aug 29 2016 06:22
No demo page?
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:23
@boringer soon
I just wanted to release it
Yaqub Hassan
@Yaqubcode
Aug 29 2016 06:25

<style>
.red-text {
color: red;}
.red-text {font-size: 16px;}
</style>

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

<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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rio the couch sleeop the sink fluffy fur catnip scratched. </p>

Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:26
@Yaqubcode
.red-text {
color: red;
font-size: 16px;
}
Yaqub Hassan
@Yaqubcode
Aug 29 2016 06:26
cant seem this fnt siz issue
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:26
aha
Yaqub Hassan
@Yaqubcode
Aug 29 2016 06:26
can someone help please
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:27
.red-text {
color: red;
}
p{font-size: 16px;}
wait
Mamadou
@Mamadousy123
Aug 29 2016 06:27
how do you Emphasize target4?
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:27
@Mamadousy123 <em></em>
Yaqub Hassan
@Yaqubcode
Aug 29 2016 06:31
@ahmedtarek2134 thank you soo much ahmed
CamperBot
@camperbot
Aug 29 2016 06:31
yaqubcode sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @ahmedtarek2134 |http://www.freecodecamp.com/ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:31
welcome brother
Mamadou
@Mamadousy123
Aug 29 2016 06:31
@ahmedtarek2134 I have tried that but i didnt fully understand the concept and how it work ?
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 06:34
@Mamadousy123 u know you have .html right
?
Sergii
@sergii-zhuravel
Aug 29 2016 06:34
@Mamadousy123 Hi. You need to use .html() to set inner HTML, and .text() to get text from the tag
Defeds
@defeds
Aug 29 2016 06:35
Can somebody please tell my why my 3 div's aren't aligning properly? Just took a random website and i'm trying to rebuild it http://codepen.io/Davc/pen/jAgZQP
Sergii
@sergii-zhuravel
Aug 29 2016 06:36
@Mamadousy123 Example:
$("#target4").html("<em>" + $("#target4").text() + "</em>"); });
Avinash
@avinashpolu
Aug 29 2016 06:40
Hello guys! can you please check this and let me help with the error http://imgur.com/a/GSY3f
wenhui
@moonnn
Aug 29 2016 06:44
@avinashpolu <h1 class="pink-text"></h1>
Avinash
@avinashpolu
Aug 29 2016 06:44
@moonnn yeah
but still bottom two are showing error
Picshulo
@Picshulo
Aug 29 2016 06:45
@avinashpolu also
body {
}
.pink-text{
}
Avinash
@avinashpolu
Aug 29 2016 06:46
@Picshulo still error

<style>
body {
}

.pink-text{

}

</style>

<h1 class="pink-text"></h1>

Picshulo
@Picshulo
Aug 29 2016 06:47
@avinashpolu It was just example, you are not changing anything in your css now
Avinash
@avinashpolu
Aug 29 2016 06:48

<style>
body { background-color: black;
font-family: Monospace;
color: green;
}

.pink-text{

}

</style>

<h1 class="pink-text"></h1>

can you please tell me correct syntax
i am new to html
wenhui
@moonnn
Aug 29 2016 06:48
This message was deleted

<style>
body { background-color: black;
font-family: Monospace;
color: green;
}
.pink-text{ color:pink;

}

Avinash
@avinashpolu
Aug 29 2016 06:49
@moonnn @Picshulo thanks
CamperBot
@camperbot
Aug 29 2016 06:49
avinashpolu sends brownie points to @moonnn and @picshulo :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for moonnn
:cookie: 311 | @picshulo |http://www.freecodecamp.com/picshulo
Avinash
@avinashpolu
Aug 29 2016 06:50
@moonnn thank you
CamperBot
@camperbot
Aug 29 2016 06:50
:warning: could not find receiver for moonnn
avinashpolu sends brownie points to @moonnn :sparkles: :thumbsup: :sparkles:
Avinash
@avinashpolu
Aug 29 2016 06:54
guys
now i applied the same logic where the next class should override the pink text ,, but its showing error

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}

</style>

<h1 class="pink-text" class="blue-text">Hello World!</h1>

it still shows error
Picshulo
@Picshulo
Aug 29 2016 06:55
@avinashpolu Don't do twice class= in one element.. just make space after first class and write another
class="pink-text blue-text"
Avinash
@avinashpolu
Aug 29 2016 06:55
lemme try
Picshulo
@Picshulo
Aug 29 2016 06:56
It's in instructions
class="class1 class2"
saurabh beedkar
@usersaurabh
Aug 29 2016 06:57
This message was deleted
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 07:01

And suddenly The chat goes dead

Picshulo
@Picshulo
Aug 29 2016 07:03
I almost died when i saw french drivers :D
Sergii
@sergii-zhuravel
Aug 29 2016 07:03
The Monday is today :panda_face:
Ahmed Tarek
@ahmedtarek2134
Aug 29 2016 07:03
oh no why did you remind me
Sergii
@sergii-zhuravel
Aug 29 2016 07:05
:ghost:
Mamadou
@Mamadousy123
Aug 29 2016 07:10
how do you clone the target5?
Picshulo
@Picshulo
Aug 29 2016 07:12
@Mamadousy123 Instructions give you nice example how to clone something
$("#target2").clone().appendTo("#right-well");
Mamadou
@Mamadousy123
Aug 29 2016 07:13
I have used that example but its giving me an error ? @Picshulo
Sergii
@sergii-zhuravel
Aug 29 2016 07:13
@Mamadousy123 Just update the target name and right-well to left-well
Picshulo
@Picshulo
Aug 29 2016 07:15
@Mamadousy123 Sure, they won't tell you right solution :)
Mamadou
@Mamadousy123
Aug 29 2016 07:16
@sergey-zhuravel $("#target2").appendTo("#right-well");
$("#target5").clone() + $("#target5").appendTo("left-well");
Sergii
@sergii-zhuravel
Aug 29 2016 07:16
@Mamadousy123 Shuld be just $("#target5").clone().appendTo("#left-well");
Darth Skywalker
@adityaparab
Aug 29 2016 07:17
@sergey-zhuravel : appendTo("left-well") seems odd. For there is no such tag/element left-well. It can either be #left-well or .left-well
Sergii
@sergii-zhuravel
Aug 29 2016 07:18
@adityaparab Yes, I fixed. I just copied his code first
Darth Skywalker
@adityaparab
Aug 29 2016 07:18
@Mamadousy123 : Why is there a + in
$("#target5").clone() + $("#target5").appendTo("left-well");
are you trying to append something?
Sergii
@sergii-zhuravel
Aug 29 2016 07:19
Oh, and there was no clone()
Here is the final answer:
$("#target5").clone().appendTo("#left-well");
Darth Skywalker
@adityaparab
Aug 29 2016 07:19
$("#target5").clone().appendTo("#left-well");
would achieve the same result
Right!
Mamadou
@Mamadousy123
Aug 29 2016 07:21
thanks you guys
shay kagan
@MrRedIsHere
Aug 29 2016 07:23
hello how to make dead links using the hash symbol?
Sergii
@sergii-zhuravel
Aug 29 2016 07:23
@MrRedIsHere href="#"
Darth Skywalker
@adityaparab
Aug 29 2016 07:23
@MrRedIsHere href="#"
Avinash
@avinashpolu
Aug 29 2016 07:24
hello guys, getting error despite giving hex code for green, can you please look into this and help

<style>
.red-text {
color: #FF0000;
}
.green-text {
color: 00FF00;
}
.dodger-blue-text {
color: #2998E4;
}
.orange-text {
color: #FFA500;
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="dodger-blue-text">I am dodger blue!</h1>

<h1 class="orange-text">I am orange!</h1>

error: Use the hex code for the color green instead of the word green.
Sergii
@sergii-zhuravel
Aug 29 2016 07:24
@avinashpolu Forgot hash symbol
Darth Skywalker
@adityaparab
Aug 29 2016 07:24
@avinashpolu : You're missing # in color code
Avinash
@avinashpolu
Aug 29 2016 07:25
@sergey-zhuravel @adityaparab thanks :smile:
CamperBot
@camperbot
Aug 29 2016 07:25
avinashpolu sends brownie points to @sergey-zhuravel and @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 181 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
:cookie: 639 | @adityaparab |http://www.freecodecamp.com/adityaparab
Avinash
@avinashpolu
Aug 29 2016 07:25
lol
Darth Skywalker
@adityaparab
Aug 29 2016 07:25
ha!
shay kagan
@MrRedIsHere
Aug 29 2016 07:26
it does not work
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p> where i need to add "#"
Picshulo
@Picshulo
Aug 29 2016 07:30
@MrRedIsHere instead of "http://www.freecatphotoapp.com" do "#"
shay kagan
@MrRedIsHere
Aug 29 2016 07:30
ok
tnx for the help
Picshulo
@Picshulo
Aug 29 2016 07:31
:thumbsup:
Yaqub Hassan
@Yaqubcode
Aug 29 2016 07:37

<link href="https://fonts.googleapis.com/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;
}
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

Chris Cullen
@123xylem
Aug 29 2016 07:37
http://codepen.io/123xylem/pen/JKqYZY?editors=0011
Please help why does my prompt function get overridden by the .boxclick function beneath it?
Yaqub Hassan
@Yaqubcode
Aug 29 2016 07:37
im suppose to create amg elemnt
can someone help please
Sergii
@sergii-zhuravel
Aug 29 2016 07:38
@Yaqubcode amg or img?
jpbnois
@jpbnois
Aug 29 2016 07:39

<link href="https://fonts.googleapis.com/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"https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

Yaqub Hassan
@Yaqubcode
Aug 29 2016 07:39
img
Picshulo
@Picshulo
Aug 29 2016 07:39
@Yaqubcode Try to reload page
jpbnois
@jpbnois
Aug 29 2016 07:39
IMG where?
Yaqub Hassan
@Yaqubcode
Aug 29 2016 07:40
@sergey-zhuravel Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
thats my errors
Sergii
@sergii-zhuravel
Aug 29 2016 07:40

@Yaqubcode Add
.smaller-image {
width: 100px;
}
in style

and class="smaller-image
into img

Yaqub Hassan
@Yaqubcode
Aug 29 2016 07:41
@sergey-zhuravel thank you bro
CamperBot
@camperbot
Aug 29 2016 07:41
:cookie: 182 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
yaqubcode sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
Sergii
@sergii-zhuravel
Aug 29 2016 07:42
np
Yaqub Hassan
@Yaqubcode
Aug 29 2016 07:42
i will clean the code and readd it
will let you know
Avinash
@avinashpolu
Aug 29 2016 07:43
hello guys
Lesson: Use Responsive Design with Bootstrap Fluid Containers
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:44
your code?
Avinash
@avinashpolu
Aug 29 2016 07:47

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<link href="https://fonts.googleapis.com/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;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<div><label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
unable to understand whats "container-fluid."

Boring
@boringer
Aug 29 2016 07:49
It's a class name to be added into tags.
Avinash
@avinashpolu
Aug 29 2016 07:49

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<link href="https://fonts.googleapis.com/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;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<div><p>Click here for <a href="#">cat photos</a>.</p></div>

<div><a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a></div>

<div><p>Things cats love:</p></div>

<div><ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul></div>

<div><p>Top 3 things cats hate:</p></div>

<div><ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol></div>

<form action="/submit-cat-photo">
<div><label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
<div><label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label></div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

can you please explain me with one example!
@boringer
daxin
@deljiayou1122
Aug 29 2016 07:50
hi,what's this problem?
<botton type="botton" class="btn">Like</botton>
Chris Cullen
@123xylem
Aug 29 2016 07:50
$(document).ready(function() {
  user = prompt("Choose X or O", "Choose Wisely!");
  if(user == "X"||"x"){
    userX = true;
    userText = "X".css("color", "red");
  }
  else{
    userO = true;
    userText = "O".css("color", "blue");
  }
  console.log("Player chose symbol: " + user);
  $(".box").on('click', function act(){
    var id = $(this).attr('id');//id equals the id of the box clicked
    var index = null;

    for(var i = 0; i < choices.length; i++){
      if(boxesTaken[i] == id){   //if that id has been used
        console.log("This box is taken");
        alert("Choose Another Box");
      }
      if(choices[i] === id){      //If that is still available in choices
        console.log("Player chose box: " + id);
        $("#" + id).text(userText);
            boxesTaken.push(id);
             console.log(boxesTaken);

        answer.push(id.toUpperCase()); //NEEDED??
        removeChoice(i);
        cpu();
        break;
      }
    };
  })
});
Is this prompt written corectly? Its not executing after the first else statement...
Boring
@boringer
Aug 29 2016 07:50
@deljiayou1122 button, not botton
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:51
@deljiayou1122 and i thought it's button ?
Picshulo
@Picshulo
Aug 29 2016 07:51
@deljiayou1122 typo everywhere
daxin
@deljiayou1122
Aug 29 2016 07:51
Oh, YES
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:51
i guess that's how they say button in sweden :)
daxin
@deljiayou1122
Aug 29 2016 07:52
haha
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:52
now who can help with my code: <gumb type="gumb" class="btn">Like</gumb> :yum:
Picshulo
@Picshulo
Aug 29 2016 07:55
@diomed better than <tlačítko type="tlačítko" class="btn">Like</tlačítko> :D
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:55
haha, indeed, wolfkitty
what's the plural of that?
Boring
@boringer
Aug 29 2016 07:56
So what's wrong with my code: <卧槽 type="卧槽" class="btn">Like</卧槽>
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:57
hue hue hue
Picshulo
@Picshulo
Aug 29 2016 07:57
Tlačítka, AchmedDoggy
May Kittens Devour Your Soul
@diomed
Aug 29 2016 07:57
sounds better than gumbi
@boringer I love your page.
it's so profound
Picshulo
@Picshulo
Aug 29 2016 07:58
Or knoflík :D
Boring
@boringer
Aug 29 2016 07:59
Chinese is profound. :smile:
Janssen Dalt
@JanssenDalt
Aug 29 2016 08:41
Heya guys, for the Tribute Page challenge, I've got this far https://codepen.io/janssendalt/pen/kXOvBV?editors=1100
But I'm starting to think I'm overcomplicating it
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:42
<button class="btn btn-block btn-info">Info</button>
why should i add btn and btn-block class to work btn-info?
jpbnois
@jpbnois
Aug 29 2016 08:43
how do I make my a element a dead link? <p>Click here for <a href= "#"> "http://www.freecatphotoapp.com">cat photos</a>.</p>
Sergii
@sergii-zhuravel
Aug 29 2016 08:46
@latheesh9796 It will work just with class="btn-info"
@jpbnois remode the URL at all
jpbnois
@jpbnois
Aug 29 2016 08:47
<p>Click here for <a href="#">cat photos</a>.</p>
like that? still doesn't work
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:48
@sergey-zhuravel I din work bro.I just realised it.Btn class will get you a button.btn-block will expand ur button and the color work is done by btn-danger it wont work with just btn-danger
@jpbnois Remove the " . " between </a> and </p>
Sergii
@sergii-zhuravel
Aug 29 2016 08:48
@latheesh9796 It will work, it just will add the icon
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:49
@sergey-zhuravel Oh yeah it did work thanks bro
CamperBot
@camperbot
Aug 29 2016 08:49
latheesh9796 sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 183 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Sergii
@sergii-zhuravel
Aug 29 2016 08:49
@latheesh9796 Those classes are just for styling of the element
jpbnois
@jpbnois
Aug 29 2016 08:49
Still doesn't work
Sergii
@sergii-zhuravel
Aug 29 2016 08:50
@jpbnois
<p>Click here for <a href="#">cat photos</a></p>
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:50
@jpbnois <p>Click here for <a href="#">cat photos</a></p>
@sergey-zhuravel I have just started bootstrap in freecodecamp.Will freecodecamp be useful?
@sergey-zhuravel Is it good enough?
CarloLepejian
@CarloLepejian
Aug 29 2016 08:51
Hello, I am having this problem where I make a deadlink with hashtag and still doesnt work
Heres the lie
line*
<p>Click here for <a href="#">cat photos</a></p>
jpbnois
@jpbnois
Aug 29 2016 08:51
^^ same here
CarloLepejian
@CarloLepejian
Aug 29 2016 08:51
;o
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:52
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
I used this dead link in my code and still its working
Sergii
@sergii-zhuravel
Aug 29 2016 08:52
@latheesh9796 It's just basics I think..
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:52
hmmm
jpbnois
@jpbnois
Aug 29 2016 08:54
so confused.. <p>Click here for <a href="#">cat photos</a></p>
still keep getting an error
CarloLepejian
@CarloLepejian
Aug 29 2016 08:54
same
Picshulo
@Picshulo
Aug 29 2016 08:55
@jpbnois try refresh page
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:55
@jpbnois I copied ur code and tried here on my page and its working...Refresh n try
CarloLepejian
@CarloLepejian
Aug 29 2016 08:55
I did
ty for that
jpbnois
@jpbnois
Aug 29 2016 08:55
Fixed lol
CarloLepejian
@CarloLepejian
Aug 29 2016 08:55
haha
same
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:55
lol
jpbnois
@jpbnois
Aug 29 2016 08:55
why did it work once I refreshed?
Picshulo
@Picshulo
Aug 29 2016 08:56
@jpbnois Magic
Latheeshwar Raj
@latheesh9796
Aug 29 2016 08:56
cache maybe
jpbnois
@jpbnois
Aug 29 2016 08:56
interesting.
luohuan
@luohuan
Aug 29 2016 08:56
hello everyone I am from china. glad to meet you guys
Boring
@boringer
Aug 29 2016 08:57
Me too.
Picshulo
@Picshulo
Aug 29 2016 08:57
Hello :cat:
Chris Cullen
@123xylem
Aug 29 2016 08:58
$(document).ready(function() {
  user = prompt("Choose X or O", "Choose Wisely!");
  if(user == "X"||"x"){
    userX = true;
    userText = "X";
  }
  else{
    userO = true;
    userText = "O";    
    console.log(userText);

  }
Any idea why my else wont trigger?
J4yKay
@J4yKay
Aug 29 2016 08:58
Hey can someone please clarify when to use div container, container-fluid, row, col-xs-md-lg-etc
luohuan
@luohuan
Aug 29 2016 09:00
I know @123xylem because || "x"
Chris Cullen
@123xylem
Aug 29 2016 09:00
how come?
@luohuan
luohuan
@luohuan
Aug 29 2016 09:00
a string “x” the computer will make it ture
my english is not good forgive me .
Sergii
@sergii-zhuravel
Aug 29 2016 09:01
@123xylem Because it will be always x )
luohuan
@luohuan
Aug 29 2016 09:01
fisrst if user == "X" return false
Chris Cullen
@123xylem
Aug 29 2016 09:02
@luohuan @luohuan @sergey-zhuravel good job thanks
CamperBot
@camperbot
Aug 29 2016 09:02
123xylem sends brownie points to @luohuan and @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 27 | @luohuan |http://www.freecodecamp.com/luohuan
:cookie: 184 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Chris Cullen
@123xylem
Aug 29 2016 09:02
fixed with || user =="x"
luohuan
@luohuan
Aug 29 2016 09:02
then will check "x" and a string to boolean will always return ture
except ""
Sergii
@sergii-zhuravel
Aug 29 2016 09:02
In JS || returns first value that is true
Chris Cullen
@123xylem
Aug 29 2016 09:03
so what does if =="x" mean.. does a lower case x exist?
luohuan
@luohuan
Aug 29 2016 09:04
if(user =="X"|| user=="x")
Sergii
@sergii-zhuravel
Aug 29 2016 09:08
@123xylem Or if (user.toUpperCase() === "X")
Latheeshwar Raj
@latheesh9796
Aug 29 2016 09:09
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4
<div class="row">
<button class="btn btn-block btn-primary cols-xs-4">Like</button>
<button class="btn btn-block btn-info cols-xs-4">Info</button>
<button class="btn btn-block btn-danger cols-xs-4">Delete</button>
</div>
not working
what should i do
Chris Cullen
@123xylem
Aug 29 2016 09:09
@sergey-zhuravel @luohuan yea i did that thanks but just wondered what the cpu thought : if (X or x) meant?
CamperBot
@camperbot
Aug 29 2016 09:09
123xylem sends brownie points to @sergey-zhuravel and @luohuan :sparkles: :thumbsup: :sparkles:
:warning: 123xylem already gave luohuan points
:warning: 123xylem already gave sergey-zhuravel points
luohuan
@luohuan
Aug 29 2016 09:09
actually I think you should run user = user.tirm(); first
Sergii
@sergii-zhuravel
Aug 29 2016 09:09
@latheesh9796 Add additional divs around buttons tags, with cols-xs-4 class
Latheeshwar Raj
@latheesh9796
Aug 29 2016 09:10
Whats the point of it
steamedapples
@steamedapples
Aug 29 2016 09:11
you have to cols-xs-4 the divs, not the buttons
Sergii
@sergii-zhuravel
Aug 29 2016 09:11
@123xylem if requires logical expression. It says - if (the expression here is true) - do something
steamedapples
@steamedapples
Aug 29 2016 09:12
<
Sergii
@sergii-zhuravel
Aug 29 2016 09:12
user == "x" || user=="X" means - variable user is equal to string x OR equal to string X
if one of these is true, then all expression is true
steamedapples
@steamedapples
Aug 29 2016 09:14
@latheesh9796 <div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like<i class= "fa fa-thumbs-up"></i> </button>
</div>
</div>
for example, with one button
col-xs-4 only works with div, not button
Latheeshwar Raj
@latheesh9796
Aug 29 2016 09:15
worked
steamedapples
@steamedapples
Aug 29 2016 09:15
👍🏻
Bonnovero
@Bonnovero
Aug 29 2016 09:29
guys. this is a bit offtopic. i need help. buying X1 Carbon
256SSD+8RAM vs Touchscreen+180SSD+4RAM
I'm down to these two options. other specs are the same. help me decide
saurabh beedkar
@usersaurabh
Aug 29 2016 09:37
Give the text " input" in your form the class "form-control" means what to do
Avinash
@avinashpolu
Aug 29 2016 09:38
hello guys
lesson: Create a Bootstrap Button
its giving me error "Create a new button element with the text "Like".
" despite creating it
Myron Walters
@mwalters13
Aug 29 2016 09:38
http://codepen.io/mwalters14/pen/dXxwro Can anyone take a look at the code and explain how I can get the fixed navbar to not cover text?
Avinash
@avinashpolu
Aug 29 2016 09:38
<button class= "btn" type="like">Submit</button>
Myron Walters
@mwalters13
Aug 29 2016 09:39
Capital L @avinashpolu
type="Like"?
Avinash
@avinashpolu
Aug 29 2016 09:40
@mwalters13 i ll get you screen shot,, hold on
Sergii
@sergii-zhuravel
Aug 29 2016 09:41
@avinashpolu Reread the task description, there is all info how to make bs button
Myron Walters
@mwalters13
Aug 29 2016 09:42
@avinashpolu change type="Like"
you have "like"
do you understand?
Avinash
@avinashpolu
Aug 29 2016 09:42
@mwalters13 @sergey-zhuravel thanks
CamperBot
@camperbot
Aug 29 2016 09:42
avinashpolu sends brownie points to @mwalters13 and @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 186 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
:cookie: 120 | @mwalters13 |http://www.freecodecamp.com/mwalters13
Avinash
@avinashpolu
Aug 29 2016 09:42
got it
Myron Walters
@mwalters13
Aug 29 2016 09:42
<button type="Like" class="btn"
ok cool
Glad I can help @avinashpolu
Avinash
@avinashpolu
Aug 29 2016 09:43
:)
May Kittens Devour Your Soul
@diomed
Aug 29 2016 09:48
@mwalters13 what is top: 0;
not really sure, but if you said left: 0; it would also fix left :yum:
Myron Walters
@mwalters13
Aug 29 2016 09:49
@diomed top is the space between the top of my page and my navbar
if I add say 5px to top my nav bar will be 5 from the top
Louie
@SaltyBurrito
Aug 29 2016 09:50
blob
could i have some help with that?
May Kittens Devour Your Soul
@diomed
Aug 29 2016 09:50