These are chat archives for FreeCodeCamp/Help

22nd
May 2017
Marcdur
@Marcdur
May 22 2017 00:00
It seems that my browser zoom needs to be at 100%. i have already done it, but it doesn't work
Stevekrnr
@Stevekrnr
May 22 2017 00:00

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

    });        

</script>.......do I need to add something to this, maybe replacing a couple of words?

Manish Giri
@Manish-Giri
May 22 2017 00:01
@Marcdur your code?
Xarri Jorge
@xarrijorge
May 22 2017 00:01
@Stevekrnr No. its fine
Stevekrnr
@Stevekrnr
May 22 2017 00:02
is it normal to see this at the TOP of a page?
Xarri Jorge
@xarrijorge
May 22 2017 00:03
@Stevekrnr Yes. it is. most people put them there.
Melissa J. Hill
@gojourney
May 22 2017 00:04
So, I'm starting the Personal Portfolio - I'm supposed to start with a bootstrap template as the foundation?
Stevekrnr
@Stevekrnr
May 22 2017 00:05
for some reason it keeps coming up with an X on: "Create a script element making sure it is valid and has a closing tag"
Xarri Jorge
@xarrijorge
May 22 2017 00:05
@gojourney it is not required. I built mine entirely without any frameworks
Stevekrnr
@Stevekrnr
May 22 2017 00:06
what makes a script element INvalid?
Melissa J. Hill
@gojourney
May 22 2017 00:08
@kodinglife thank you. I don't think I'm ready for that yet :-)
CamperBot
@camperbot
May 22 2017 00:08
gojourney sends brownie points to @kodinglife :sparkles: :thumbsup: :sparkles:
:cookie: 398 | @kodinglife |http://www.freecodecamp.com/kodinglife
Stevekrnr
@Stevekrnr
May 22 2017 00:08
maybe i'm wrong, but it feels like it should say jQuery somewhere in that code
ajaniisles3
@ajaniisles3
May 22 2017 00:08

<style>

<h2 {color: blue;}>CatPhotoApp</h2>
</style>

<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>
Is this correct.

@Xarri Jorge
Xarri Jorge
@xarrijorge
May 22 2017 00:09
@ajaniisles3 take the >catphoteApp</h2> from style
ajaniisles3
@ajaniisles3
May 22 2017 00:09
u mean delete that part
?
Xarri Jorge
@xarrijorge
May 22 2017 00:10

@ajaniisles3 should be: `<style>
h2 {color: blue;}
</style>

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

Michal Olszewski
@webnoodle
May 22 2017 00:11

@ajaniisles3 ```

<style>
h2 {
color: blue;
}
</style>
```

Lance
@texas2010
May 22 2017 00:12
@mstellaluna lol. btw you are in help room :P
Michal Olszewski
@webnoodle
May 22 2017 00:12
<style>
  h2 {
    color: blue;
  }
</style>
ajaniisles3
@ajaniisles3
May 22 2017 00:12

<style>

<h2 {color: blue;} </style>

<h2>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>
Yarri I did exactly what u said but it is still wrong

Xarri Jorge
@xarrijorge
May 22 2017 00:13
@ajaniisles3 remove < from h2 in style
Michal Olszewski
@webnoodle
May 22 2017 00:13
@ajaniisles3
ajaniisles3
@ajaniisles3
May 22 2017 00:13
Thanks guys I finally got it right
Benkavod
@Benkavod
May 22 2017 00:13
@ajaniisles3 why do you have an angle bracket here <h2 {color: blue;}
ajaniisles3
@ajaniisles3
May 22 2017 00:13
Yessssssssss
gerritvansittert
@gerritvansittert
May 22 2017 00:13
Trying to give my img element the following class: <style>
.larger-image {
width: 500px;
}
</style>
Xarri Jorge
@xarrijorge
May 22 2017 00:14
@ajaniisles3 please @ for brownies
Benkavod
@Benkavod
May 22 2017 00:14
@gerritvansittert you'd need to add the larger-image class to your img element
Michal Olszewski
@webnoodle
May 22 2017 00:14
@gerritvansittert <img class= "?">
ajaniisles3
@ajaniisles3
May 22 2017 00:14
I removed the bracket @Benkavod
gerritvansittert
@gerritvansittert
May 22 2017 00:14
I accomplished the same result with: img {
width: 100px;
} though
Benkavod
@Benkavod
May 22 2017 00:14
@ajaniisles3 cool :thumbsup:
@gerritvansittert yes that would work but may affect any other img image in your code
gerritvansittert
@gerritvansittert
May 22 2017 00:15
@Benkavod how do I add a larger-image class?
Baja903
@Baja903
May 22 2017 00:16
got a question guys
Xarri Jorge
@xarrijorge
May 22 2017 00:16
@gerritvansittert .larger-image{'''''}
CamperBot
@camperbot
May 22 2017 00:16
:bulb: to format code use backticks! ``` more info
Baja903
@Baja903
May 22 2017 00:16
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Imran Ali
@youngcoder7
May 22 2017 00:16
i need help
Your img element should have the class thick-green-border.
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
Benkavod
@Benkavod
May 22 2017 00:16
@gerritvansittert @webnoodle posted this above <img class= "?">
Xarri Jorge
@xarrijorge
May 22 2017 00:17
@youngcoder7 post code
Imran Ali
@youngcoder7
May 22 2017 00:17

<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: green;
border-width: 10px;
border-style: solid;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>
<img class= "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>

Benkavod
@Benkavod
May 22 2017 00:17
@Baja903 what does your attempt look like?
Baja903
@Baja903
May 22 2017 00:18
my attempt is this <form action="/submit-cat-photo" input type="text" placeholder="cat photo URL"></form>
Manish Giri
@Manish-Giri
May 22 2017 00:18
where did the tags go?
Stevekrnr
@Stevekrnr
May 22 2017 00:18
it was right this whole time lol. I had to refresh the page and not just hit reset
Manish Giri
@Manish-Giri
May 22 2017 00:18
@Baja903
Xarri Jorge
@xarrijorge
May 22 2017 00:18
@youngcoder7 add thick-green-border to img tag in html
Benkavod
@Benkavod
May 22 2017 00:18
@youngcoder7 copy refresh and paste your code after adding the class thick-green-border toyour html img tag
Stevekrnr
@Stevekrnr
May 22 2017 00:19
that wasted my day smh
Michal Olszewski
@webnoodle
May 22 2017 00:20
<form> and <input> are two different elements
Benkavod
@Benkavod
May 22 2017 00:20
@Baja903 form and input are two different html elements
Imran Ali
@youngcoder7
May 22 2017 00:20
it fixed one problem
3 left
Saboor Malik
@MathematicsCoding
May 22 2017 00:20
This message was deleted
Benkavod
@Benkavod
May 22 2017 00:21
@youngcoder7 which three?
Imran Ali
@youngcoder7
May 22 2017 00:21
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
Chiu Yong
@chiuyong
May 22 2017 00:21
hello
Baja903
@Baja903
May 22 2017 00:21
i will try again
Chiu Yong
@chiuyong
May 22 2017 00:21
I need a help
Xarri Jorge
@xarrijorge
May 22 2017 00:22
@youngcoder7 refresh browser
Imran Ali
@youngcoder7
May 22 2017 00:22
i did
Xarri Jorge
@xarrijorge
May 22 2017 00:22
@youngcoder7 copy code, reset challenge and paste
Redbone
@reddred
May 22 2017 00:22
Need help. having trouble making my," a element" a dead link with a href attribute set to "#".
Benkavod
@Benkavod
May 22 2017 00:22
@Baja903 you just need to close your form tag and have a separate angle brackets
@youngcoder7 lets see what your code looks like now
Redbone
@reddred
May 22 2017 00:23
When I make the href a # its not working
Imran Ali
@youngcoder7
May 22 2017 00:23

<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: green;
border-width: 10px;
border-style: solid;
}
</style>

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

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

Benkavod
@Benkavod
May 22 2017 00:23
@reddred href="#"
Michal Olszewski
@webnoodle
May 22 2017 00:23
@reddred it's very simple read instruction again
Chiu Yong
@chiuyong
May 22 2017 00:23
is there anybody with experience in web dev here?
Redbone
@reddred
May 22 2017 00:23
@webnoodle will do sir
Michal Olszewski
@webnoodle
May 22 2017 00:23
@Benkavod :+1:
Benkavod
@Benkavod
May 22 2017 00:23
@youngcoder7 the two classes are meant to go in one img tag
Xarri Jorge
@xarrijorge
May 22 2017 00:23
@youngcoder7 you forgot quotes on thick-green-border
Redbone
@reddred
May 22 2017 00:24
@Benkavod thanks
CamperBot
@camperbot
May 22 2017 00:24
reddred sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:cookie: 191 | @benkavod |http://www.freecodecamp.com/benkavod
Baja903
@Baja903
May 22 2017 00:24

like so? .... <form action="/submit-cat-photo"></form>

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

solved
this was the correct code..... <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Benkavod
@Benkavod
May 22 2017 00:25
@Baja903 you're on track but now place the input tag between the form tags
Michal Olszewski
@webnoodle
May 22 2017 00:25
off to bed, need to get up in 4,5h :shipit: happy coding :)
Xarri Jorge
@xarrijorge
May 22 2017 00:25
@youngcoder7 <img class= "smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> replace both img tags with that
Benkavod
@Benkavod
May 22 2017 00:25
@Baja903 well done :thumbsup:
gerritvansittert
@gerritvansittert
May 22 2017 00:25
Thanks guys
Benkavod
@Benkavod
May 22 2017 00:25
@webnoodle :thumbsup: :wave:
Baja903
@Baja903
May 22 2017 00:25
trying not to ask too many questions ^_^
thanks guys
Michal Olszewski
@webnoodle
May 22 2017 00:25
@Benkavod :+1:
gn all
Benkavod
@Benkavod
May 22 2017 00:26
@Baja903 that's why we're here
Imran Ali
@youngcoder7
May 22 2017 00:26
@kodinglife thanks man it worked
CamperBot
@camperbot
May 22 2017 00:26
youngcoder7 sends brownie points to @kodinglife :sparkles: :thumbsup: :sparkles:
:cookie: 400 | @kodinglife |http://www.freecodecamp.com/kodinglife
Benkavod
@Benkavod
May 22 2017 00:26
@webnoodle G'night
Xarri Jorge
@xarrijorge
May 22 2017 00:26
@youngcoder7 :thumbsup: don't forget @Benkavod as well
Imran Ali
@youngcoder7
May 22 2017 00:27
@Benkavod thanks bruv
CamperBot
@camperbot
May 22 2017 00:27
youngcoder7 sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:cookie: 192 | @benkavod |http://www.freecodecamp.com/benkavod
Benkavod
@Benkavod
May 22 2017 00:27
@kodinglife thanks bro :thumbsup: :sparkles:
CamperBot
@camperbot
May 22 2017 00:27
benkavod sends brownie points to @kodinglife :sparkles: :thumbsup: :sparkles:
:cookie: 401 | @kodinglife |http://www.freecodecamp.com/kodinglife
Benkavod
@Benkavod
May 22 2017 00:27
@youngcoder7 any time :thumbsup:
Xarri Jorge
@xarrijorge
May 22 2017 00:28
@Benkavod :thumbsup:
ajaniisles3
@ajaniisles3
May 22 2017 00:28
@kodinglife do u have challenge: Use a CSS class to Style an Element.
Xarri Jorge
@xarrijorge
May 22 2017 00:28
@ajaniisles3 yeah. what is it?
ajaniisles3
@ajaniisles3
May 22 2017 00:28
chellenge 11
Xarri Jorge
@xarrijorge
May 22 2017 00:29
@ajaniisles3 What's the instructions
Alexander Køpke
@alexanderkopke
May 22 2017 00:31

Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.

Give your h2 element the class attribute with a value of 'red-text'.

ajaniisles3
@ajaniisles3
May 22 2017 00:31

<style>
.blue-text {
color: blue;
}
</style>
You can see that we've created a CSS class called blue-text within the <style> tag.
You can apply a class to an HTML element like this:

<h2 class="blue-text">CatPhotoApp</h2>
Note that in your CSS style element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.
Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.
Give your h2 element the class attribute with a value of 'red-text'.

Run tests (ctrl + enter)

Reset
Help
Bug

Your h2 element should be red.

Your h2 element should have the class red-text.

Your stylesheet should declare a red-text class and have its color set to red.

Do not use inline style declarations like style="color: red" in your h2 element.

May I please see your @kodinglife
Xarri Jorge
@xarrijorge
May 22 2017 00:32
@ajaniisles3 change blue to red everywhere
Imran Ali
@youngcoder7
May 22 2017 00:32
how do i use border-radius?
ajaniisles3
@ajaniisles3
May 22 2017 00:32
that's what I did and there is still an error
Xarri Jorge
@xarrijorge
May 22 2017 00:33

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

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

Manish Giri
@Manish-Giri
May 22 2017 00:33
@ajaniisles3 have you tried to research about the problem you're facing?
like on MDN, or W3Schools?
dividendz
@dividendz
May 22 2017 00:39
Hello again world!
Frank McCroy
@fmccroy
May 22 2017 00:40
@dividendz We’re sorry, the world you are trying to hello has been disconnected, please check the URL and try again. <beep beep beep>
Manish Giri
@Manish-Giri
May 22 2017 00:40
lol
welcome to the matrix
Redbone
@reddred
May 22 2017 00:41
Need help. <p><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>.</p> Is this the correct way to Nest your image within an a element.
Xarri Jorge
@xarrijorge
May 22 2017 00:41
@reddred Perfect!
Redbone
@reddred
May 22 2017 00:43
@kodinglife its telling me that I'm not doing this correct. Nest the existing img element within an a element.
Not sure what I'm doing wrong
Xarri Jorge
@xarrijorge
May 22 2017 00:45
@reddred maybe you should remove the p element
Dillon Orr
@dillorr
May 22 2017 00:45
Hey everybody, having a bit of an issue, not sure why this isn't being accepted <button class="btn btn-block <btn-></btn->primary">
<i class = "fa fa-thumbs-up"></i>
Like
</button>
Frank McCroy
@fmccroy
May 22 2017 00:45
@reddred Post your code, or try refreshing your browser
Dillon Orr
@dillorr
May 22 2017 00:45
on add font awesome icons
Xarri Jorge
@xarrijorge
May 22 2017 00:45
@reddred cuz now you have you img nested in a p element
Redbone
@reddred
May 22 2017 00:46
@kodinglife k it is telling me nest in a, a element
Oliver Vanderlip
@halfmeasures
May 22 2017 00:46
having issue with first challenge using bootstrap
Alexander Køpke
@alexanderkopke
May 22 2017 00:46
@dillorr <button class="btn btn-block <btn-></btn->primary"> this doesn't look right
Manish Giri
@Manish-Giri
May 22 2017 00:46
@dillorr is this what you have? button class="btn btn-block <btn-></btn->primary">
Frank McCroy
@fmccroy
May 22 2017 00:46
@dillorr What is <btn-> doing in there?
Dillon Orr
@dillorr
May 22 2017 00:47
hm let me take a look
Oliver Vanderlip
@halfmeasures
May 22 2017 00:47

<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;
}
div

container-fluid

</style>

<div>class="container-fluid"
<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">
<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>
</div>

not sure how to nest all html elements...or how to declare the class "container-fluid"
Dillon Orr
@dillorr
May 22 2017 00:48
Oh okay, looks like it was an accidental copy paste
Thank you all for the help!
Alexander Køpke
@alexanderkopke
May 22 2017 00:49
@halfmeasures classes go inside the tag <div>class="container-fluid"
Frank McCroy
@fmccroy
May 22 2017 00:49
@halfmeasures The div container-fluid can be deleted, you don’t need to declare it, bootstrap already has. Then <div>class="container-fluid” need to be fixed to be between the <> of the div,
Xarri Jorge
@xarrijorge
May 22 2017 00:49
@halfmeasures remove div and container-fluid above </style>
Oliver Vanderlip
@halfmeasures
May 22 2017 00:51
nice...thanks
Rahul Ramesh
@rahulramesh8
May 22 2017 00:52

<form action="/url-where-you-want-to-submit-form-data"></form>

Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.

Not sure what to do here
Xarri Jorge
@xarrijorge
May 22 2017 00:52
@halfmeasures @ next time for brownies
Frank McCroy
@fmccroy
May 22 2017 00:55
<— Answers questions for brownies!
Xarri Jorge
@xarrijorge
May 22 2017 00:56
@fmccroy Thats is the motivation
David Gould
@mantermite
May 22 2017 00:58
I think I'm going mad. The syntax looks fine but it won't validate? Anyone see something I don't?
<script>
$.(document).ready(function() {
});
</script>
<!-- Only change code above this line. -->
Xarri Jorge
@xarrijorge
May 22 2017 00:59
@mantermite remove . from $ and (document)
Frank McCroy
@fmccroy
May 22 2017 00:59
@mantermite Is there supposed to be a “.” between $ and document?
QtMaGIC
@o0TT0o
May 22 2017 01:04
hello guys, i 'm stucking , pls help:

<script>
// Only change code below this line.
if (navigator.geolocation) {
$("#data").html("get position");
navigator.geolocation.getCurrentPosition(function(position) {

$("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);

});
} else {
alert("no position");

}

// Only change code above this line.
</script>

<div id = "data">
<h4>You are here:</h4>

</div>

TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:05
Hey guys, I'm having a lil trouble with 34
QtMaGIC
@o0TT0o
May 22 2017 01:05
this code , can show string "get position" , but no data
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:05
Can someone help me out with 34?
QtMaGIC
@o0TT0o
May 22 2017 01:06
the Chrome has been given position permission
Manish Giri
@Manish-Giri
May 22 2017 01:07
challenges are not numbered
post your code, and the challenge name
David Gould
@mantermite
May 22 2017 01:08
@kodinglife Doh. Yes. Thank you.
CamperBot
@camperbot
May 22 2017 01:08
mantermite sends brownie points to @kodinglife :sparkles: :thumbsup: :sparkles:
:cookie: 405 | @kodinglife |http://www.freecodecamp.com/kodinglife
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:08
Why is Chrome blocking some of my stuff :c
David Gould
@mantermite
May 22 2017 01:08
@fmccroy I am stupid. Thank you!
CamperBot
@camperbot
May 22 2017 01:08
mantermite sends brownie points to @fmccroy :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @fmccroy |http://www.freecodecamp.com/fmccroy
Xarri Jorge
@xarrijorge
May 22 2017 01:08
@TheFlamingDragon Security permission issues. allow stuff through
Frank McCroy
@fmccroy
May 22 2017 01:08
Glad to help!
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:09
How does one allow it?
Manish Giri
@Manish-Giri
May 22 2017 01:09
use firefox
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:09
:c
Xarri Jorge
@xarrijorge
May 22 2017 01:10
@TheFlamingDragon click on the little lock icon to the left of the search bar and allow stuff
Lance
@texas2010
May 22 2017 01:11
@TheFlamingDragon form challenge problem?
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:11
Yes
Lance
@texas2010
May 22 2017 01:12
yeah. chrome have a problem with form. you could use firefox so you could pass it.
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:12
I'm now using firefox now
QtMaGIC
@o0TT0o
May 22 2017 01:12
Get Geolocation Data —— I can pass the test , but not data shows , how can I fix it ?
Lance
@texas2010
May 22 2017 01:12
@TheFlamingDragon, dont forget to sign in!
Xarri Jorge
@xarrijorge
May 22 2017 01:12
@o0TT0o refresh, or reset
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:13
Still kinda confused on this form challenge, can anyone help me on his?
this*
Xarri Jorge
@xarrijorge
May 22 2017 01:13
@TheFlamingDragon Where is the code?
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:14
I'll get you the code

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

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

This is what I have atm, but I don't know what to do for the form
Lance
@texas2010
May 22 2017 01:15
where is form code?
oh you didnt put it?
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:15
No
It got me confused with the nesting and all
With the img
input*
Lance
@texas2010
May 22 2017 01:16
write form and nest input.
Xarri Jorge
@xarrijorge
May 22 2017 01:16
@TheFlamingDragon cases matter check the cases from the example. make sure they match
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:16
Alright

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

<form action="/url-where-you-want-to-submit-form-data"></form>

How do I nest those two together?
Lance
@texas2010
May 22 2017 01:17
okay. put input into form.
Xarri Jorge
@xarrijorge
May 22 2017 01:17
@TheFlamingDragon <form><input></form>
Lance
@texas2010
May 22 2017 01:17
^ example
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:17
Okay, thanks
QtMaGIC
@o0TT0o
May 22 2017 01:18
@kodinglife thanks , the data shows. I FORGET TO OPEN THE WINDOWS SYSTEM Location permissions :+1: :smile:
CamperBot
@camperbot
May 22 2017 01:18
o0tt0o sends brownie points to @kodinglife :sparkles: :thumbsup: :sparkles:
:cookie: 406 | @kodinglife |http://www.freecodecamp.com/kodinglife
Xarri Jorge
@xarrijorge
May 22 2017 01:19
@o0TT0o :thumbsup:
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:20

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

<form action="/submit-cat-photo"></form>

I have this now, but I still don't know how to put the input in
Moisés Man
@moigithub
May 22 2017 01:21
input should be INSIDE form element between the open/ closing tag
Xarri Jorge
@xarrijorge
May 22 2017 01:21
@TheFlamingDragon <form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:21
Last time I did that, all the quotes got all messed up ;c
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:22
getting lost in words = Nest both of your div elements with the class "col-xs-6" within your div element with the class "row".
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:22
Thanks for your help, @kodinglife and @texas2010
CamperBot
@camperbot
May 22 2017 01:22
theflamingdragon sends brownie points to @kodinglife and @texas2010 :sparkles: :thumbsup: :sparkles:
:star2: 1196 | @texas2010 |http://www.freecodecamp.com/texas2010
:cookie: 407 | @kodinglife |http://www.freecodecamp.com/kodinglife
Xarri Jorge
@xarrijorge
May 22 2017 01:22
@Mr-Benjamin <div class="row"> <div class="col-xs-6> ...</div></div>
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:23
oh so I am just adding a div class row to col
Lance
@texas2010
May 22 2017 01:23
@TheFlamingDragon um you know you could copy whole input then paste inside form. that will not mess up.
:O
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:25
I tried doing that but apparently I must've done something wrong xD
Cesar Fernandez
@Diamond713
May 22 2017 01:27
How you do container-fluid class in a div element?
Kevin Toro
@akrios25
May 22 2017 01:27
hey all, i'm tryna find a buddy to help and give feedback on the tribute page project. dm me if you wanna
For* not to
Lance
@texas2010
May 22 2017 01:28
@TheFlamingDragon oh odd
@TheFlamingDragon few mins ago. someone told you about example. <form><input></form>
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:31
<div class="row">
<div class="row"><div class="well"class="col-xs-6"></div>
</div>
<div class="row"><div class=" well" class="col-xs-6"></div>
abbeya
@abbeya
May 22 2017 01:34
Hey guys! I have really basic
Frank McCroy
@fmccroy
May 22 2017 01:35
@Diamond713 <div class = “container-fluid”></div>
Cesar Fernandez
@Diamond713
May 22 2017 01:35
Thanks frank
Frank McCroy
@fmccroy
May 22 2017 01:36
@abbeya What is your question?
@Mr-Benjamin Your code is off.. you need one <div class =“row”> at the beginning, then a <div class= col-xs-6”> for each button
I don’t remeber “well” being a class, it might have been an ID.
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:41
@fmccroy bootstrap class="well" is what they suggest me to do <div class="row">
<div class="col-xs-6">
how do I share my code in black box like other people
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:43
Finally got to divs
_>
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:43
<div class="row">
<div class="col-xs-6">

</div>
<div class="col-xs-6">

</div>
</div>
</div>
Jaime Katevas
@xxessancelovexx
May 22 2017 01:44
Hi how's everyone? I am working on Check Radio Buttons and Checkboxes by Default.
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:45
"snap" got it.
Frank McCroy
@fmccroy
May 22 2017 01:45
@Mr-Benjamin Awhh, I was going to post what you needed, but you already solved it! :)
@xxessancelovexx Good evening! Is there a particular problem you are having with that challenge?
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:48
How do I make a silver-background class for the div element?
Jaime Katevas
@xxessancelovexx
May 22 2017 01:48
One of the problems it gives me to solve says 'your first checkbox on your form should be checked by default . My answer is <label><input type="radio" name
Xarri Jorge
@xarrijorge
May 22 2017 01:49
@TheFlamingDragon .silvef-background{color: silver;}
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:49
Thanks @kodinglife
CamperBot
@camperbot
May 22 2017 01:49
theflamingdragon sends brownie points to @kodinglife :sparkles: :thumbsup: :sparkles:
:warning: theflamingdragon already gave kodinglife points
Jaime Katevas
@xxessancelovexx
May 22 2017 01:49
="personalit" checked> Loving</label>
rxdwvf
@rxdwvf
May 22 2017 01:49
Afternoon peeps
Jaime Katevas
@xxessancelovexx
May 22 2017 01:49
is that the correct answer
Xarri Jorge
@xarrijorge
May 22 2017 01:49
Good night folks. I'm out!
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:50
Gn Koding
Xarri Jorge
@xarrijorge
May 22 2017 01:51
kodinglife is AFK
Frank McCroy
@fmccroy
May 22 2017 01:52
@xxessancelovexx Hmm.. you are supposed to choose two buttons to set to default
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:52
@xxessancelovexx you're supposed to put "checked" after the input text
Frank McCroy
@fmccroy
May 22 2017 01:52
The first radio button (Indoor) and the first checkbox(Loving)
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:53

<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>

Like this. But also do that to the (loving) one too, like @fmccroy said

Frank can ya help me out with this silver background thing?
Frank McCroy
@fmccroy
May 22 2017 01:54
@TheFlamingDragon .silvef-background{color: silver;}
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:54
I just don't know where to put that
Frank McCroy
@fmccroy
May 22 2017 01:54
For the next part, use <div class=“silver-background>
Hoàng Thái
@RainInMyHeart
May 22 2017 01:54
how can i add image in this room? help me i want to ask for help
Jaime Katevas
@xxessancelovexx
May 22 2017 01:56
yes sir actually it says "your first radio button on your form should be checked by default" and I did get a green check mark next to that one
Frank McCroy
@fmccroy
May 22 2017 01:56
@TheFlamingDragon You declare classes like .silver-background up in the style section (between <style> and </style>
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:56
Oh, between the styles, ok I think I got it
Frank McCroy
@fmccroy
May 22 2017 01:57
@RainInMyHeart What are you asking for help with?
Jaime Katevas
@xxessancelovexx
May 22 2017 01:57
and the second problem says "your first checkbox on your form should be checked by default and that's where I'm stuck
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:57
Your first checkbox is the (loving) one
Hoàng Thái
@RainInMyHeart
May 22 2017 01:58
im stuck. how can i add image in this room?
Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:58
<button class="btn"> class="" btm-default"></button>
TheFlamingDragon
@TheFlamingDragon
May 22 2017 01:58

<label><input type="checkbox" name="personality" checked> Loving</label>

Make your loving one like this @xxessancelovexx

Mr-Benjamin
@Mr-Benjamin
May 22 2017 01:58
can someone tel me if my codes right
Frank McCroy
@fmccroy
May 22 2017 01:59
@Mr-Benjamin No. <button class=“btn btn-default”> </button>
@xxessancelovexx In the code you posted above “personality” was spelled wrong, is it correct on your screen now?
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:01
@fmccroy okay cool I thought Id done that previously with rejected stamped on it. Ill give it a go and see what happens, could have had a flaw
Jaime Katevas
@xxessancelovexx
May 22 2017 02:01
yes sorry that was a type o
it was spelled correctly on my screen
khadmiali
@khadmiali
May 22 2017 02:01
how to add alt attribute?
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:03
<button class="btn btn-default"></button> @fmccroy
Jaime Katevas
@xxessancelovexx
May 22 2017 02:03
yes TheFlamingDragon that's exactly how I have it and it is saying that it's incorrect
should I try to reset it?
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:03
You should double check your work
Frank McCroy
@fmccroy
May 22 2017 02:03
@Mr-Benjamin yes, did it work.
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:04
If it's incorrect then you may have forgot a small detail
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:04
wait on, Ill add it to the rest of my buttons and get nack to ya
back
Jaime Katevas
@xxessancelovexx
May 22 2017 02:04
triple checked
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:04
Can you show me your code?
Jaime Katevas
@xxessancelovexx
May 22 2017 02:05
yes
Deacter
@jakeser
May 22 2017 02:05
<style>
.red-text {
color: red;
}
.font-size{
font-size:16px;
}
How to put together
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:05
@fmccroy yeah man thanks it worked
CamperBot
@camperbot
May 22 2017 02:05
mr-benjamin sends brownie points to @fmccroy :sparkles: :thumbsup: :sparkles:
:cookie: 279 | @fmccroy |http://www.freecodecamp.com/fmccroy
Deacter
@jakeser
May 22 2017 02:05
<p class="red-text font-size:16px">
Frank McCroy
@fmccroy
May 22 2017 02:06
@jakeser <p class = “red-text font-size”>
Deacter
@jakeser
May 22 2017 02:07
thinks
@fmccroy
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:07
Frank, my div element has the silver background, but it doesn't have the class

.silver-background {
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 silver-background" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></

That's my current code
Well, the stuff that matters
Manish Giri
@Manish-Giri
May 22 2017 02:08
my div element has the silver background, but it doesn't have the class
what does this mean?
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:08
Um
Not rly sure
Frank McCroy
@fmccroy
May 22 2017 02:08
@TheFlamingDragon You didn’t create a div that has a class of silver-background.
Stygma Sheikh
@Stygme
May 22 2017 02:08
hey guys can you guys help me out with how I can get the radio button to be sat as checked default I have the rest checked but one isn't I don't know what I'm doing wrong
Kyle Holm
@thekholm80
May 22 2017 02:08
@Manish-Giri :wave:
Manish Giri
@Manish-Giri
May 22 2017 02:09
@thekholm80 :wave:
Jaime Katevas
@xxessancelovexx
May 22 2017 02:09
<label><input type="radio" name="indoor- outdoor" checked> Indoor</label>
that's the first radio button
Manish Giri
@Manish-Giri
May 22 2017 02:09
@xxessancelovexx post all your code pls
Frank McCroy
@fmccroy
May 22 2017 02:10
@Stygme You are working on the same challenge as @xxessancelovexx. How many buttons are you trying to check? It should only be 2
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:11
Actually kinda confused rn, Idk what I'm supposed to do here
Jaime Katevas
@xxessancelovexx
May 22 2017 02:11
<label><input type="radio" name="personality" checked> Loving</label>
that's the first checkbox
Manish Giri
@Manish-Giri
May 22 2017 02:12
@xxessancelovexx how can that be a checkbox
that's type="checkbox"
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:13
Frank, how do I create a div that does has the silver background
Frank McCroy
@fmccroy
May 22 2017 02:13
@TheFlamingDragon You created a .silver-background class. Now you need to use it in a div. <div class=“silver-background”>
Stygma Sheikh
@Stygme
May 22 2017 02:13
5 but for some reason it is not leting the other one be checked@fmccroy
Frank McCroy
@fmccroy
May 22 2017 02:13
</div>
Jaime Katevas
@xxessancelovexx
May 22 2017 02:13
lol thankyou that must have been my error
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:13
<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>
Like that?
Cuz nothing worked
Jaime Katevas
@xxessancelovexx
May 22 2017 02:14
I used radio in place of checkbox
Frank McCroy
@fmccroy
May 22 2017 02:14
@Stygme You are not supposed to check ALL of the boxes by default, only the first radio and the first checkbox
Jaime Katevas
@xxessancelovexx
May 22 2017 02:14
thankyou for your help have a blees evening
Frank McCroy
@fmccroy
May 22 2017 02:15
@TheFlamingDragon What you have looks correct, but please post the whole thing to see if anything is wrong with the top part
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:15
ok
Frank McCroy
@fmccroy
May 22 2017 02:15
@xxessancelovexx You’re welcome!
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:16
rip

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

.silver-background {
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 silver-background" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></

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

the spam xD
vinn
@leevinn
May 22 2017 02:17
help me!
blob
Frank McCroy
@fmccroy
May 22 2017 02:17
@TheFlamingDragon Try putting <div class=“silver-background”> right under your </style>
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:17
Okay
vinn
@leevinn
May 22 2017 02:17
why blocked?
Frank McCroy
@fmccroy
May 22 2017 02:18
@leevinn Are you using Chrome? It has security settings that don’t like Free Code Camp on some challenges
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:18
didn't work
dyon3334
@dyon3334
May 22 2017 02:18
can someone telling me what im doing wrong

<style>
h2 {color: blue;}
</style>

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

TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:19
Doesn't the text have to be red, Dyon?
Or Color
dyon3334
@dyon3334
May 22 2017 02:20
noo its shouldbe blue
vinn
@leevinn
May 22 2017 02:20
no! it didn't work
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:20
Use firefox, Vinn
Frank McCroy
@fmccroy
May 22 2017 02:20
@dyon3334 What challenge are you on?
vinn
@leevinn
May 22 2017 02:21
it was not blocked, yesterday!
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:22
@leevinn use firefox
vinn
@leevinn
May 22 2017 02:23
ok! i will use firefox! i hope firefox not blocked!
thank you! soo much!
Frank McCroy
@fmccroy
May 22 2017 02:24
@dyon3334 Your code looks correct, but is not working for me either. Try resetting and retyping it.

<style>
h2{
color: red;
}
</style>

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

Manish Giri
@Manish-Giri
May 22 2017 02:25
@dyon3334 are you on android?
Frank McCroy
@fmccroy
May 22 2017 02:25
um..actually, the link you showed asked for red text, not blue
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:25
That's what I was saying :c
vinn
@leevinn
May 22 2017 02:26
yes i try! F5 web, but didn't work!
Frank McCroy
@fmccroy
May 22 2017 02:26
Bleh, I’m tired, good night all.
Leonardo Martinez
@ulosturedge
May 22 2017 02:26
Hello
TheFlamingDragon
@TheFlamingDragon
May 22 2017 02:26
That's my situation
Gn Frank
Leonardo Martinez
@ulosturedge
May 22 2017 02:27
can someone give me a quick hand with this Jquery line
<script>$(document).ready(function() {
}); </script>
don't see nothing wrong with this but it won't accept answer..
Manish Giri
@Manish-Giri
May 22 2017 02:28
@ulosturedge refresh & submit
Leonardo Martinez
@ulosturedge
May 22 2017 02:30
hey thanks that worked!...
I guess that happens from time to time on the site?
good to know...
Cesar Fernandez
@Diamond713
May 22 2017 02:32
How do you nest all html elements in .container-fluid
Leonardo Martinez
@ulosturedge
May 22 2017 02:35
<div class="container-fluid>all elements in between</div>
i would assume..
Douglas M.
@DougiePhreshh
May 22 2017 02:37
@Manish-Giri Constantly see you replying back to people. Respect
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:37
does this look correct
<div class="col-xs-6"><h4 class=" #leftwall"></h4>
Manish Giri
@Manish-Giri
May 22 2017 02:37
@DougiePhreshh thanks buddy
CamperBot
@camperbot
May 22 2017 02:37
manish-giri sends brownie points to @dougiephreshh :sparkles: :thumbsup: :sparkles:
:cookie: 64 | @dougiephreshh |http://www.freecodecamp.com/dougiephreshh
Leonardo Martinez
@ulosturedge
May 22 2017 02:38
Yeah thanks Manish
Aaron
@aaronwi
May 22 2017 02:38
I'm doing the cat app, how do I make the buttons expand a bit farther?
Manish Giri
@Manish-Giri
May 22 2017 02:38
:+1:
Aaron
@aaronwi
May 22 2017 02:38
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>
</div> but its too short
Leonardo Martinez
@ulosturedge
May 22 2017 02:39
think the "</i>" goes on the other side of "Like" Aaron
Cesar Fernandez
@Diamond713
May 22 2017 02:40
Thanks bro ulos
Aaron
@aaronwi
May 22 2017 02:40
that just styles the text as italics
I'm wondering how I could expand the button in general
Leonardo Martinez
@ulosturedge
May 22 2017 02:41
Mr Benjamin if they asking you to name the h4 class "#leftwall" then it is <h4 class="leftwall">#leftwall</h4>
Aaron
@aaronwi
May 22 2017 02:41
or is bootstrap fixed
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:41
@ulosturedge ohh
Leonardo Martinez
@ulosturedge
May 22 2017 02:42
hmm not sure Aaron are you going through the lessons too?
Aaron
@aaronwi
May 22 2017 02:42
yup
image.png
Leonardo Martinez
@ulosturedge
May 22 2017 02:43
i'm at the JQuery portion atm. I'm able to help cause I recognize some of the steps people are asking about
Raj Zaveri
@rbzaveri
May 22 2017 02:43
Help please guys.
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Aaron
@aaronwi
May 22 2017 02:43
notice the margin spacing on the sides of the buttons
Mr-Benjamin
@Mr-Benjamin
May 22 2017 02:43
  <div class="col-xs-6"><h4 class="right-well">#right-well></h4>
padow
Raj Zaveri
@rbzaveri
May 22 2017 02:43
can someone give me an idea on how to nest?
Aaron
@aaronwi
May 22 2017 02:43
@rbzaveri what's the trouble?
@rbzaveri put it inside <form action=...
Raj Zaveri
@rbzaveri
May 22 2017 02:44
how do i nest the form action?
Leonardo Martinez
@ulosturedge
May 22 2017 02:44
which section you on Aaron?
Manish Giri
@Manish-Giri
May 22 2017 02:44
@rbzaveri <a><b></a>
is an example
Aaron
@aaronwi
May 22 2017 02:44
'add font awesome'
@ulosturedge
Ewcampbell42
@Ewcampbell42
May 22 2017 02:44
Im trying to finish Create a Form Element and Im getting an error. "Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards)."
Dhaval
@Dhavalc2012
May 22 2017 02:45
B bb bb bb
Ewcampbell42
@Ewcampbell42
May 22 2017 02:45
Am I unable to finish?
Hanshen Falah
@matsukahansen
May 22 2017 02:45
hey guys, can you help me, i'm stuck on "ditch-custom-css-for-bootstrap
Zyak
@Zyak
May 22 2017 02:45
Hi guys. I was creating my first pen(tribute page) on codepen and I was having trouble until someone told me that I imported bootstrap 4.0 and not the 3 version. But now I am wondering should I just use and learn 4 right now. I am not creating anything important now, so should I just go ahead with learning 4.0 even though it is in alpha?
Aaron
@aaronwi
May 22 2017 02:45
@matsukahansen what do you need help with?
Raj Zaveri
@rbzaveri
May 22 2017 02:45
<form action="/submit-cat-photo""when i insert this. i get an error from Chrome
Manish Giri
@Manish-Giri
May 22 2017 02:45
@Zyak your wish.
Dhaval
@Dhavalc2012
May 22 2017 02:45
Bootstrap 4 is still in beta
Aaron
@aaronwi
May 22 2017 02:45
@rbzaveri you forgot to close the tag
Hanshen Falah
@matsukahansen
May 22 2017 02:46
stuck on "add the img-responsive class to your top 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;
}

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

.img-responsive {
width: ;
}
</style>

<div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2>

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

<img class="img-responsive" src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
<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">
<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>
</div>

Dhaval
@Dhavalc2012
May 22 2017 02:46
You cNt use it in any projects
Hanshen Falah
@matsukahansen
May 22 2017 02:46
@aaronwi that is my code
Zyak
@Zyak
May 22 2017 02:47
@Manish-Giri is their any cons or problems if I start learning 4?
Dhaval
@Dhavalc2012
May 22 2017 02:47
TCS jinda baad :smirk:
Manish Giri
@Manish-Giri
May 22 2017 02:47
lol
Raj Zaveri
@rbzaveri
May 22 2017 02:47

<form action="/submit-cat-photo"></form>

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

Leonardo Martinez
@ulosturedge
May 22 2017 02:47
dont see add font awesome Aaron hmm
Aaron
@aaronwi
May 22 2017 02:47
@matsukahansen looks alright, what happens when you submit?
Raj Zaveri
@rbzaveri
May 22 2017 02:47
and i still get the same error from chrome
Manish Giri
@Manish-Giri
May 22 2017 02:47
@Zyak don't know, what if you learnt 50 classes today from BS4 and what they do and tomorrow they rename the classes to something else?
Hanshen Falah
@matsukahansen
May 22 2017 02:47
@aaronwi "Add the img-responsive class to your top image. " still unchecked
Aaron
@aaronwi
May 22 2017 02:48
@rbzaveri your </form> goes after the contents in the form, <input and etc go inside
Gabe Rotberg
@grotberg
May 22 2017 02:48
@rbzaveri the input tag needs to go in between the two form tags
Leonardo Martinez
@ulosturedge
May 22 2017 02:48
nevermind found it
Zyak
@Zyak
May 22 2017 02:48
@Manish-Giri Is that something that is possible in the alpha stage? All this is very new to me
Manish Giri
@Manish-Giri
May 22 2017 02:49
@Zyak anything is possible until the final version.
Ewcampbell42
@Ewcampbell42
May 22 2017 02:49
Im on Create a form element. Why is this incorrect? <form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
Zyak
@Zyak
May 22 2017 02:49
@Manish-Giri ok thank you
CamperBot
@camperbot
May 22 2017 02:49
zyak sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5601 | @manish-giri |http://www.freecodecamp.com/manish-giri
Aaron
@aaronwi
May 22 2017 02:49
@matsukahansen remove .img-responsive { width: ; }
Gabe Rotberg
@grotberg
May 22 2017 02:49
@Ewcampbell42 that looks right - try refreshing the page and seeing if it submits okay
Aaron
@aaronwi
May 22 2017 02:49
you are using a pre-defined class, and that one is incorrect
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 02:50
Hi guy
Dhaval
@Dhavalc2012
May 22 2017 02:50
Daara diya ussko 😂😂😂
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 02:50
Im new here
Dhaval
@Dhavalc2012
May 22 2017 02:50
50 classes lol
Manish Giri
@Manish-Giri
May 22 2017 02:50
lol
Leonardo Martinez
@ulosturedge
May 22 2017 02:50
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
that what you looking for Aaron?
Manish Giri
@Manish-Giri
May 22 2017 02:50
ab aise sawal puchega toh ye toh hona hi tha
Raj Zaveri
@rbzaveri
May 22 2017 02:51
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
is this how it should fit?
Hanshen Falah
@matsukahansen
May 22 2017 02:51
@aaronwi nothing change, man
Dhaval
@Dhavalc2012
May 22 2017 02:51
Itne tho shades of grey bhi nahi the in 5p shadez of gray 😂
50*
Manish Giri
@Manish-Giri
May 22 2017 02:51
:smiling_imp:
Ewcampbell42
@Ewcampbell42
May 22 2017 02:51
@grotberg thanks, the page refresh worked
CamperBot
@camperbot
May 22 2017 02:51
ewcampbell42 sends brownie points to @grotberg :sparkles: :thumbsup: :sparkles:
:cookie: 392 | @grotberg |http://www.freecodecamp.com/grotberg
Gabe Rotberg
@grotberg
May 22 2017 02:51
@Ewcampbell42 yay!
@rbzaveri that looks about right
Dhaval
@Dhavalc2012
May 22 2017 02:51
Tum bahut harami hote ja rahe ho 😂😂😂😂
Aaron
@aaronwi
May 22 2017 02:52
@matsukahansen check for any other syntax error
Dhaval
@Dhavalc2012
May 22 2017 02:52
Btw quora pe jim wales founder of wikipedia ke maste articles hai yaae
Aur gim gordon ka
They are amazing
Manish Giri
@Manish-Giri
May 22 2017 02:54
:smiling_imp:
Dhaval
@Dhavalc2012
May 22 2017 02:54
lol
Manish Giri
@Manish-Giri
May 22 2017 02:54
:wink:
Dhaval
@Dhavalc2012
May 22 2017 02:54
😂😂😂😂😂
Ai
Aib reference lol
Manish Giri
@Manish-Giri
May 22 2017 02:55
lol
dyon3334
@dyon3334
May 22 2017 02:55
can someone helpme with the question about the green border around the image

}

.smaller-image {
width: 100px;

}

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

this is what i got and they say its wrong
Manish Giri
@Manish-Giri
May 22 2017 02:55
dyon3334
@dyon3334
May 22 2017 02:55

Give your image a border width of 10px.

Give your image a border style of solid.

Dhaval
@Dhavalc2012
May 22 2017 02:56
Aare iska video dekh infran khan on aib for promotion
dyon3334
@dyon3334
May 22 2017 02:56
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Dhaval
@Dhavalc2012
May 22 2017 02:56
Sahi hai wo
Your code seems fine
Hanshen Falah
@matsukahansen
May 22 2017 02:56
@aaronwi i just reset, and do it all over again, still not working
Dhaval
@Dhavalc2012
May 22 2017 02:56
Refresh ur browser
Dyonn
Manish Giri
@Manish-Giri
May 22 2017 02:56
accha..dekhta hu, meanwhile I can't seem to find jim wales on quora?
link?
Dhaval
@Dhavalc2012
May 22 2017 02:57
Yeah wait
Manish Giri
@Manish-Giri
May 22 2017 02:57
or koi answer ka link
Aaron
@aaronwi
May 22 2017 02:57
@matsukahansen I'm not sure, try refreshing the page as well, make sure you're not copying any code
Hanshen Falah
@matsukahansen
May 22 2017 02:57
@aaronwi ok, i will try, thanks
CamperBot
@camperbot
May 22 2017 02:57
matsukahansen sends brownie points to @aaronwi :sparkles: :thumbsup: :sparkles:
:cookie: 91 | @aaronwi |http://www.freecodecamp.com/aaronwi
Manish Giri
@Manish-Giri
May 22 2017 02:58
oh cool
ty
Raj Zaveri
@rbzaveri
May 22 2017 02:59
@grotberg thanks a ton bro.
CamperBot
@camperbot
May 22 2017 02:59
rbzaveri sends brownie points to @grotberg :sparkles: :thumbsup: :sparkles:
:cookie: 393 | @grotberg |http://www.freecodecamp.com/grotberg
Dhaval
@Dhavalc2012
May 22 2017 02:59
Follow him too
I like his sarcasm 😂
Manish Giri
@Manish-Giri
May 22 2017 03:00
sahi
Dhaval
@Dhavalc2012
May 22 2017 03:00
Aur hai bohut saare
Selective ko pm karta hu lol
dyon3334
@dyon3334
May 22 2017 03:01
@Dhavalc2012 its still wrong
Kyle Holm
@thekholm80
May 22 2017 03:01
@Manish-Giri for larger projects do you think a single page css is better than multiple files?
dyon3334
@dyon3334
May 22 2017 03:01

<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: green;
border-width: 10px;
border-style: solid;
}

</style>

<h2 class="red-text">Ca
<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: 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. ">

<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>
tPhotoApp</h2>

<img class="smaller-image thick-green-border" 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>

Manish Giri
@Manish-Giri
May 22 2017 03:01
@thekholm80 multiple files
dyon3334
@dyon3334
May 22 2017 03:01

Give your image a border width of 10px.

Give your image a border style of solid.

Kyle Holm
@thekholm80
May 22 2017 03:02
@Manish-Giri component by component, page by page, arbitrary?
Manish Giri
@Manish-Giri
May 22 2017 03:02
that way if multiple pages are using common styling, you can just edit them in one places instead of across all pages
@thekholm80
Dhaval
@Dhavalc2012
May 22 2017 03:02
Read this one manish
dyon3334
@dyon3334
May 22 2017 03:02

.smaller-image {
width: 100px;

}

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

Manish Giri
@Manish-Giri
May 22 2017 03:02
@thekholm80 earlier I had it page wise, but trying to do it component wise now
dyon3334
@dyon3334
May 22 2017 03:02
help me please
Kyle Holm
@thekholm80
May 22 2017 03:03
1 component = 1 css makes sense to me. I guess with webpack it doesn't really matter anyway
Dhaval
@Dhavalc2012
May 22 2017 03:03
Why u have two style tags
Kyle Holm
@thekholm80
May 22 2017 03:03
it all ends up the same place
Manish Giri
@Manish-Giri
May 22 2017 03:03

@Dhavalc2012 o bhai, last point ekdum fadd hai

Does the CEO of the company respond to your Quora messages at midnight to ensure you join his team? :-)

Dhaval
@Dhavalc2012
May 22 2017 03:03
😂😂😂😂
Ice on the cake lol
Manish Giri
@Manish-Giri
May 22 2017 03:04
if only snapdeal was a thing when I was graduating in 4th yr
bc
LukeWoolsey
@LukeWoolsey
May 22 2017 03:07

Hey guys, hopefully a quick one. I'm working on my first project with Bootstrap. I'm using Codepen and I've attached the Bootstrap. The issue is the text is not aligning to the centre. I'm sure my code is right though. Code is:

<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-xs-12">
<h1 class="text-center">Luke Woolsey</h1>
</div>
</div>
</div>
</div>

dyon3334
@dyon3334
May 22 2017 03:08
PLEASE HELP ME ": Give your image a border width of 10px.
Give your image a border style of solid.
.smaller-image {
width: 100px;
}
.thick-green-border{
border-color: green;
border-width: 10px;
border-style: solid;
}
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
@fmccroy ried it not working
Benkavod
@Benkavod
May 22 2017 03:12
@dyon3334 try copying your code, refreshing your browser and paste your code
Aaron
@aaronwi
May 22 2017 03:12
anyone know why the button wont span the full column?
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class
dyon3334
@dyon3334
May 22 2017 03:13
@Benkavod tried it but not working
maybe because its im in internt explorer ?
abbeya
@abbeya
May 22 2017 03:13
Can someone explain doubles and floats to me?
dyon3334
@dyon3334
May 22 2017 03:13
edge i mean
Benkavod
@Benkavod
May 22 2017 03:14
@dyon3334 could you copy and paste your entire code?
koolarsenal
@koolarsenal
May 22 2017 03:14

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

<form action="/submit-cat-photo"></form>
how can I nest my text input element within a form element?

anyone can help me please
dyon3334
@dyon3334
May 22 2017 03:14

<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: 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. ">

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

Benkavod
@Benkavod
May 22 2017 03:14
@koolarsenal place your input element between the form tags
Aaron
@aaronwi
May 22 2017 03:15
@koolarsenal
<form action="/submit-cat-photo">
//contents nest here
<input type="text" placeholder="cat photo URL">

// /form goes at end
</form>
Benkavod
@Benkavod
May 22 2017 03:16
@dyon3334 that might be it. Have you got chrome or firefox?
Dhaval
@Dhavalc2012
May 22 2017 03:16
But btw directi is better than snapdeal
I think
koolarsenal
@koolarsenal
May 22 2017 03:16
<form <input type="text" placeholder="cat photo URL">action="/submit-cat-photo"></form>
this not working
:(
Benkavod
@Benkavod
May 22 2017 03:17
@koolarsenal see what @aaronwi posted above
Mihir Shanishchara
@MihirNS
May 22 2017 03:17
@koolarsenal input tag should be between form open and close tag
@koolarsenal your html is invalid
Leonardo Martinez
@ulosturedge
May 22 2017 03:17
Kool close <form> lol
koolarsenal
@koolarsenal
May 22 2017 03:18
ok I got it
Benkavod
@Benkavod
May 22 2017 03:18
@koolarsenal the input goes BETWEEN the form tags and not in the opening form tag
Aaron
@aaronwi
May 22 2017 03:18
can anyone send a screenshot of their cat app past challenge "Add Font Awesome Icons to our Buttons"?
dyon3334
@dyon3334
May 22 2017 03:18
@Benkavod so edge really sucks in css rendering is it because of multiple classes in a ellement but thanks
CamperBot
@camperbot
May 22 2017 03:18
dyon3334 sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:cookie: 193 | @benkavod |http://www.freecodecamp.com/benkavod
Leonardo Martinez
@ulosturedge
May 22 2017 03:18
if you have another text editor copy and paste it in and it will highlight the syntax errors for you
koolarsenal
@koolarsenal
May 22 2017 03:18
thank you very much
hackbecky03
@hackbecky03
May 22 2017 03:19
hello there. Who can help me with this? Just starting code. My question is how do I make my element visible by uncommenting it?
Aaron
@aaronwi
May 22 2017 03:19
@hackbecky03 delete // or <!-- -->
Leonardo Martinez
@ulosturedge
May 22 2017 03:19
the simulated editor here is kind of clunky
Douglas M.
@DougiePhreshh
May 22 2017 03:19
can someone show me how to make sure all my html elements are nested in .container-fluid ???
shoot
Leonardo Martinez
@ulosturedge
May 22 2017 03:19
makes me make typos all the time..
Benkavod
@Benkavod
May 22 2017 03:20
@dyon3334 you nailed it there. CSS is best with either chrome or Firefox
Smiti
@smitii
May 22 2017 03:20
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
what is wrong with ^>
Leonardo Martinez
@ulosturedge
May 22 2017 03:20
<div class="container-fluid>all elements in between</div>
Benkavod
@Benkavod
May 22 2017 03:20
@koolarsenal Got it now?
Mr-Benjamin
@Mr-Benjamin
May 22 2017 03:20
When adding a button id selector do I just whackI #target5 in the button
dyon3334
@dyon3334
May 22 2017 03:21
@Benkavod thanks !
CamperBot
@camperbot
May 22 2017 03:21
dyon3334 sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:warning: dyon3334 already gave benkavod points
Leonardo Martinez
@ulosturedge
May 22 2017 03:21
JQuery section Benji?
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 03:21
Hello, does anyone here have a solution for 100% height child-elements with in a flexbox parent on Safari, things screwed up really fast, and only Chrome do what i want
MPlemmons
@MPlemmons
May 22 2017 03:21
what's the use of jquery adding and removing elements from html? Why not just edit the html directly?
Mr-Benjamin
@Mr-Benjamin
May 22 2017 03:22
jquery Label Bootstrap Buttons
Douglas M.
@DougiePhreshh
May 22 2017 03:22
@ulosturedge Thanks friend
CamperBot
@camperbot
May 22 2017 03:22
dougiephreshh sends brownie points to @ulosturedge :sparkles: :thumbsup: :sparkles:
:cookie: 106 | @ulosturedge |http://www.freecodecamp.com/ulosturedge
Benkavod
@Benkavod
May 22 2017 03:22
@dyon3334 You're totally welcome. i hope it's running fine now
Smiti
@smitii
May 22 2017 03:23

what is wrong with this, please help:

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>

supposed to nest the text input element within a form element
LukeWoolsey
@LukeWoolsey
May 22 2017 03:23

Hey guys, could someone take a look at the below and let me know why it's not centering? I have Bootstrap 4.0 attached within Codepen

<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-xs-12">
<h1 class="text-center">Luke Woolsey</h1>
</div>
</div>
</div>
</div>

Mihir Shanishchara
@MihirNS
May 22 2017 03:23
input must be closed using /> not >
Leonardo Martinez
@ulosturedge
May 22 2017 03:23
Yes Benji #target5 is the text
Mihir Shanishchara
@MihirNS
May 22 2017 03:24
@smitii input must be closed using /> not >
Leonardo Martinez
@ulosturedge
May 22 2017 03:24

target5</button>

lol oops hmmm
Smiti
@smitii
May 22 2017 03:24
so <input></input>?
@MihirNS
Mihir Shanishchara
@MihirNS
May 22 2017 03:25
nope <input type="text" /> @smitii
like that
Leonardo Martinez
@ulosturedge
May 22 2017 03:25
button id="target5">#target5</button>
Smiti
@smitii
May 22 2017 03:26

this is still not working:

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL"/>
</form>

Mr-Benjamin
@Mr-Benjamin
May 22 2017 03:26
@ulosturedge <button class="btn btn-default target" id="target1"#target1></button>
oh I gots to shut the target1 down
Dhaval
@Dhavalc2012
May 22 2017 03:27
R5
Mihir Shanishchara
@MihirNS
May 22 2017 03:27
@smitii what does it say?
Leonardo Martinez
@ulosturedge
May 22 2017 03:27
yeah
Smiti
@smitii
May 22 2017 03:28
nothing, just nothing happens when I click "run tests"
Leonardo Martinez
@ulosturedge
May 22 2017 03:28
missing > before #target1
Mihir Shanishchara
@MihirNS
May 22 2017 03:28
@smitii can you send screenshot?
KTyanScavenger
@KTyanScavenger
May 22 2017 03:30
New coder-- Can't seem to get the class="red-text" to work
Smiti
@smitii
May 22 2017 03:31
not sure how to send pics on here @MihirNS
Mihir Shanishchara
@MihirNS
May 22 2017 03:31
@KTyanScavenger can you paste your code here?
can you see "X" sign on left side of your screen in your tutorial? it shows whats not working. You can paste it here @smitii
Vincent Hisatake
@vhisatake
May 22 2017 03:33
can y'all help me understand something real quick?
i don't really understand "Target a Specific Child of an Element Using jQuery"
Mihir Shanishchara
@MihirNS
May 22 2017 03:35
Ahad Ali
@ThePrinceAli
May 22 2017 03:35
Could anyone help me with "Change Text Inside an Element Using jQuery:
Smiti
@smitii
May 22 2017 03:35
@MihirNS Oh I think it's something browser-related bc it says "chrome detected something suspicious in this code and blocked it"
Mihir Shanishchara
@MihirNS
May 22 2017 03:35
@smitii try to refresh browser
Smiti
@smitii
May 22 2017 03:35
@MihirNS i did, still the same thing
Ahad Ali
@ThePrinceAli
May 22 2017 03:35
How do i "emphasize the text in your target4 button by adding HTML tags.
Vincent Hisatake
@vhisatake
May 22 2017 03:36
@MihirNS i don't understand this code $(".target:nth-child(3)").addClass("animated bounce");
Mihir Shanishchara
@MihirNS
May 22 2017 03:37
it will select 3rd child inside all elements containing target class and add two classes "animated" and "bounce" @vhisatake
@vhisatake
Smiti
@smitii
May 22 2017 03:37
@MihirNS I was able to skip that exercise, thanks for helping
CamperBot
@camperbot
May 22 2017 03:37
smitii sends brownie points to @mihirns :sparkles: :thumbsup: :sparkles:
:cookie: 42 | @mihirns |http://www.freecodecamp.com/mihirns
Vincent Hisatake
@vhisatake
May 22 2017 03:38
and it's specifying all targets?
@MihirNS
Mihir Shanishchara
@MihirNS
May 22 2017 03:38
@smitii try it again after some time.. it should work.. your code was fine.. there was no issue after that change
Vincent Hisatake
@vhisatake
May 22 2017 03:39
because of .target?
Ahad Ali
@ThePrinceAli
May 22 2017 03:39
The assignment says I need to emphasize the text in your target 4 button by adding HTML tags and Make sure to select button id="target4" with jQuery
My code:
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>jQuery Playground</em>");

});
</script>
Mihir Shanishchara
@MihirNS
May 22 2017 03:39
@vhisatake it will select 3rd child only if parent element contains "target" class
Vincent Hisatake
@vhisatake
May 22 2017 03:40
image.png
and "target" is the parent because?
@MihirNS
is the parent "button"?
Ewcampbell42
@Ewcampbell42
May 22 2017 03:42

Why is my h1 element not inheiriting the green? <style>
body {
background-color: green;
font-family: Monospace;
}

</style>

<h1> Hello World</h1>

looks green to me
james umali
@indefinite0212
May 22 2017 03:43
@Ewcampbell42 because your setting it to background-color
Ahad Ali
@ThePrinceAli
May 22 2017 03:43
you have to type color: green; below @Ewcampbell42
james umali
@indefinite0212
May 22 2017 03:43
the instruction is to give your body a color property of green
@Ewcampbell42
Ewcampbell42
@Ewcampbell42
May 22 2017 03:43
@indefinite0212 thanks thats it
CamperBot
@camperbot
May 22 2017 03:43
ewcampbell42 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:star2: 1246 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Ahad Ali
@ThePrinceAli
May 22 2017 03:43
;(
Mihir Shanishchara
@MihirNS
May 22 2017 03:45
@vhisatake in your case .target:nth-child(2) will select second element containing target class
@vhisatake check this out https://api.jquery.com/nth-child-selector/
it should help your finish your exercise
Dipjul
@dipjul
May 22 2017 03:47
Your a element should be a dead link with a href attribute set to "#"
Vincent Hisatake
@vhisatake
May 22 2017 03:48
@MihirNS omg
Dipjul
@dipjul
May 22 2017 03:48
<a hre="#">cat photos</a> what's wrong
james umali
@indefinite0212
May 22 2017 03:48
@dipjul replace the link with hash symbol
Vincent Hisatake
@vhisatake
May 22 2017 03:48
@MihirNS thanks so much!
CamperBot
@camperbot
May 22 2017 03:48
vhisatake sends brownie points to @mihirns :sparkles: :thumbsup: :sparkles:
:cookie: 43 | @mihirns |http://www.freecodecamp.com/mihirns
james umali
@indefinite0212
May 22 2017 03:48
@dipjul href
Mihir Shanishchara
@MihirNS
May 22 2017 03:48
@vhisatake your welcome
Ewcampbell42
@Ewcampbell42
May 22 2017 03:49

My text is pink, Im not sure why im not getting through the text. Is the CSS class not complete? It is set to pink. <style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color:pink
}
</style>

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

Mihir Shanishchara
@MihirNS
May 22 2017 03:49
you need to quote class @Ewcampbell42 class="pink-text"
Ewcampbell42
@Ewcampbell42
May 22 2017 03:50
<h1 class= "pink-text"> Hello World!</h1> It still is not recognizing the CSS class
james umali
@indefinite0212
May 22 2017 03:51
@Ewcampbell42 missing semi-colon ; after color:pink
Mihir Shanishchara
@MihirNS
May 22 2017 03:51
Benkavod
@Benkavod
May 22 2017 03:52
@Ewcampbell42 have you got the declaration properly in your css?
Ewcampbell42
@Ewcampbell42
May 22 2017 03:52
@indefinite0212 thanks
CamperBot
@camperbot
May 22 2017 03:52
ewcampbell42 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:warning: ewcampbell42 already gave indefinite0212 points
Ewcampbell42
@Ewcampbell42
May 22 2017 03:52
@MihirNS thanks
Harjot Singh
@harjotsingh1999
May 22 2017 04:00

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

p {
font-size: 16px;
}
p {
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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

The p elements had to use monospace font what's wrong in this?
james umali
@indefinite0212
May 22 2017 04:02
@harjotsingh1999 only one p{...}
Paul Figler
@DUBNetworkPaul
May 22 2017 04:03
I am unsure where to add <form id="cat-photo-form"> in my code.
james umali
@indefinite0212
May 22 2017 04:04
@DUBNetworkPaul don't create another form tag, add your id in your existing form
Paul Figler
@DUBNetworkPaul
May 22 2017 04:04
I got it thanks @indefinite0212
CamperBot
@camperbot
May 22 2017 04:04
dubnetworkpaul sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:star2: 1247 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Arontbt
@Arontbt
May 22 2017 04:04

Hi everybody. I am making my portfolio website. I used bootstrap to make three buttons on the left of the screen and also have an about me section on the rest of the screen. However, the arrangement is not coming right. Could somebody let me know what's wrong with my code?

<h1 style="color:rgb(15,0,30); font-size:80px; font-family:forte; text-align:center" >Aron &#9672; Tesfay</h1>

<div class="row">

<div class="col-md-4">
<div class="well">
<button class="btn btn-default">Files</button>
<button class="btn btn-default">Blog</button>
<button class="btn btn-default">Other topics</button>
</div>
</div>

<div class="col-md-8">
<div class="well">
<h1 style="font-family:times-new-roman; font-size:50px; text-align:center">About Me</h1>
</div>
</div>

</div>

Paul Figler
@DUBNetworkPaul
May 22 2017 04:06
@Arontbt add ; at the end of text-align: center;
Arontbt
@Arontbt
May 22 2017 04:08
@DUBNetworkPaul Thanks for the reminder there. With the three buttons, I wanted them to be arranged vertically downwards, not next to each other in a row like they are right now
CamperBot
@camperbot
May 22 2017 04:08
arontbt sends brownie points to @dubnetworkpaul :sparkles: :thumbsup: :sparkles:
:cookie: 46 | @dubnetworkpaul |http://www.freecodecamp.com/dubnetworkpaul
Dipjul
@dipjul
May 22 2017 04:11
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Harjot Singh
@harjotsingh1999
May 22 2017 04:12
Still not working @indefinite0212
james umali
@indefinite0212
May 22 2017 04:13
@harjotsingh1999 show your code again
Harjot Singh
@harjotsingh1999
May 22 2017 04:13

<style>
.red-text {
color: red;
}
p {
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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

james umali
@indefinite0212
May 22 2017 04:13
@harjotsingh1999 don't remove font-size:16px;
Harjot Singh
@harjotsingh1999
May 22 2017 04:14
Then what should i do
Dipjul
@dipjul
May 22 2017 04:14
how to nest text field
<input type="text" placeholder="cat photo....
where to nest the form action
james umali
@indefinite0212
May 22 2017 04:15
@harjotsingh1999 just add font-size:16px; again , after font-family: Monospace;
@dipjul place input element between form tags
Harjot Singh
@harjotsingh1999
May 22 2017 04:16
Within the same braces? @indefinite0212
james umali
@indefinite0212
May 22 2017 04:16
@harjotsingh1999 yes
Harjot Singh
@harjotsingh1999
May 22 2017 04:17

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

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

Like thia
This*
Amit Patel
@AmitP88
May 22 2017 04:18
hey guys, how do I do the twitter function on the Random Quote Machine? https://codepen.io/AmitP88/pen/zwpzvY Can someone direct me to documentation? I'm a little lost as how to get started with this part of the project..
Ewcampbell42
@Ewcampbell42
May 22 2017 04:18
Any idea why Im not getting the button with the text Like? <label class= "btn" type="button" name="Like"> Like</label>
Do I need <input> or something like that?
Amit Patel
@AmitP88
May 22 2017 04:19
@Ewcampbell42 I would just use the <button> tag
james umali
@indefinite0212
May 22 2017 04:19
@harjotsingh1999 yes
Ewcampbell42
@Ewcampbell42
May 22 2017 04:20
@AmitP88 thanks
CamperBot
@camperbot
May 22 2017 04:20
ewcampbell42 sends brownie points to @amitp88 :sparkles: :thumbsup: :sparkles:
:cookie: 287 | @amitp88 |http://www.freecodecamp.com/amitp88
Amit Patel
@AmitP88
May 22 2017 04:20
@Ewcampbell42 np, good luck :)
Dipjul
@dipjul
May 22 2017 04:21

<form action="/submit-cat-photo">

<input type="text" placeholder="cat photo URL">
</form> please help

inovramadani
@inovramadani
May 22 2017 04:21

I'm trying to use regular expression for input email validation. Found a suggest to use this: /.+@.+/
I tried and it works but I dont understand why. Because what I understand is that should work if the input text is adlfkjal.@.aldfkjalf or adlkfjasd...@...aldkfjlakjdsf

as from wikipedia it says:
The plus sign indicates one or more occurrences of the preceding element. For example, ab+c matches "abc", "abbc", "abbbc", and so on, but not "ac".

Dipjul
@dipjul
May 22 2017 04:21
what's wrong
Michael Lopez-Garry
@mgarry55
May 22 2017 04:21
Just started coding, how do I comment?
correction, uncomment
and comment
Dipjul
@dipjul
May 22 2017 04:21
just remove
Michael Lopez-Garry
@mgarry55
May 22 2017 04:22
remove the entire element?
Amit Patel
@AmitP88
May 22 2017 04:22
@mgarry55 for html, <!-- , for javascript, /*
Michael Lopez-Garry
@mgarry55
May 22 2017 04:22
and I remove <ht1>....</ht> ?
im working html
codegiza
@codegiza
May 22 2017 04:23
Hi I was wondering If I could get help
Markus Ivancsics
@ivancsicsmarkus
May 22 2017 04:23
@codegiza Hi!
codegiza
@codegiza
May 22 2017 04:23
I'm having issue
adding a class to an omg
Add Borders Around your Elements
section
Amit Patel
@AmitP88
May 22 2017 04:23
@mgarry55 ex. <!-- <h1> Title </h1> -->
codegiza
@codegiza
May 22 2017 04:23
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> is the current code I have now
Amit Patel
@AmitP88
May 22 2017 04:23
@mgarry55 this would comment out an h1 element
Michael Lopez-Garry
@mgarry55
May 22 2017 04:24
got it, thanks!
Markus Ivancsics
@ivancsicsmarkus
May 22 2017 04:24
@codegiza You have define the classes separated by a space.
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Michael Lopez-Garry
@mgarry55
May 22 2017 04:25
correct?
Amit Patel
@AmitP88
May 22 2017 04:26
@mgarry55 yup
@mgarry55 if you're using Sublime Text editor, you should see the line gray out when you use that
Tanuj Singh
@ructancoder
May 22 2017 04:26
i had just satrted learning in free code camp is it important or necessary to write down all the things and code they had taught me in my notebook??
Michael Lopez-Garry
@mgarry55
May 22 2017 04:27
it says that i have to delete trailing comment
R.Ragupathi
@rrpathi
May 22 2017 04:27
if any possible to count the doc file page count in php
Michael Lopez-Garry
@mgarry55
May 22 2017 04:27
i have, and it does not reconginize it
Amit Patel
@AmitP88
May 22 2017 04:28
@mgarry55 can you post a screenshot please?
evanscarla
@evanscarla
May 22 2017 04:31
Hi, I need help with my last task..
Says, -Make sure you have nested all HTML elements in .container-fluids .
Done with <div class="container-fluid" </div>
Alexander R Bott
@Abott1222
May 22 2017 04:33
@ructancoder depends how you learn. if you did it in school you should do it for FCC. I never took notes through college so I do not take notes now
Michael Lopez-Garry
@mgarry55
May 22 2017 04:33
how do i send a screenshot
Tanuj Singh
@ructancoder
May 22 2017 04:33
Thanks @Abott1222
CamperBot
@camperbot
May 22 2017 04:33
:cookie: 85 | @abott1222 |http://www.freecodecamp.com/abott1222
ructancoder sends brownie points to @abott1222 :sparkles: :thumbsup: :sparkles:
Alexander R Bott
@Abott1222
May 22 2017 04:34
@ructancoder np. but if you dont take notes you need to work on side projects at the same time
Tanuj Singh
@ructancoder
May 22 2017 04:34
side projects?
Alexander R Bott
@Abott1222
May 22 2017 04:34
you know
like cloning a website or something
Tanuj Singh
@ructancoder
May 22 2017 04:35
hmm
sure
i'll try
manny mendietta
@mannymendietta
May 22 2017 04:35

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

<h1>Hello World!</h1>

Alexander R Bott
@Abott1222
May 22 2017 04:35
or even something as basic as setting up google maps with your app. again it depends where you are at
manny mendietta
@mannymendietta
May 22 2017 04:35
how to override my h1 element
Tanuj Singh
@ructancoder
May 22 2017 04:35
how much time will it take to complete the process or to become a successfull web designer @Abott1222
james umali
@indefinite0212
May 22 2017 04:36
@mannymendietta why are you adding your class in your style tag??
Alexander R Bott
@Abott1222
May 22 2017 04:36
@ructancoder if you want my honest answer 1 year
james umali
@indefinite0212
May 22 2017 04:36
remember how you added class red-text @mannymendietta
manny mendietta
@mannymendietta
May 22 2017 04:36
@indefinite0212 was i not supposed to do this?
Alexander R Bott
@Abott1222
May 22 2017 04:36
@ructancoder but you can get an ok job before that but you probably wont be that good yet
Megan
@wordsontour
May 22 2017 04:36
you need to create a separate class of it's own - .pink-text
manny mendietta
@mannymendietta
May 22 2017 04:37
@wordsontour oh ok thank you
CamperBot
@camperbot
May 22 2017 04:37
mannymendietta sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @wordsontour |http://www.freecodecamp.com/wordsontour
Tanuj Singh
@ructancoder
May 22 2017 04:37
okk @Abott1222 but i just can't understand how will i remember all these things different functions,classes attributes it gets me demotivated.
Megan
@wordsontour
May 22 2017 04:37
the resource james provides is helpful.
Michael Lopez-Garry
@mgarry55
May 22 2017 04:38
I haveended my H1 element comment, leaving my h2 and p visible. yet it is not being recognized
LxGraphics88
@LxGraphics88
May 22 2017 04:39
how do i add a class tag inside the img tag
Mukul Agrawal
@mukul09
May 22 2017 04:40
@LxGraphics88 <img class="class-name">
Amit Patel
@AmitP88
May 22 2017 04:41
hey guys, how do I do the twitter function on the Random Quote Machine? https://codepen.io/AmitP88/pen/zwpzvY Can someone direct me to documentation? I'm a little lost as how to get started with this part of the project..
Megan
@wordsontour
May 22 2017 04:41
@mgarry55 can you copy and paste that part of your code?
Michael Lopez-Garry
@mgarry55
May 22 2017 04:42
refreshed the page, good to go
thanks!
Megan
@wordsontour
May 22 2017 04:43
good to hear
Mukul Agrawal
@mukul09
May 22 2017 04:43
hey guys!!! I want to contribute to open source and want to prepare for GSoC. Is there any gitter chat group for open source or can anybody suggest me some beginner projects that i should work upon?
Mr-Benjamin
@Mr-Benjamin
May 22 2017 04:44
$(document).ready(function(){
});
<script $(document).ready(function(){ });>

</script>
Do I actually add this to script or just between the script fields
Ryan Nelson
@iamryandnelson
May 22 2017 04:45
Can anyone help me understand why when I select a movie trailer the youtube overlay doesn't display bigger?
http://codepen.io/iamryandnelson/pen/BRPvbr?editors=0100
Mukul Agrawal
@mukul09
May 22 2017 04:45
@Mr-Benjamin between the script tag
Fallon
@fallonbg8
May 22 2017 04:48
so I'm just starting out
Mr-Benjamin
@Mr-Benjamin
May 22 2017 04:48
<script $(document).ready(function(){ });>
</script>
Fallon
@fallonbg8
May 22 2017 04:48
it says to not use inline style declarations- so what is the alternative
manny mendietta
@mannymendietta
May 22 2017 04:48
my style need a pink-text css class with its color set to pink "here is my code"
Dipjul
@dipjul
May 22 2017 04:48
<input type="text" placeholder="cat photo URL"> where can i add nested the text with form element...please help
manny mendietta
@mannymendietta
May 22 2017 04:49

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

}
</style>

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

Ryan Nelson
@iamryandnelson
May 22 2017 04:49
Nvm
Fallon
@fallonbg8
May 22 2017 04:50
great thanks
Harjot Singh
@harjotsingh1999
May 22 2017 04:50
@indefinite0212 it still doesn't work
manny mendietta
@mannymendietta
May 22 2017 04:50

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

}
</style>

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

Mr-Benjamin
@Mr-Benjamin
May 22 2017 04:50
<script>

</script>
is this right
manny mendietta
@mannymendietta
May 22 2017 04:50
i need to create css class called pink
Harjot Singh
@harjotsingh1999
May 22 2017 04:51

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

p {
font-family: Monospace;
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 rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Tanuj Singh
@ructancoder
May 22 2017 04:51
i just can't understand how will i remember all these things different functions,classes attributes it gets me demotivated.
Harjot Singh
@harjotsingh1999
May 22 2017 04:51
P elements should use monospace font what's wrong in thia
james umali
@indefinite0212
May 22 2017 04:52
@harjotsingh1999 reset your code and do it again
Dipjul
@dipjul
May 22 2017 04:52
<input type="text" placeholder="cat photo URL"> where can i add nested the text with form element...please help
WeHaveFunHere
@WeHaveFunHere
May 22 2017 04:53
Think I have my first "rough draft" of the Tribute Project. There is probably plenty wrong with it but if anyone could make sure it is at least serviceable, I'd truly appreciate it! https://codepen.io/WeHaveFunHere/full/zwMpPj/j
Mukul Agrawal
@mukul09
May 22 2017 04:53
@mannymendietta you should add a class called pink-text in style element
Tanuj Singh
@ructancoder
May 22 2017 04:54
i just can't understand how will i remember all these things different functions,classes attributes it gets me demotivated.
manny mendietta
@mannymendietta
May 22 2017 04:55
@mukul09 like this???

@mukul09 <style class="pink-text">
body {
background-color: black;
font-family: Monospace;
color: green;

}
</style>

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

WeHaveFunHere
@WeHaveFunHere
May 22 2017 04:55
@ructancoder As long as we have google hopefully documentation will help that problem
Mukul Agrawal
@mukul09
May 22 2017 04:55
@ructancoder just note down all the functions or classes step by step in a notebook and try to revise them after every 2-3 days.
Tanuj Singh
@ructancoder
May 22 2017 04:57
hmm thanks any other piece of advice you want me to given that could be useful for me as iam a beginner
Mukul Agrawal
@mukul09
May 22 2017 04:57
@mannymendietta
<style >
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text{
color:pink;
}
</style>
<h1 class="pink-text">Hello World!</h1>
evanscarla
@evanscarla
May 22 2017 04:58
Need help with .container-fluid..
Anybody?
Tanuj Singh
@ructancoder
May 22 2017 04:58
i just can't understand how will i remember all these things different functions,classes attributes it gets me demotivated. @mukul09
Roger Perez
@rogercodes1
May 22 2017 04:59
@evanscarla what is the issue?
Vered Rekanati
@veredrec
May 22 2017 04:59
@ructancoder my only advice is not to give up. When you'll use the functions and attributes you will see that the more you'll use them, the easier it would be to remember for next time. It comes with time and practice :)
codegiza
@codegiza
May 22 2017 04:59
quick question
Karla N. Galarza-Lugo
@AnimeHeart
May 22 2017 04:59
Your fa-thumbs-up icon should be located within the Like button.
codegiza
@codegiza
May 22 2017 04:59
creating a dead link goes on the where on the anchor ?
Mukul Agrawal
@mukul09
May 22 2017 04:59
@ructancoder watch this interview of quincy larson
https://www.youtube.com/watch?v=qZKvZzRynLE
Roger Perez
@rogercodes1
May 22 2017 05:00
For everyone, I may be reading the wording wrong, but not sure what is being asked.
Split your Bootstrap Row
Karla N. Galarza-Lugo
@AnimeHeart
May 22 2017 05:00
Use Font Awesome to add a thumbs-up icon to your like button by giving it an i element with the classes fa and fa-thumbs-up.
Roger Perez
@rogercodes1
May 22 2017 05:00

Now that we have a Bootstrap Row, let's split it into two columns to house our elements.

Create two div elements within your row, both with the class col-xs-6.

Nest two div class="col-xs-6" elements within your div class="row" element.
codegiza
@codegiza
May 22 2017 05:00
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p> having a little trouble creating an dead link
manny mendietta
@mannymendietta
May 22 2017 05:00

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

}
</style>

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

Roger Perez
@rogercodes1
May 22 2017 05:00
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div clas="col-xs-6">
<div clas="col-xs-6">
</div>
</div>
</div>
</div>
manny mendietta
@mannymendietta
May 22 2017 05:01
how would i add a pik-text to my <style> css
pink*
evanscarla
@evanscarla
May 22 2017 05:01
@raulrperez19 "Make sure you have nested all HTML elements in .container-fluid."
Roger Perez
@rogercodes1
May 22 2017 05:01
.pink-text{color:pink} @mannymendietta
what's the title of the assignment?
manny mendietta
@mannymendietta
May 22 2017 05:02

@mukul09 ok so i put the class in the h1 but now i need to put the pink-text css class with its color set to pink? <style>
body {
background-color: black;
font-family: Monospace;
color: green;

}
</style>

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

Dipjul
@dipjul
May 22 2017 05:02

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>

what's wrong with it?

Roger Perez
@rogercodes1
May 22 2017 05:04
@dipjul the "/" in submit cat photo
Hector Garcia
@hectorgarcia0504
May 22 2017 05:04
@AlejandroHTadinoM you simply make a style class for pink under your <style> element
.pink-text{
Dipjul
@dipjul
May 22 2017 05:05
@raulrperez19 not working without it too
Harjot Singh
@harjotsingh1999
May 22 2017 05:05

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

p {
font-family: Monospace;
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 rip the couch sleep in the sink fluffy fur catnip scratched.</p>
The p element should use monospace font what's wrong in this?

Hector Garcia
@hectorgarcia0504
May 22 2017 05:05
color:pink
now I'm having an issue with script tags
I've put the code in and even added a type
type="text/javascript"
<scrip> type="text/javascript" $(document).ready(function(){});</script>
Roger Perez
@rogercodes1
May 22 2017 05:07
@dipjul did you user the </form> and </input> at the end
simple, but that can be your issue.
Mukul Agrawal
@mukul09
May 22 2017 05:07
@mannymendietta you have to add pink-text class in style element
Roger Perez
@rogercodes1
May 22 2017 05:07
the "/" is correct, just double checked.
Mukul Agrawal
@mukul09
May 22 2017 05:08
@harjotsingh1999 try refreshing the page
Dipjul
@dipjul
May 22 2017 05:08

@raulrperez19 this is what i used

<form action="submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>

manny mendietta
@mannymendietta
May 22 2017 05:09
@raulrperez19
Prioritize One Style Over Another
trickst3r1
@trickst3r1
May 22 2017 05:09
i seem to be having trouble creating a class called smaller-image...any suggestions???
manny mendietta
@mannymendietta
May 22 2017 05:10
@trickst3r1 show code
Hector Garcia
@hectorgarcia0504
May 22 2017 05:10

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

this is the code im haivng an issue with
Roger Perez
@rogercodes1
May 22 2017 05:10
@mannymendietta what is the question it is asking you to do?
manny mendietta
@mannymendietta
May 22 2017 05:11
@raulrperez19 Your h1 element should have the class pink-text.
Your <style> should have a pink-text CSS class with its color set to pink.
Hector Garcia
@hectorgarcia0504
May 22 2017 05:11
I've added the type="text-javascript"
Roger Perez
@rogercodes1
May 22 2017 05:11
I am looking at what I have and it shows more info that you have, possibly ahead of what you are working with.
Hector Garcia
@hectorgarcia0504
May 22 2017 05:11
and taken it off and it still doesnt wotl
work
trickst3r1
@trickst3r1
May 22 2017 05:11

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

Dipjul
@dipjul
May 22 2017 05:11

please sent me the code please

<form action="submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>

Q.Nest your text input element within a form element

codegiza
@codegiza
May 22 2017 05:12
is anyone else having issues with the turning an image into a link ?
manny mendietta
@mannymendietta
May 22 2017 05:13
@trickst3r1 before src on your image yu have to add a class for smaller-image
Hector Garcia
@hectorgarcia0504
May 22 2017 05:13
make sure you have your anchor
@codegiza
Mukul Agrawal
@mukul09
May 22 2017 05:13
@trickst3r1 as you have created red-text class in style tag....just add smaller-image class to style tag
Roger Perez
@rogercodes1
May 22 2017 05:13

@mannymendietta

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Mukul Agrawal
@mukul09
May 22 2017 05:13
@codegiza for creating a dead link href should be equal to #
codegiza
@codegiza
May 22 2017 05:14
I can't seem to fix the issue
manny mendietta
@mannymendietta
May 22 2017 05:14
@raulrperez19 ?? im on overriding my color not the cats?
codegiza
@codegiza
May 22 2017 05:14
I can't seem to resolve Nest the existing img element within an a element.
Harjot Singh
@harjotsingh1999
May 22 2017 05:14
@mukul09 it still doesn't work
Hinnahu
@Hinnahu
May 22 2017 05:15
Mukul Agrawal
@mukul09
May 22 2017 05:15
@harjotsingh1999 what is your challenge name
codegiza
@codegiza
May 22 2017 05:15
Turn an Image into a Link
Hinnahu
@Hinnahu
May 22 2017 05:16
what is wrong
Harjot Singh
@harjotsingh1999
May 22 2017 05:16
Set the font family of an element @mukul09
Roger Perez
@rogercodes1
May 22 2017 05:16
@mannymendietta enter your full code and the question that is giving you the X
codegiza
@codegiza
May 22 2017 05:19
does anyone have tips for turning an image into an link ?
Mukul Agrawal
@mukul09
May 22 2017 05:20
@harjotsingh1999 i tried your code in my browser and it is running successfully. refresh again
@codegiza nest your img element in anchor element like
<a href="#"> <img></a>
Vered Rekanati
@veredrec
May 22 2017 05:21
@codegiza I'm not sure if that's what you mean, but in general when you want to have an image as link you wrap the image with a link
codegiza
@codegiza
May 22 2017 05:22
can't seem why my code <a href="#"><img src="https://bit.ly//fcc-running-cats" alt+three kittens running towards the camera."></a>
not complying with Nest the existing img element within an a element.
Mukul Agrawal
@mukul09
May 22 2017 05:23
@codegiza <a href="#"><img src="https://bit.ly//fcc-running-cats" alt="three kittens running towards the camera."></a>
Jan Soons
@jsoons
May 22 2017 05:23
$("#left-well:nth-child(2)").addClass("animated bounce"); is this code selecting the 2nd element in the left-well?
Zekalo
@Zekalo
May 22 2017 05:24
@jsoons It's selecting the second child of whatever has the id #left-well
In other words, yes it does select the 2nd element in the left-well
target*
codegiza
@codegiza
May 22 2017 05:25
@mukul09 was the issue the nesting ?
Jorge Castillo
@chinoecu
May 22 2017 05:25
Give your form element id cat-photo-form
Jan Soons
@jsoons
May 22 2017 05:25
thx. the test run was not accepting it
Jorge Castillo
@chinoecu
May 22 2017 05:26
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
Mukul Agrawal
@mukul09
May 22 2017 05:26
@codegiza no. your text as alt should be in double quotes
codegiza
@codegiza
May 22 2017 05:27
so would this be correct @mukul09
<p>click here for
<a href="#"><img src="https://bit.ly//fcc-running-cats" alt="three kittens running towards the camera."></a>.</p>
?
Hector Garcia
@hectorgarcia0504
May 22 2017 05:27

<script> $(document).ready(function(){});</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
can anyone help with this the <script> ins't accepted when I run the test

Zekalo
@Zekalo
May 22 2017 05:28
@jsoons If your code isn't working do the following:
  1. Refresh browser and try to submit answer again.
  2. Read through your code, see if everything is properly written, no typo etc.
  3. Read the instructions again and make sure you read through the whole thing and look in your code if you actually solved what was asked.
  4. If it still isn't working then ask for help! :D
Jorge Castillo
@chinoecu
May 22 2017 05:28
I tried <form action="/submit-cat-photo" id="cat-photo-app">
Mukul Agrawal
@mukul09
May 22 2017 05:28
@codegiza yes
codegiza
@codegiza
May 22 2017 05:29
it still states that I didn't Nest the existing img element within an a element. @mukul09
Zekalo
@Zekalo
May 22 2017 05:29
<script> 
$(document).ready(function(){

});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
@hectorgarcia0504 Try this :) Sometimes formatting helps
@codegiza Refresh your page, if that doesn't work then your code is wrong.
@chinoecu You need to read through the instructions again, cause you're not doing it right my friend!
evanscarla
@evanscarla
May 22 2017 05:31
<form action="/submit-cat-photo"> @chinoecu
Jorge Castillo
@chinoecu
May 22 2017 05:31
@Zekalo Thanks
CamperBot
@camperbot
May 22 2017 05:31
chinoecu sends brownie points to @zekalo :sparkles: :thumbsup: :sparkles:
:cookie: 154 | @zekalo |http://www.freecodecamp.com/zekalo
Mukul Agrawal
@mukul09
May 22 2017 05:31
@codegiza your code should be like this
<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>
AndyMurri
@AndyMurri
May 22 2017 05:31
I can't seem to understand the id attribute. Could be that it is late at night, but where do I put the darn thing?
Zekalo
@Zekalo
May 22 2017 05:32
@AndyMurri You nest it into the first tag :)
<h1 id="Goof"> Hello world! </h1>
@AndyMurri
Aakriti
@Aakriti94
May 22 2017 05:33

hey, i need help. this code is working fine

<div class="container-fluid">
            <div class="about row" id="about-him">
                <div class="col-md-6 parent-about-text">
                </div>
                <div class="col-md-6 about-slider">
                </div>
            </div>
</div>

but as soon as i add.. another row in container, like

<div class="container-fluid">
            <div class="about row" id="about-him">
                <div class="col-md-6 parent-about-text">
                </div>
                <div class="col-md-6 about-slider">
                </div>
            </div>
           <div class="row">
                <div class="col-md-6" style="background: red">1</div>
                <div class="col-md-6" style="background: blue">2</div>
            </div>
</div>

a little extra padding is added as u can see at the bottom of the page https://codepen.io/aakriti_1012/full/wdQPGQ/ why is it so?

Zekalo
@Zekalo
May 22 2017 05:34
@Aakriti94 Ill check it one moment :)
Aakriti
@Aakriti94
May 22 2017 05:34
@Zekalo sure
AndyMurri
@AndyMurri
May 22 2017 05:35
@Zekalo you're the best, thank you so much!
CamperBot
@camperbot
May 22 2017 05:35
andymurri sends brownie points to @zekalo :sparkles: :thumbsup: :sparkles:
:cookie: 155 | @zekalo |http://www.freecodecamp.com/zekalo
Zekalo
@Zekalo
May 22 2017 05:36
@Aakriti94 Well usually when you use bootstrap it does that by default, you can disable it using CSS
Aakriti
@Aakriti94
May 22 2017 05:37
@Zekalo well, what exactly i need to write?
Zekalo
@Zekalo
May 22 2017 05:37
@Aakriti94 It's just how bootstrap is, you could disable it by hiding it by setting display: none;
Aakriti
@Aakriti94
May 22 2017 05:38
okay let me try. thanks
Zekalo
@Zekalo
May 22 2017 05:38
@Aakriti94 Mind you, you need to target the specific div in question and nothing else
Pedro Pineda
@pedropda
May 22 2017 05:40
Hi everyone! :smile: Why is img not appearing in the document?
<!DOCTYPE html>
<html>
  <head>
    <title>Matching Game</title>
    <style>
      html,body {
          padding:0;
          margin:0;
          height:90%;
      }

      body {
          width:100%;
      }

      .row {
          width:100%;
          height:100%;
      }
      #rightSide {
          width:50%;
          height:100%;
          float:right;
          border-left: 1px solid black;
      }
    </style>
    <script>
    var numberOfFaces = 5;
    var theLeftSide = document.getElementById('leftSide');

    function generateFaces() {
      var img = document.createElement('img');
      img.src="http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png";
      theLeftSide.appendChild(img);
      // loop that makes smiley numberOfFaces times

    }
    </script>
  </head>
  <body onload="generateFaces()">
    <h1>Matching Game</h1>
    <p>Click on the extra smiling face on the left.</p>
    <div class="row">
       <div id="leftSide"></div>
       <div id="rightSide"></div>
    </div>
  </body>
</html>
Zekalo
@Zekalo
May 22 2017 05:42
@pedropda Have you tried putting the script tag with all of its content at the bottom of the page?
I suspect it might not be working cause the script runs before the page loads.
Pedro Pineda
@pedropda
May 22 2017 05:45
@Zekalo it worked, but is there any way thay I can make it work with the script nested inside head tag?
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 05:46
@pedropda to make sure things load properly u should use
window.onload = function(){
// your code here
}
Raj Zaveri
@rbzaveri
May 22 2017 05:50
Your submit button should have the attribute type set to submit?
Help needed pls
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 05:54
@rbzaveri type="submit" maybe
Zekalo
@Zekalo
May 22 2017 05:56
@pedropda As @thuannguyen13 suggested, putting the window.onload function makes your javascript wait until the whole DOM is loaded and then run your script. But really it's better pratice to have your script at the bottom of the page.
@rbzaveri A simple google search would've answered that for you! Start using more search methodology.
Raj Zaveri
@rbzaveri
May 22 2017 05:58
<button type="submit">Submit</button></form>
Hanshen Falah
@matsukahansen
May 22 2017 05:59
hey guys, now i'm stuck at Script Tags and Document Ready Work

here's my code <script>
$(document).ready(function){
});

</script>

Gaurav2084
@Gaurav2084
May 22 2017 06:00
hi All, can someone help me with
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:00
@matsukahansen function should have () - function()
Gaurav2084
@Gaurav2084
May 22 2017 06:00
let hello = " Hello, World! ";
let wsRegex = /^\s+ \s+$/g; // Change this line
let result = hello.replace(wsRegex,''); // Change this line
Hanshen Falah
@matsukahansen
May 22 2017 06:02
@thuannguyen13 how to apply it ? <script>
$(document).ready(function() {
});
</script>
Zekalo
@Zekalo
May 22 2017 06:03
@matsukahansen I propose you read the instructions again. Follow the given example of how to properly write it in the challenge.
Fallon
@fallonbg8
May 22 2017 06:04
how do i add another class to an omg element
Hanshen Falah
@matsukahansen
May 22 2017 06:05
@Zekalo i think there's a bug, after i close the page and reopen then it work, i already refresh and reset before and not working
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:05
@matsukahansen the document.ready mean that the DOM elements will be completely loaded and then the script after
there 2 way to use it:
  • 1/ just call the functionin side the {..} of the document.ready function.
  • 2/ write everything inside the {...
    }
@fallonbg8 u mean add class to <img>tag ??
Hanshen Falah
@matsukahansen
May 22 2017 06:06
@thuannguyen13 nice, great tips thank you
CamperBot
@camperbot
May 22 2017 06:06
matsukahansen sends brownie points to @thuannguyen13 :sparkles: :thumbsup: :sparkles:
:cookie: 15 | @thuannguyen13 |http://www.freecodecamp.com/thuannguyen13
Zekalo
@Zekalo
May 22 2017 06:06
@matsukahansen Yes there is a bug. Sometimes you need to refresh the page for it to work.
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:06
@matsukahansen glad to help :D
Fallon
@fallonbg8
May 22 2017 06:06
@thuannguyen13 yes i think
Hanshen Falah
@matsukahansen
May 22 2017 06:07
@Zekalo thanks
CamperBot
@camperbot
May 22 2017 06:07
matsukahansen sends brownie points to @zekalo :sparkles: :thumbsup: :sparkles:
:cookie: 157 | @zekalo |http://www.freecodecamp.com/zekalo
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:07
@fallonbg8 example <img src="..." alt="..." class="your-class-here">
Kaitlin Yu
@yukaitlin
May 22 2017 06:08
can someone help me with something pretty basic? how do i next a text input element within a form element?
Fallon
@fallonbg8
May 22 2017 06:08
thanks
Kaitlin Yu
@yukaitlin
May 22 2017 06:08

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

<form action="/submit-cat-photo"></form>

how do i nest it?
Darren
@DarrenfJ
May 22 2017 06:09
evening fCC
Pedro Pineda
@pedropda
May 22 2017 06:09

@thuannguyen13 Can I ask you one more question? This DOM thing somewhat difficult for me
Why is the img inserted before theLeftSide if its supposed to be inserted as its child?

https://codepen.io/pedropda/pen/PmxvKm

Darren
@DarrenfJ
May 22 2017 06:10
@yukaitlin put theinput text= "..." between the <form ...> and the closing </form> (for nesting)
Kaitlin Yu
@yukaitlin
May 22 2017 06:11
thank you!! @DarrenfJ
CamperBot
@camperbot
May 22 2017 06:11
yukaitlin sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1773 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
May 22 2017 06:12
:D
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:17
@pedropda somehow the codepen work like you want its to be, i cant see what is wrong here :D
Pedro Pineda
@pedropda
May 22 2017 06:20
@thuannguyen13 I just changed it. Maybe it was because I was modifying style before appending it to the document, and it can be above the parent element because its position is absolute :smile:
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:22
@pedropda okay glad u figured out :D. btw checkout "my playground" https://thuannguyen13.github.io/My-Playground/ love to here some feedback
Amit Patel
@AmitP88
May 22 2017 06:23
hey guys, how do I go about doing the twitter function of the Random Quote Machine project? I'm a little lost as how to get started...
James D. Bohrman
@jdbohrman
May 22 2017 06:27

I'm having trouble nesting this and turning it into a clickable link

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

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

Gaurav2084
@Gaurav2084
May 22 2017 06:28
hi All, can someone help me to clear this challenge
let hello = " Hello, World! ";
let wsRegex = /^\s+\s+$/g; // This is what i wrote
let result = hello.replace(wsRegex,''); // Change this line
but its not working
Nguyễn Đức Thuận
@thuannguyen13
May 22 2017 06:35
@Gaurav2084 ^\s*(.*)\s*$ try this one, it will capture the content
Amit Patel
@AmitP88
May 22 2017 06:36
hey guys, how do I go about doing the twitter function of the Random Quote Machine project? I'm a little lost as how to get started...
symc87
@symc87
May 22 2017 06:37
hi
Hinnahu
@Hinnahu
May 22 2017 06:38
color style
symc87
@symc87
May 22 2017 06:38
i stick at stage "Use CSS Selectors to Style Elements"
Gaurav2084
@Gaurav2084
May 22 2017 06:38
@thuannguyen13 ^\s(.)\s*$ didn't helped
symc87
@symc87
May 22 2017 06:38
i already change to blue
i stuck
James D. Bohrman
@jdbohrman
May 22 2017 06:38
@snyc
@symc87 Let me see your code, maybe I can help.
Hinnahu
@Hinnahu
May 22 2017 06:39
<style> h2 element { color: blue; } </style>
symc87
@symc87
May 22 2017 06:39

<style>
h2
{
color:blue;

}

</style>

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

Hinnahu
@Hinnahu
May 22 2017 06:39
what is wrong with this
symc87
@symc87
May 22 2017 06:39
i dk
cant poroceed
proceed
James D. Bohrman
@jdbohrman
May 22 2017 06:40
Hold on one sec
Is that exactly how your code looks?
symc87
@symc87
May 22 2017 06:41
yes
i rearrange it back
<style>
h2
{ color:blue;}

</style>
Akansha Gautam
@akanshagautam3751
May 22 2017 06:42
Hey. How will I upload an image saved in dektop to my pen code.?
neep help
SmartExTRemer
@SmartExTRemer
May 22 2017 06:42
try this guys to a href dead link
<p>Click here for <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>
Hinnahu
@Hinnahu
May 22 2017 06:43
please solve it
symc87
@symc87
May 22 2017 06:43
@jdbohrman have you have anyidea?
@Hinnahu anyone got problem like me?
James D. Bohrman
@jdbohrman
May 22 2017 06:44
@symc87 You've got the curly brackets?
SmartExTRemer
@SmartExTRemer
May 22 2017 06:44
@Hinnahu it will be just h2
there is no element word
symc87
@symc87
May 22 2017 06:45
<style>
h2 { color:blue;}

</style>
that is my code
SmartExTRemer
@SmartExTRemer
May 22 2017 06:45

<style>
h2
{ color:blue;}

<style>

James D. Bohrman
@jdbohrman
May 22 2017 06:45
@SmartExTRemer Thanks btw. My keyboard is super slow. So glad to be getting a Macbook Air soon to get away from Windows.
CamperBot
@camperbot
May 22 2017 06:45
jdbohrman sends brownie points to @smartextremer :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @smartextremer |http://www.freecodecamp.com/smartextremer
SmartExTRemer
@SmartExTRemer
May 22 2017 06:45
sorry it will be also close tag
@Hinnahu
Akansha Gautam
@akanshagautam3751
May 22 2017 06:46
@SmartExTRemer But I don't have a http link for my image.
Hinnahu
@Hinnahu
May 22 2017 06:46
style>
h2
{ color:blue; }
</style
what is wrong
fjmclaro
@fjmclaro
May 22 2017 06:47
im stuck
Create a new button element below your large kitten photo. Give it the class btn and the text of "Like".
SmartExTRemer
@SmartExTRemer
May 22 2017 06:47
@Hinnahu before start write style tex, style hase to be between this "<>" things
James D. Bohrman
@jdbohrman
May 22 2017 06:47
try resetting your editor and entering it again, you may have had a typo somewhere
@Hinnahu Try resetting your editor
SmartExTRemer
@SmartExTRemer
May 22 2017 06:48
@Hinnahu alsa you finish the element with close tag like </style> this
@jdbohrman @Hinnahu yeah lets reset
logattack
@logattack
May 22 2017 06:49
@fjmclaro what are you having issues with? i had to refresh the page with the btn-block lesson earlier with correct code
fjmclaro
@fjmclaro
May 22 2017 06:49
i dont know which tag to use for the button element
logattack
@logattack
May 22 2017 06:51
<button>
and you have to declare the class
fjmclaro
@fjmclaro
May 22 2017 06:51
ok thanks will do
Hinnahu
@Hinnahu
May 22 2017 06:52
<style>
h2
{color:blue;}
</style>
is it ok
logattack
@logattack
May 22 2017 06:52
yeah
Joe
@Jojobojo24
May 22 2017 06:54
Hi, I am having trouble giving my image element an alt attribute. Can anyone help?
SmartExTRemer
@SmartExTRemer
May 22 2017 06:54
@Hinnahu yep
@Jojobojo24 everyone can help you
dont worry
Joe
@Jojobojo24
May 22 2017 06:56
@SmartExTRemer thanks! :)
CamperBot
@camperbot
May 22 2017 06:56
jojobojo24 sends brownie points to @smartextremer :sparkles: :thumbsup: :sparkles:
:cookie: 4 | @smartextremer |http://www.freecodecamp.com/smartextremer
logattack
@logattack
May 22 2017 06:57
@Jojobojo24 seperate attributes with spaces
James D. Bohrman
@jdbohrman