These are chat archives for FreeCodeCamp/Help

27th
Sep 2016
mike
@mikeynzb
Sep 27 2016 00:00
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well"><div class="well col-xs-6">

</div>
<div class="well col-xs-6">
</div>
</div>
</div>
</div>
Margaret
@Margaret2
Sep 27 2016 00:02
@mikeynzb <div class="well"></div> has to go inside <div class="col-xs-6"></div>
<div class="col-xs-6">
   // put well div here //
</div>
@mikeynzb
mike
@mikeynzb
Sep 27 2016 00:05
gotdm
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
</div>
<div class="well col-xs-6">
<div class="well">
</div>
</div>
</div>
i did ttwice right???
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
//<div class="well">//
</div>
<div class="well col-xs-6">
//<div class="well">//
</div>
</div>
</div>
Margaret
@Margaret2
Sep 27 2016 00:09
@mikeynzb you are missing closing tags </div> for your wells
after each <div class="well"> you need to put in another </div> tag @mikeynzb
mike
@mikeynzb
Sep 27 2016 00:13
strange i would have sworn i closed the tag....
you can close a tag olso a couple tags further? or is that impossible?
Margaret
@Margaret2
Sep 27 2016 00:13
@mikeynzb sometimes it is hard to tell when you have so many divs :D
mike
@mikeynzb
Sep 27 2016 00:14
like: <div class="row"> some text som classes some col-xs-6 </div> ???
but now it works...
thanks for help
Datoufa
@Datoufa
Sep 27 2016 00:16
Hey all, I'm having trouble vertically aligning an image with text that is in the same row. Could anyone help?
Garrus Napp
@GarrusNapp
Sep 27 2016 00:17
@Datoufa you've got it on codepen?
Datoufa
@Datoufa
Sep 27 2016 00:17
@GarrusNapp Yes
Garrus Napp
@GarrusNapp
Sep 27 2016 00:17
show us
Garrus Napp
@GarrusNapp
Sep 27 2016 00:19
@Datoufa you want text to be in the middle position ?
Datoufa
@Datoufa
Sep 27 2016 00:20
@GarrusNapp I'd like the text and image to be side by side so that the text is vertically aligned with the middle of the image. Currently the text just stays at the top. I'd like it to be more like the example page
jukebox3141
@jukebox3141
Sep 27 2016 00:21
Hey guys
I need some help
Garrus Napp
@GarrusNapp
Sep 27 2016 00:21
@jukebox3141 whats the matter
Freddy Wendt
@FreddyWendt
Sep 27 2016 00:24
Hello world, I'm having trouble giving a background colour to a div element
CamperBot
@camperbot
Sep 27 2016 00:24

welcome to FreeCodeCamp @FreddyWendt!

Freddy Wendt
@FreddyWendt
Sep 27 2016 00:24
Thanks camperbot
Garrus Napp
@GarrusNapp
Sep 27 2016 00:25
@FreddyWendt hello, show your code
JGironB
@JGironB
Sep 27 2016 00:25
hello guys i have a problem here:

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

Datoufa
@Datoufa
Sep 27 2016 00:26
@GarrusNapp Not exactly sure, but I want the image and text to be in the same row. Not text inside of a box.
Roel R. Garcia
@roe-el
Sep 27 2016 00:27
@FreddyWendt use background-color: colorhere;
Garrus Napp
@GarrusNapp
Sep 27 2016 00:27
@Datoufa Inside that box you could put a text and a image. might work
@JGironB it looks OK, what is the problem?
Freddy Wendt
@FreddyWendt
Sep 27 2016 00:29
i tried this but still need to figure out how to assign it to the div element .silver-background {
background-color: silver;
}
...I put that inside the style element btw
Garrus Napp
@GarrusNapp
Sep 27 2016 00:30
@FreddyWendt you apply classes like that: <h2 class="your class name">something</h2>
Roel R. Garcia
@roe-el
Sep 27 2016 00:31
@FreddyWendt when you use the dot reference that is a class reference you need to add class="classnamewithNOdot" inside the tag
d wilder
@alhazen1
Sep 27 2016 00:34
@FreddyWendt Just indicate which divs to apply that style on in your html. <div class="col-xs-4 silver-background">
Ciel
@xfffrank
Sep 27 2016 00:35
how can I make the image image-responsive when using the image as the background
background-image:url("https://www.artsandcrafts.com/media/catalog/category/websites-for-photographers.jpg");
background-repeat:no-repeat;
this is what I write now
But the image is too big in the page
Fab Rod
@fabioanel
Sep 27 2016 00:37
Your stylesheet should declare a red-text class and have its color set to red.
stuck here
Datoufa
@Datoufa
Sep 27 2016 00:39
@GarrusNapp It didn't work. I even tried copying and pasting the exact example you gave. Not sure what else to do.
Ciel
@xfffrank
Sep 27 2016 00:40
@GarrusNapp thanks
CamperBot
@camperbot
Sep 27 2016 00:40
skfwnelf sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
Garrus Napp
@GarrusNapp
Sep 27 2016 00:42
@Datoufa see if it helps
@Datoufa change span for divs and you'll have your bootstrap col-xs
Datoufa
@Datoufa
Sep 27 2016 00:51
@GarrusNapp But I don't want to make <div> have a css style right? Because I'll be using it frequently throughout the html and I don't want it applied every time.
Garrus Napp
@GarrusNapp
Sep 27 2016 00:51
@Datoufa correct. This is just a demo to show how it works. Its structure is different from what you want to use, just apply what you need
Datoufa
@Datoufa
Sep 27 2016 00:53
This is what I have so far, and it's the image and text but they're stacked in a small box.
   <div class="container-fluid">
   <header>
  <div class="well-sm">
    <div class="row">
     <div style="display: table; width: 250px; height: 100px; text-align:center">
      <div class="col-md-8">
<h4 class="text-center">I'm always interested in taking on new challenges. Well-traveled, trilingual, with a new interest in writing code. I'm just trying to see how deep this rabbit hole goes.</h4>
      </div>
      <div class="col-md-4">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/Thomas-Jefferson.jpg" class="img-circle img-responsive" width="250">
      </div>
</div>
      </div>
    </div>
     </header>
NapoleanHill
@NapoleanHill
Sep 27 2016 00:53
Please help...:<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
<label><input type = "radio" name ="indoor-outdoor">indoor</label>
<label><input type = "radio" name ="indoor- outdoor">outdoor</label>
Jay
@iwillnotlose
Sep 27 2016 00:54
What's up guys...having trouble building a personal portfolio page...after I download the code from bootstrap how do I import the code and its respective folders in codepen???help please
Garrus Napp
@GarrusNapp
Sep 27 2016 00:55
@iwillnotlose to use bootstrap in codepen you don't need to download it. You press that gear next to css window and there you add bootstrap
JoannaPopo
@joannapopo
Sep 27 2016 00:56
@NapoleanHill im having same trouble woth radio buttons
Garrus Napp
@GarrusNapp
Sep 27 2016 00:56
@Datoufa you have it on codepen already?
Datoufa
@Datoufa
Sep 27 2016 00:56
@GarrusNapp Yea, but i've been messing around with it
Jay
@iwillnotlose
Sep 27 2016 00:57
Thanks @GarrusNapp
CamperBot
@camperbot
Sep 27 2016 00:57
iwillnotlose sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
Garrus Napp
@GarrusNapp
Sep 27 2016 00:59
@Datoufa <div style="display: table;"> <div class="text"> blabla </div> <div class="picture"> <img> </div> </div> Then both text and picture classes should have display: table-cell; vertical-align: middle; this should work
Santiago Gómez
@Sperkajugglite
Sep 27 2016 01:02

hi guys i have a quick question :P

is there a way for a div to have opacity without affecting the after of that same div

Garrus Napp
@GarrusNapp
Sep 27 2016 01:03
@Sperkajugglite div {opacity: 0.5;}
@Sperkajugglite if not, try div { background: rgba(200, 54, 54, 0.5); } numbers stand for red, green, blue, alpha (which is opacity)
Datoufa
@Datoufa
Sep 27 2016 01:05
@GarrusNapp I appreciate your help, but it's exactly the same. http://jsfiddle.net/SVJaK/3313/
Garrus Napp
@GarrusNapp
Sep 27 2016 01:06
@Datoufa it is, but what doesn't work as intended?
Santiago Gómez
@Sperkajugglite
Sep 27 2016 01:07
@GarrusNapp thanks man, that works, but i have and ::after and it affects it too, do you know what can i do :P ? :)
CamperBot
@camperbot
Sep 27 2016 01:07
sperkajugglite sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
Dominick White
@DominickW
Sep 27 2016 01:07
Can anyone help with this? "Nest each of your radio buttons inside its own div with the class col-xs-6" I tried nesting above the "<label>" and below the "</label>" but it is not showing as complete
Anthony Logan McWhorter
@Loganmcw
Sep 27 2016 01:08
<form action="/submit-cat-photo"></form> what am i doing wrong with form elements? it wont let me pass
Datoufa
@Datoufa
Sep 27 2016 01:08
Here's my original tribute page Do you see how I have the text vertically centered with the image in the "Key Life Events" section? Well that's what I want here, but even copying and pasting the code doesn't seem to work...
Garrus Napp
@GarrusNapp
Sep 27 2016 01:09
JoannaPopo
@joannapopo
Sep 27 2016 01:10
I need help with radio buttons!? Anyone has an example ? Tnx
Garrus Napp
@GarrusNapp
Sep 27 2016 01:11
@Datoufa hold on
Datoufa
@Datoufa
Sep 27 2016 01:12
@joannapopo What do you need specifically?
JENNIFER CHESTER
@jenniferchester
Sep 27 2016 01:13
class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><a href=""https://www.facebook.com/jennifer.chester85"">Facebook</a></button>
</div>
trying to get button to show text and link to Facebook
in a new tab
JoannaPopo
@joannapopo
Sep 27 2016 01:14

@Datoufa <label><input type:"radio" name:"indoor-outdoor"> Indoor </label>

<label><input type:"radio" name:"indoor-outdoor"> Outdoor </label>

Garrus Napp
@GarrusNapp
Sep 27 2016 01:14
@Datoufa looks like issue with bootstrap
Datoufa
@Datoufa
Sep 27 2016 01:15
@joannapopo Make sure you're not using colons when you should be using equal signs.
Example:
<label><input type="radio"
                  name="indoor-outdoor">
Darshan
@Dave1089
Sep 27 2016 01:17
@jenniferchester "" once only, around faceboook link
Garrus Napp
@GarrusNapp
Sep 27 2016 01:17
@Datoufa this it's bootstrap, if you use col-xs- on those divs inside row it overrides whole thing
@Datoufa not much more i can help, google flexbox and see if it's suitable for your problem
JENNIFER CHESTER
@jenniferchester
Sep 27 2016 01:21
Thank you!
Datoufa
@Datoufa
Sep 27 2016 01:23
@GarrusNapp Geez, that was the most persistent coding thing I've ever run into. Thank you for sticking with me! I didn't realize I could make row and column elements without using those predefined col-- things.
CamperBot
@camperbot
Sep 27 2016 01:23
datoufa sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
Garrus Napp
@GarrusNapp
Sep 27 2016 01:24
@Datoufa you can, but the question is wether it's going to be responsive or not without col-
Datoufa
@Datoufa
Sep 27 2016 01:30
@GarrusNapp Got it. Anyways, thanks again for spending so much time on it!
CamperBot
@camperbot
Sep 27 2016 01:30
datoufa sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:warning: datoufa already gave garrusnapp points
Garrus Napp
@GarrusNapp
Sep 27 2016 01:30
@Datoufa no problem, good luck
g2g, see ya everyone
Mikael Hadler
@mikaelhadler
Sep 27 2016 01:38
Hello guys, good night

I'm need a help for "Change text inside an Element using jQuery", in my tag scripts, include the calls [code]
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>teste</em>");
});
[/code]
but, i don't can next steps, i'm wrong in that points:

"Emphasize the text in your 'target' button by adding HTML tags" and "Make sure the text is otherwise unchaged.

Mikael Hadler
@mikaelhadler
Sep 27 2016 01:44
So, I do not understand who fix
Izzystretch
@Izzystretch
Sep 27 2016 01:44

Fill in the Blank with Placeholder Text

Web developers traditionally use lorem ipsum text as placeholder text. The 'lorem ipsum' text is randomly scraped from a famous passage by Cicero of Ancient Rome.

Lorem ipsum text has been used as placeholder text by typesetters since the 16th century, and this tradition continues on the web.

Well, 5 centuries is long enough. Since we're building a CatPhotoApp, let's use something called kitty ipsum text.

Replace the text inside your p element with the first few words of this kitty ipsum 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.

Mikael Hadler
@mikaelhadler
Sep 27 2016 01:44
Emphasize tags html don't is "<em>"
Izzystretch
@Izzystretch
Sep 27 2016 01:44
whats this
how do i do it
Mikael Hadler
@mikaelhadler
Sep 27 2016 01:48
You need replace your text using random elements p, but i have to use "kitty ipsum text", go to google and good luck bro!
LPR-309
@LPR-309
Sep 27 2016 01:48
@Izzystretch Literally replace what's inside with your p element with: "Kitty ipsum dolor > everything on from here
like that?
LPR-309
@LPR-309
Sep 27 2016 01:50
Nope, replace that part you changed with an </p>. You want to change "Hello Paragraph" to the long paragraph they provide at the end of the description.
Duy N
@nmnduy
Sep 27 2016 01:51
I need help on the Calculator App project. How did you solve the order of operations problem? I can't solve 2 + 2 * 4 the right way using code.
LPR-309
@LPR-309
Sep 27 2016 01:54
@mikaelhadler $("#target4").html("<em>#target4</em>); Make sure the text is the same, what is in italics
VaseJS
@VaseJS
Sep 27 2016 01:55
@nmnduy its just like in math, things in “( )” will be evaluated first so (2+2)//4 4 = 16 vs 2 + 2 4 // where 2*4 takes precedent over addition so it would equal 2 + 6 = 8
Salomon
@zarruk
Sep 27 2016 01:56
Hello. Does anybody know if for the Twitchtv JSON API challenge I am supposed to complete this challenge not calling the json but using the sample API response they're giving? Did I understand well?
dominantmyrill
@dominantmyrill
Sep 27 2016 01:57
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Duy N
@nmnduy
Sep 27 2016 01:57
@VaseJS so are you suggesting adding parentheses around numbers by precedence, then compute what's in parentheses first?
dominantmyrill
@dominantmyrill
Sep 27 2016 01:58
please help..
VaseJS
@VaseJS
Sep 27 2016 01:58
@nmnduy anything in () will be evaluate first
@nmnduy so yes
Duy N
@nmnduy
Sep 27 2016 02:00
@VaseJS Thanks. Does this look like an okay, high-level implementation to you?
var stack = [ "2" , "+" , "5", "x", "2"]; addParentheses (stack); compute(stack);
CamperBot
@camperbot
Sep 27 2016 02:00
nmnduy sends brownie points to @vasejs :sparkles: :thumbsup: :sparkles:
:cookie: 254 | @vasejs |http://www.freecodecamp.com/vasejs
JuanG05
@JuanG05
Sep 27 2016 02:01
How can I make this <a href ="http://www.freecatphotoapp.com">cat photos</a>.</p>
into a dead link?
VaseJS
@VaseJS
Sep 27 2016 02:01
@nmnduy I’m not sure what you’re trying to do. Why add the operators in the stack?
Grandmapain
@Grandmapain
Sep 27 2016 02:02
is there a trick to making the image smaller when you're doing the cat app?
VaseJS
@VaseJS
Sep 27 2016 02:02
make a function and add the variables within them
Grandmapain
@Grandmapain
Sep 27 2016 02:02
i can't seem to get this code to work :(
.smaller-image {width: 100px;}
dangerrmaus
@dangerrmaus
Sep 27 2016 02:02
how do i create a script element
dominantmyrill
@dominantmyrill
Sep 27 2016 02:03
it will not work me either
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:04
<script></script>
dominantmyrill
@dominantmyrill
Sep 27 2016 02:04
why .smaller-image {width: 100px; } not working....
Duy N
@nmnduy
Sep 27 2016 02:04
@VaseJS are you suggesting keeping a numberStack and an operator stack? As in
var numStack = [2, 3, 5]; var ops = ["+", "x"];
Where would the parentheses fit in this setup?
Grandmapain
@Grandmapain
Sep 27 2016 02:04
@dominantmyrill pretty sure we broke it
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:04
@dominantmyrill did you add the class to the image you want to have a width of 100px?
dominantmyrill
@dominantmyrill
Sep 27 2016 02:05
oh my god you also not working ?
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:05
first you give an element a class and then you can select it in style and give it styling
dominantmyrill
@dominantmyrill
Sep 27 2016 02:05
@Grandmapain ?
Grandmapain
@Grandmapain
Sep 27 2016 02:06
this site needs a hover-over dictionary for key words
dominantmyrill
@dominantmyrill
Sep 27 2016 02:06
ill try @alexanderkopke
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:07
<style>
.className{
width:68px;
}
</style>
<p class="className">Some Text</p>
Grandmapain
@Grandmapain
Sep 27 2016 02:08

lost

VaseJS
@VaseJS
Sep 27 2016 02:09
@nmnduy what are you trying to solve
Duy N
@nmnduy
Sep 27 2016 02:10
@VaseJS I think I got it . Thanks!
CamperBot
@camperbot
Sep 27 2016 02:10
nmnduy sends brownie points to @vasejs :sparkles: :thumbsup: :sparkles:
:warning: nmnduy already gave vasejs points
Grandmapain
@Grandmapain
Sep 27 2016 02:11
@alexanderkopke <img class=smaller-image {width: 100px;} </img>
Izzystretch
@Izzystretch
Sep 27 2016 02:11
whats thsi about?
VaseJS
@VaseJS
Sep 27 2016 02:11
@nmnduy no problem
Grandmapain
@Grandmapain
Sep 27 2016 02:12
that doesn't seem right
dominantmyrill
@dominantmyrill
Sep 27 2016 02:12
thank you @alexanderkopke
CamperBot
@camperbot
Sep 27 2016 02:12
dominantmyrill sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:cookie: 780 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:12
@Grandmapain <img class="smaller-image"> the style should be in the style tags
dominantmyrill
@dominantmyrill
Sep 27 2016 02:12
yes
thank you

.smaller-image {
width: 100px;
}
</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. ">

Alexander Køpke
@alexanderkopke
Sep 27 2016 02:13
:+1:
Grandmapain
@Grandmapain
Sep 27 2016 02:16
@alexanderkopke i don't understand this at all :(
i got it correct but i don't know why
that really chaps my ass
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:18
@Grandmapain ok it is important to understand it
So let's try and understand.. we have html elements like <p> <img> <h1> etc..
with css we can select these elements
<style>
p{
font-size:16px;
}
</style>
<p>Some Text</p>
ok so here I have selected the p element and given it a font-size of 16px
You can give the elements classes or ids.. So you can then select all elements that have these classes
Grandmapain
@Grandmapain
Sep 27 2016 02:21
got it
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:21
<style>
.bigger-font{
font-size:16px;
}
</style>
<p class="bigger-font">Some Text</p>
<h1 class="bigger-font">Some Other text<h1>
like in this example. Both elements with bigger-font class will have a font size of 16px..
:+1:
Grandmapain
@Grandmapain
Sep 27 2016 02:23
hmmmmm
I think I understand. This is worse than nursing school
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:24
No worries. It takes some time to get it.
Grandmapain
@Grandmapain
Sep 27 2016 02:24
basically the code is "when i say bigger font, the font will be 16pt" and that applies to all elements?
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:25
all elements have the bigger-font class
Izzystretch
@Izzystretch
Sep 27 2016 02:25
@alexanderkopke ?
dominantmyrill
@dominantmyrill
Sep 27 2016 02:25
@Grandmapain if im at your side im sure you will not say that....because i understand some but its hard for me to explain in chat. im willing to teach you because i think we are batch...
Grandmapain
@Grandmapain
Sep 27 2016 02:26
my good friend is a back end programmer, he talked me into this
unfortunately i have more questions than answers
dominantmyrill
@dominantmyrill
Sep 27 2016 02:27
thats good...me too...
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:27
its is kind of like saying.. go paint all volvos.. so you look for volvos and paint these... with css it goes looking for selectors and give it styling
Grandmapain
@Grandmapain
Sep 27 2016 02:28
i think i'd rather do it the long way
lol
Alexander Køpke
@alexanderkopke
Sep 27 2016 02:28
;)
Grandmapain
@Grandmapain
Sep 27 2016 02:28
code all the styling individually
i guess that would be awfully inefficient though
dominantmyrill
@dominantmyrill
Sep 27 2016 02:30
from the start of the example match the sentence in the picture the more you will understand the example...
then look at the code...maybe the explanation will follow...huhuhuh..
Grandmapain
@Grandmapain
Sep 27 2016 02:31
do you have to add a class before you can modify the CSS?
dominantmyrill
@dominantmyrill
Sep 27 2016 02:32
it depends on the intruction...but mostly add the class first...
to target class in the CSS style..
Ahmed Tarek
@ahmedtarek2134
Sep 27 2016 02:33
about @ahmedtarek2134
CamperBot
@camperbot
Sep 27 2016 02:33
:cookie: 436 | @ahmedtarek2134 |http://www.freecodecamp.com/ahmedtarek2134
dominantmyrill
@dominantmyrill
Sep 27 2016 02:33
<img class="smaller-image thick-green-border"

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

.smaller-image {
width: 100px;
}

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

.smaller-image {
width: 100px;
}

Grandmapain
@Grandmapain
Sep 27 2016 02:35
I don't understand why. This is driving me crazy lol
Manish Giri
@Manish-Giri
Sep 27 2016 02:35
@Grandmapain what don't you understand
Grandmapain
@Grandmapain
Sep 27 2016 02:36
Why I'm attempting to make a cat photo app
it isn't going so well
Manish Giri
@Manish-Giri
Sep 27 2016 02:36
something wrong with your code?
dominantmyrill
@dominantmyrill
Sep 27 2016 02:37
step by step we help each other....please calm...
step just ask step by step...
Grandmapain
@Grandmapain
Sep 27 2016 02:38
I can't add another class to my <img
Manish Giri
@Manish-Giri
Sep 27 2016 02:38
copy paste the challenge URL from your browser here
Manish Giri
@Manish-Giri
Sep 27 2016 02:39
I don't see all of your code in it
especially the part about thick-green-border
dominantmyrill
@dominantmyrill
Sep 27 2016 02:40

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

.smaller-image {
width: 100px;
border-radius: 10px;
}

Grandmapain
@Grandmapain
Sep 27 2016 02:40
i haven't added it yet
dominantmyrill
@dominantmyrill
Sep 27 2016 02:40
@grandmapain...
Grandmapain
@Grandmapain
Sep 27 2016 02:40
i tried several times and it doesn't work
can i have multiple classes in a single <img>?
Manish Giri
@Manish-Giri
Sep 27 2016 02:41
This message was deleted
@Grandmapain does your code look like this?
Grandmapain
@Grandmapain
Sep 27 2016 02:42
no
Manish Giri
@Manish-Giri
Sep 27 2016 02:42
then?
Grandmapain
@Grandmapain
Sep 27 2016 02:42
why are two classes lumped together?
Manish Giri
@Manish-Giri
Sep 27 2016 02:42
thats how you add multiple classes to the same element
separated by spaces
Grandmapain
@Grandmapain
Sep 27 2016 02:43
why doesn't <img class="smaller image" class="thick-green-border" work?
Manish Giri
@Manish-Giri
Sep 27 2016 02:43
just told you why
dominantmyrill
@dominantmyrill
Sep 27 2016 02:43
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 10px;
}
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Grandmapain
@Grandmapain
Sep 27 2016 02:45
i got it sorted out
I could be play overwatch right now
sigh
dengxianxiao
@dengxianxiao
Sep 27 2016 02:47
<p>View more <a href="http://www.freecatphotoapp.com"> cat photos</a></p> it could'n use. why??
dangerrmaus
@dangerrmaus
Sep 27 2016 02:48
i need help with challenge 104. i am not sur what excatly the instruction is asking me to do
Manish Giri
@Manish-Giri
Sep 27 2016 02:48
@dangerrmaus 104 is not the challenge number, what's the name
Freddy Wendt
@FreddyWendt
Sep 27 2016 02:52

I'm still having trouble giving a background colour to a div element , this is my code <style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
<div>.silver-background</div> {
background-color: silver;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
<div class="silver-background">
.silver-background {
background-color: silver;
}
</style>

jadefox10200
@jadefox10200
Sep 27 2016 02:53
Hello FCC!
Freddy Wendt
@FreddyWendt
Sep 27 2016 02:58
how do I give a background colour to a div element?
Personacode
@Personacode
Sep 27 2016 02:58
I need help with 'Add Borders Around your Elements'
Please take a look at my code and tell me what i am doing wrong
marclennis
@marclennis
Sep 27 2016 02:59
i'm stuck with uncomment HTML
Personacode
@Personacode
Sep 27 2016 02:59

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

<style>
<img class=
.thick-green-border {"border-color: green; border-width: 10px; "border-stlye: solid"}>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<img class="smaller-image" src="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>

jadefox10200
@jadefox10200
Sep 27 2016 02:59
@DCIpepe '''
CamperBot
@camperbot
Sep 27 2016 02:59
:bulb: to format code use backticks! ``` more info
Freddy Wendt
@FreddyWendt
Sep 27 2016 02:59
I tried this <div class="silver-background">
.silver-background {
background-color: silver;
no luck
marclennis
@marclennis
Sep 27 2016 02:59
i'm new here hello every one
Freddy Wendt
@FreddyWendt
Sep 27 2016 02:59
<div class="silver-background">
.silver-background {
background-color: silver;
}
what am I missing?
jadefox10200
@jadefox10200
Sep 27 2016 03:00
@FreddyWendt the CSS section must be between the <style> and </style>
.silver-background {
background-color: silver;
}
Hello @marclennis
@Personacode You have quotes around one of you statements. Take those out.
Freddy Wendt
@FreddyWendt
Sep 27 2016 03:01
I think it is, this is the full code between the <style> and </style>
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
<div>.silver-background</div> {
background-color: silver;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
<div class="silver-background">
.silver-background {
background-color: silver;
}
</style>
but i'm still not getting it
jadefox10200
@jadefox10200
Sep 27 2016 03:01
.thick-green-border {"border-color: green; border-width: 10px; "border-stlye: solid"}>
There shouldn't be any " there.
@FreddyWendt Have people been helping you through the other challenges?
Freddy Wendt
@FreddyWendt
Sep 27 2016 03:02
This is the first time I'm stuck
I figured everything out on my own up until now
jadefox10200
@jadefox10200
Sep 27 2016 03:02
ok. Well you see how you made the .smaller-image class?
Personacode
@Personacode
Sep 27 2016 03:03
jadefox I am not sure where to put the quotes
jadefox10200
@jadefox10200
Sep 27 2016 03:03
@Personacode Get rid of all the quotes. you don't need them
Freddy Wendt
@FreddyWendt
Sep 27 2016 03:03
yea?
Personacode
@Personacode
Sep 27 2016 03:04
<img class= .thick-green-border {border-color: green; border-width: 10px; border-stlye: solid}> .red-text {
Amit Patel
@AmitP88
Sep 27 2016 03:04
hey guys, I just started up my old job and the hours are going to be long, but I still plan on looking for web dev jobs. I live about 4 hrs away from LA (where I want to get a web dev job), so since i'm working so many hours (12 hr shifts initially), I don't think i'd be able to drive there for interviews. Would it be ok to simply go by Skype interviews?
Personacode
@Personacode
Sep 27 2016 03:04
<img class= .thick-green-border {border-color: green; border-width: 10px; border-stlye: solid}>
I got rid of the quotes but it still isn't working
jadefox10200
@jadefox10200
Sep 27 2016 03:05
@FreddyWendt you did the same this with the background and that was correct. You have a <div> there and that is html. The section between <style> and </style> is only supposed to be CSS. The <div> should be below the </style> somewhere (which ever element you are trying to change the color of.
@Personacode Does it ask you to do in-line styling?
Personacode
@Personacode
Sep 27 2016 03:06
it's asking me to create a css border
Harishankar Ayandev
@harishankards
Sep 27 2016 03:06
Hi
I'm stuck at here "Change Text Inside an Element Using jQuery"
jadefox10200
@jadefox10200
Sep 27 2016 03:07

@Personacode If not, the img should look like this:

<img class="thick-green-border" src="myURL">

and in the css (between <style> and </style>) you should create the class:

.thick-green-border {border-color: green; border-width: 10px; border-stlye: solid}
David Chen
@Obiwan777
Sep 27 2016 03:07
student here. got stuck in a question on Linux if anyone can help that would be great
Here are two inverted-tree diagrams. Issue a command to change the left tree
structure to be the same as the tree structure on the right. Assume that
you are in your home directory and use relative pathnames. [home] is your
home directory:
     [home]                           [home]
       |                                |
 +----------+----------+           +-------------+
 |          |          |           |             |
systems    ideas      courses     ideas         courses
 |                                               |
notes                                           systems
                                                 |
                                                notes
Personacode
@Personacode
Sep 27 2016 03:08
I have all of that jade
jadefox10200
@jadefox10200
Sep 27 2016 03:08
give me the link then. Per what you posted your img tag looked much different.
jadefox10200
@jadefox10200
Sep 27 2016 03:09
here is what I see from that link:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  img class=
  .thick-green-border {border-color: green; border-width: 10px; border-stlye: solid}
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

<img class="smaller-image" src="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>
Personacode
@Personacode
Sep 27 2016 03:10
yes. what am I doing wrong?
jadefox10200
@jadefox10200
Sep 27 2016 03:10
Your img tag does not say class="thick-green-border.
Personacode
@Personacode
Sep 27 2016 03:10
so i don't need to add the 'img' before class?
oh the quotation marks
jadefox10200
@jadefox10200
Sep 27 2016 03:11
no
here:
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Freddy Wendt
@FreddyWendt
Sep 27 2016 03:11
ok, I took out the html from between <style> and </style> , and put in between <div> and </div> but still no luck

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

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

jadefox10200
@jadefox10200
Sep 27 2016 03:11
see the difference between the line above and your code?
Girzima
@Girzima
Sep 27 2016 03:12
@FreddyWendt What do you need?
jadefox10200
@jadefox10200
Sep 27 2016 03:12
Missing a - there:
<div class="silver background">
Personacode
@Personacode
Sep 27 2016 03:12
but on the page it says nothing about adding in 'smaller image'
jadefox10200
@jadefox10200
Sep 27 2016 03:12
<div class="silver-background">
@Personacode you already have smaller-image there. I didn't add that.
Personacode
@Personacode
Sep 27 2016 03:13
that isn't what im doing though. I'm working on a css. that is in the html section
Freddy Wendt
@FreddyWendt
Sep 27 2016 03:14
Hallelujah! Thanks guys!!!
:-)
jadefox10200
@jadefox10200
Sep 27 2016 03:14

this is what the challenge says:
Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo.

Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:

<img class="class1 class2">

Harishankar Ayandev
@harishankards
Sep 27 2016 03:14
@jadefox10200 one help
Personacode
@Personacode
Sep 27 2016 03:14
it said css border so I thought I had to work with <stlye> </style> ??
work within stlye I mean
jadefox10200
@jadefox10200
Sep 27 2016 03:15
Right, and you correctly made the class. You now just need to tell the computer which element you want that class to apply to.
Harishankar Ayandev
@harishankards
Sep 27 2016 03:15
blob
where I'm doing wrong buddy?
jadefox10200
@jadefox10200
Sep 27 2016 03:16
in this case you want that class to apply to the img tag.
@harishankards '''
Harishankar Ayandev
@harishankards
Sep 27 2016 03:16
@Personacode help please
CamperBot
@camperbot
Sep 27 2016 03:16
:bulb: to format code use backticks! ``` more info
jadefox10200
@jadefox10200
Sep 27 2016 03:16
it's easier if you can paste your text here.
Harishankar Ayandev
@harishankards
Sep 27 2016 03:16

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em> target4</em>");
});
</script>

@jadefox10200

Personacode
@Personacode
Sep 27 2016 03:17
so I added the line of code into the wrong place?
Harishankar Ayandev
@harishankards
Sep 27 2016 03:17
Emphasize the text in your target4 button by adding HTML tags.
Make sure the text is otherwise unchanged.
Personacode
@Personacode
Sep 27 2016 03:17
I need to add it outside of the <style> ?
Girzima
@Girzima
Sep 27 2016 03:17
@DCIpepe Do you need something?
Harishankar Ayandev
@harishankards
Sep 27 2016 03:17
these are the tasks @jadefox10200
jadefox10200
@jadefox10200
Sep 27 2016 03:17
@Personacode No.
Grandmapain
@Grandmapain
Sep 27 2016 03:17
why isn't this nesting working? <p> View more <a href="http://www.freecatphotoapp.com"> cat photos </a> for you to see</p>
sweetsnaccs
@sweetsnaccs
Sep 27 2016 03:17

i am stuck on this problemYour div element should have the class container-fluid.

Make sure your div element has a closing tag.

Make sure you have nested all HTML elements in .container-fluid

jadefox10200
@jadefox10200
Sep 27 2016 03:17
Just add the class name to the img.
<img class="smaller-image thick-green-border">
DCIpepe
@DCIpepe
Sep 27 2016 03:18
<div class="row" "col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
Personacode
@Personacode
Sep 27 2016 03:18
im going to reset and start this from scratch
DCIpepe
@DCIpepe
Sep 27 2016 03:18

Put the Like, Info and Delete buttons side-by-side by nesting all three of them within one <div class="row"> element, then each of them within a <div class="col-xs-4"> element.

The row class is applied to a div, and the buttons themselves can be nested within it.

Personacode
@Personacode
Sep 27 2016 03:18
because idk what i did wrong
Girzima
@Girzima
Sep 27 2016 03:18
@DCIpepe You're doing it wrong, let me explain it
jadefox10200
@jadefox10200
Sep 27 2016 03:18
@Personacode just ADD the class name to the img tag per my example above.
@Personacode You didn't DO anything wrong. You just DIDN'T do one thing.
Girzima
@Girzima
Sep 27 2016 03:19
@DCIpepe Make a div with the class row. This says you're preparing a row to be filled with columns. INSIDE that div, create more divs with your columns
Personacode
@Personacode
Sep 27 2016 03:19
okay I now have added the class thick-green-border
Harishankar Ayandev
@harishankards
Sep 27 2016 03:19
@jadefox10200 !!! look into the jQuery issue
Personacode
@Personacode
Sep 27 2016 03:19
ill go ahead and add in the other attributes now
like size and style
Girzima
@Girzima
Sep 27 2016 03:20
@DCIpepe Do you understand?
DCIpepe
@DCIpepe
Sep 27 2016 03:20
ah, yes! now i see it
thanks :)
Girzima
@Girzima
Sep 27 2016 03:21
You're basically creating a row and filling it with 3 columns that take up 4/12 total columns in that row, or 1/3 the page each button
jadefox10200
@jadefox10200
Sep 27 2016 03:21
@harishankards Don't nag me. I am one guy trying to help the entire room. I did look into it. You forgot the # in your text.
    $("#target4").html("<em>#target4</em>")
Personacode
@Personacode
Sep 27 2016 03:22
jadefox your help is very much appreciated
Manish Giri
@Manish-Giri
Sep 27 2016 03:22
lol, poor Jade @jadefox10200 :smiling_imp:
jadefox10200
@jadefox10200
Sep 27 2016 03:22
@Manish-Giri Oh thank god.
CamperBot
@camperbot
Sep 27 2016 03:22
jadefox10200 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1827 | @manish-giri |http://www.freecodecamp.com/manish-giri
jadefox10200
@jadefox10200
Sep 27 2016 03:22
lol
Brian Barrow
@briancbarrow
Sep 27 2016 03:22

I am learning about npm build systems. in one of my scripts I have rm -rf test but I get this error

Remove-Item : A parameter cannot be found that matches parameter name 'rf'.
At line:1 char:4
+ rm -rf test
+    ~~~
    + CategoryInfo          : InvalidArgument: (:) [Remove-Item], ParameterBindingException
    + FullyQualifiedErrorId : NamedParameterNotFound,Microsoft.PowerShell.Commands.RemoveItemCommand

Does anybody know why it wouldn't accept -rf as parameters?

Manish Giri
@Manish-Giri
Sep 27 2016 03:22
lol
Harishankar Ayandev
@harishankards
Sep 27 2016 03:22
thanks @jadefox10200 !
CamperBot
@camperbot
Sep 27 2016 03:22
harishankards sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
jadefox10200
@jadefox10200
Sep 27 2016 03:22
free brownies anyone?
@harishankards Sure.
Harishankar Ayandev
@harishankards
Sep 27 2016 03:23
I gave to @jadefox10200 :p
jadefox10200
@jadefox10200
Sep 27 2016 03:23
@Personacode You get it working?
Personacode
@Personacode
Sep 27 2016 03:23
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
no
jadefox10200
@jadefox10200
Sep 27 2016 03:23
@Personacode That line looks good to me.
Personacode
@Personacode
Sep 27 2016 03:23
idk where to add color, width and style
Manish Giri
@Manish-Giri
Sep 27 2016 03:23
opinions on the pres. debate tonight, anyone?
jadefox10200
@jadefox10200
Sep 27 2016 03:23
In the CSS above just like you had before.
Personacode
@Personacode
Sep 27 2016 03:23
they both failed and the usa is doomed either way
lol
ok
Manish Giri
@Manish-Giri
Sep 27 2016 03:24
This message was deleted
This message was deleted
Brian Barrow
@briancbarrow
Sep 27 2016 03:24
@Manish-Giri this isn't the forum for political opinion
Manish Giri
@Manish-Giri
Sep 27 2016 03:25
@briancbarrow this isn't the forum for a lot of things, yet they do happen.
Personacode
@Personacode
Sep 27 2016 03:27
isn't working
jadefox10200
@jadefox10200
Sep 27 2016 03:27
@Personacode post the link.
Personacode
@Personacode
Sep 27 2016 03:27
img class=.thick-green-border {border color: green; border-width;10px; border-style: solid}
DCIpepe
@DCIpepe
Sep 27 2016 03:28
never mind i didnt get it..
Personacode
@Personacode
Sep 27 2016 03:28
I added that in css
DCIpepe
@DCIpepe
Sep 27 2016 03:28
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
Personacode
@Personacode
Sep 27 2016 03:28
that is what i had before
jadefox10200
@jadefox10200
Sep 27 2016 03:28
.thick-green-border {border color: green; border-width;10px; border-style: solid}
Grandmapain
@Grandmapain
Sep 27 2016 03:29
how do you post your code for other people to see?
Personacode
@Personacode
Sep 27 2016 03:29
why don't I need the img=class in front of it?
jadefox10200
@jadefox10200
Sep 27 2016 03:29
Just like any other class. You don't need that stuff there.
frxnkie28
@frxnkie28
Sep 27 2016 03:29
i am stuck
heeeelp
jadefox10200
@jadefox10200
Sep 27 2016 03:29
posting code: '''
CamperBot
@camperbot
Sep 27 2016 03:29
:bulb: to format code use backticks! ``` more info
Personacode
@Personacode
Sep 27 2016 03:30
but below the css I do have img class
smirkingjackal
@smirkingjackal
Sep 27 2016 03:30
i needs help pls
jadefox10200
@jadefox10200
Sep 27 2016 03:30
right, that's HTML
Personacode
@Personacode
Sep 27 2016 03:30
can I erase that then?
ok
I understand
Manish Giri
@Manish-Giri
Sep 27 2016 03:30
@smirkingjackal with?
jadefox10200
@jadefox10200
Sep 27 2016 03:30
It worked?
Personacode
@Personacode
Sep 27 2016 03:30
css I don't need img=class. html I do
smirkingjackal
@smirkingjackal
Sep 27 2016 03:30
Never mind sorry
jadefox10200
@jadefox10200
Sep 27 2016 03:31
html works with the tags <img>, <p>, <div>, etc.
frxnkie28
@frxnkie28
Sep 27 2016 03:31
im trying to change my element's style but its not changing
the font color
jadefox10200
@jadefox10200
Sep 27 2016 03:31
In css you need some way of telling the computer which tags you want the class to affect.
Personacode
@Personacode
Sep 27 2016 03:31
it worked. i got it
jadefox10200
@jadefox10200
Sep 27 2016 03:31
ok cool.
frxnkie28
@frxnkie28
Sep 27 2016 03:31
nvrmnd
jadefox10200
@jadefox10200
Sep 27 2016 03:32
This has got the be the most stressful night I've ever had in the help room. I need to get a life...
Personacode
@Personacode
Sep 27 2016 03:32
do you get paid for this?
just curious
jadefox10200
@jadefox10200
Sep 27 2016 03:32
No. I'm just another dude.
Personacode
@Personacode
Sep 27 2016 03:33
wow lol. you're a saint
jadefox10200
@jadefox10200
Sep 27 2016 03:33
sitting in my room on a monday night. lol
Personacode
@Personacode
Sep 27 2016 03:34
I'm going to redo this one until I have it down 100%
jadefox10200
@jadefox10200
Sep 27 2016 03:40
@Manish-Giri You take the plunge yet?
Manish Giri
@Manish-Giri
Sep 27 2016 03:40
@jadefox10200 just about to, wish me luck!
Saint Jade Fox
SimpleRoger
@SimpleRoger
Sep 27 2016 03:41
<h1>FUCK YOU</h1>
LaToya Keller
@ToyToyscode
Sep 27 2016 03:42
how do attribute a background element to my form

cat-photo-element {

background-color:green;}

</style>

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

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

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

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

<form background-color="green" action="/submit-cat-photo" id="cat-photo-form">
<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>

is anyone there i really need help
smirkingjackal
@smirkingjackal
Sep 27 2016 03:47
nvm
Chazz
@chazzcarr
Sep 27 2016 03:47
perhaps you could id the div that holds your form, then give the div a background style

<div id="form-stuff"> <form> ..... bunch of form stuff here </form> </div>

then you can style #form-stuff

Brooks Van Buren
@woofiewilly
Sep 27 2016 03:53
@ToyToyscode use the #cat-photo-form selector in your <style> block
You just wrote cat-photo-form. This format searching for cat-photo-form elements, which do not exist in html. #cat-photo-form is searching for elements that have the id "cat-photo-form" which is what you want
Chazz
@chazzcarr
Sep 27 2016 03:58
This message was deleted
MoralesVG
@MoralesVG
Sep 27 2016 04:06
About to start a project. Wish me luck :)
CamperBot
@camperbot
Sep 27 2016 04:06
you need to ask about @someone!
Alex Arevalo
@amareval
Sep 27 2016 04:18
I need help with decreasing an image size!
using a class
Gaston
@gcoria
Sep 27 2016 04:25
hi what do you need?
marclennis
@marclennis
Sep 27 2016 04:30
can someone help me i'm stuck

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

<style>
.smaller-image {
width: 100px
}
img {
width: 100px;
}
.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>
<img class="smaller-image">"https://bit.ly/fcc-relaxing-cat"</img>

Your img element should have the class smaller-image.
Mark Tubera
@mtubes
Sep 27 2016 04:31

i'm having trouble giving 'div' element the class silver-background. I successfully changed background to silver..but it still wont give me a check mark.. <h3 class="silver-background">

<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>
</div>
</h3>

Gaston
@gcoria
Sep 27 2016 04:31
add ; in width 100px in smaller-image
and add class="smaller-image" in the img tag
<img class="smaller-image" ...
marclennis
@marclennis
Sep 27 2016 04:33
where will i put it?
after <h2 class?
Chazz
@chazzcarr
Sep 27 2016 04:34
@marclennis @marclennis you have a class for the photo, but not the source ... you need that url inside the tag like this --
<img class="smaller-image" src="http://
Gaston
@gcoria
Sep 27 2016 04:34
you have to replace the href with https://bit.ly/fcc-relaxing-cat
marclennis
@marclennis
Sep 27 2016 04:34

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

Gaston
@gcoria
Sep 27 2016 04:34
and do what says chazz
marclennis
@marclennis
Sep 27 2016 04:35
got all check green
Gaston
@gcoria
Sep 27 2016 04:35
:smile:
marclennis
@marclennis
Sep 27 2016 04:36
i'm on the next border style
Personacode
@Personacode
Sep 27 2016 04:38
it is not letting me continue onto the next step. I press run tests and it says I pass but then nothign happens
it keeps me on the same page
ruanalex
@ruanalex
Sep 27 2016 04:44
any1 here
Achev
@achev47
Sep 27 2016 04:46
how to finish it?
ruanalex
@ruanalex
Sep 27 2016 04:47
ctrl+u
or reload the page its auto saved
Cam Conrad
@camconrad
Sep 27 2016 05:08
saying my statement should declare a red-text class but i followed all directions,

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

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

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
"

Girzima
@Girzima
Sep 27 2016 05:09
@camconrad link your challenge url
Cam Conrad
@camconrad
Sep 27 2016 05:10
This message was deleted
how? @Girzima
Girzima
@Girzima
Sep 27 2016 05:11
just copy paste the url
Cam Conrad
@camconrad
Sep 27 2016 05:12
okay, thank you @Girzima
CamperBot
@camperbot
Sep 27 2016 05:12
camconrad sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 136 | @girzima |http://www.freecodecamp.com/girzima
Claudio Restifo
@Marmiz
Sep 27 2016 05:16
@camconrad after you declare a class property, you need to assign it to your html element like this:
<h2 class="my-class">
in order for that element to have the deisred property
Cam Conrad
@camconrad
Sep 27 2016 05:20
figured it out, thanks for the help @Marmiz
CamperBot
@camperbot
Sep 27 2016 05:20
camconrad sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 409 | @marmiz |http://www.freecodecamp.com/marmiz
Claudio Restifo
@Marmiz
Sep 27 2016 05:22
@camconrad :clap:
PhilSchade
@PhilSchade
Sep 27 2016 05:25
guys pls help me with this how do i Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. ty very much!
vinhta
@vinhta
Sep 27 2016 05:27

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4> #left wing
      <div class="well" id="left-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
      </h4>
    </div>
    <div class="col-xs-6">
      <h4> #right-wing 
      <div class="well" id="right-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
      </h4>
    </div>
  </div>
</div>
im lost :(
where do i add the #left-wing and #right-wing
Girzima
@Girzima
Sep 27 2016 05:28
first off, you didn't close your headings
properly
vinhta
@vinhta
Sep 27 2016 05:28
oh?
Claudio Restifo
@Marmiz
Sep 27 2016 05:28

@PhilSchade inside your <style> tags, you declare how things should look like and behave in a language called CSS.
Once created the class (marked with a . in front) you assign to the HTML you want to have the property.

For example I am gonna declare the text to be red, and then assign to a p element.

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

<body>
   <p class="red-text"> This text will be red.</p>
</body>
Girzima
@Girzima
Sep 27 2016 05:29
@vinhta Can you link your challenge? I'm near braindead at this hour
oh wow thats ugly
its label bootstrap wells
烧鸡
@Masterzzy
Sep 27 2016 05:30
第14题不会
Darren
@DarrenfJ
Sep 27 2016 05:30
FCC helpChatRoomies.. what up! How's the night. or day, or mid afternoon [depending on where you are]
Cam Conrad
@camconrad
Sep 27 2016 05:30
night
how do i make browser and text zoom at 100%?
Girzima
@Girzima
Sep 27 2016 05:31
@vinhta Lol you simply mislabeled it
@vinhta well, not wing
vinhta
@vinhta
Sep 27 2016 05:31
oh jeez -.-
wow...im half asleep too
thanks!
Cam Conrad
@camconrad
Sep 27 2016 05:31
how do i make browser and text zoom at 100%?
Girzima
@Girzima
Sep 27 2016 05:32
@camconrad ctrl and + or -
should be defaulted at 100 unless you hit it by mistake
Cam Conrad
@camconrad
Sep 27 2016 05:33
"Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%."
this is what I'm getting wrong,
jadefox10200
@jadefox10200
Sep 27 2016 05:33
@DarrenfJ Hey buddy.
Cam Conrad
@camconrad
Sep 27 2016 05:33

but <style>
.red-text {
color: red;
}
.p {
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>

jadefox10200
@jadefox10200
Sep 27 2016 05:34
It was stressful in here earlier.
Girzima
@Girzima
Sep 27 2016 05:34
It's just saying put it at 100% so it doesn't mess with the pixel font size
so you can learn it better
remove the . from your p
Claudio Restifo
@Marmiz
Sep 27 2016 05:35
@camconrad because p is a native html element you don't need the . in front: :)
Girzima
@Girzima
Sep 27 2016 05:35
your p isn't a class you're targeting, it's an element
Cam Conrad
@camconrad
Sep 27 2016 05:35
oh!! thanks!
Claudio Restifo
@Marmiz
Sep 27 2016 05:35
@jadefox10200 sup :wave:
Cam Conrad
@camconrad
Sep 27 2016 05:35
thank you guys once again! @Marmiz @Girzima
CamperBot
@camperbot
Sep 27 2016 05:35
camconrad sends brownie points to @marmiz and @girzima :sparkles: :thumbsup: :sparkles:
:warning: camconrad already gave marmiz points
:warning: camconrad already gave girzima points
jadefox10200
@jadefox10200
Sep 27 2016 05:36
@Marmiz :wave:
Claudio Restifo
@Marmiz
Sep 27 2016 05:36
are you done hashing around? @jadefox10200
Darren
@DarrenfJ
Sep 27 2016 05:36
@jadefox10200 Jade!
jadefox10200
@jadefox10200
Sep 27 2016 05:36
lol. Yeah, I used a really crappy hash but it works.
Claudio Restifo
@Marmiz
Sep 27 2016 05:36
oh ehi @DarrenfJ :)
Darren
@DarrenfJ
Sep 27 2016 05:37
@Marmiz what's up
:D

@jadefox10200 what was going on? coding madness???

It was stressful in here earlier.

jadefox10200
@jadefox10200
Sep 27 2016 05:38
It runs at 2.9 seconds for a file of 200,000 words. If I can get a better hash it'll run at 0.51 seconds.
@DarrenfJ I literally had 5 people all demanding I help them. I was the only one in the room I think.
Darren
@DarrenfJ
Sep 27 2016 05:39
dayum! that sucks
@jadefox10200 here's a thanks for being a trooper!
CamperBot
@camperbot
Sep 27 2016 05:39
darrenfj sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
jadefox10200
@jadefox10200
Sep 27 2016 05:39
Yeah, I almost told someone off. lol
Darren
@DarrenfJ
Sep 27 2016 05:40
sometimes you gotta get zen and just let it flow...
Claudio Restifo
@Marmiz
Sep 27 2016 05:40
@jadefox10200 sounds like cs50 dictionary challenge :)
jadefox10200
@jadefox10200
Sep 27 2016 05:41
Turns out it seems they thought I worked for FCC because when one of them found out I was a regular guy he called me a saint and everyone was all of a sudden super thankful.
@Marmiz Yeah, did you take CS50?
Darren
@DarrenfJ
Sep 27 2016 05:42
worked for FCC.. heh..
worked
;)
Claudio Restifo
@Marmiz
Sep 27 2016 05:42
@jadefox10200 Yep! You can still find it in my Github repo somewhere :P
jadefox10200
@jadefox10200
Sep 27 2016 05:43
@Marmiz Where were you when I was asking for hashes. I might kill you. Not really, but maybe. lol
Claudio Restifo
@Marmiz
Sep 27 2016 05:43
@DarrenfJ by the way I was treated once, I guess someone thought here in chat we are payed (or smt) to help.
We only got those sweet sweet brownies :) :)
@jadefox10200 hiding in the other room, maybe? :)
Don't recall seeng anyone asking for help in hashing here ;)
jadefox10200
@jadefox10200
Sep 27 2016 05:45
Oh I wish I could get something other than a brownie.
Darren
@DarrenfJ
Sep 27 2016 05:45
i hear yah :D
i want a full chocolate cake!
jadefox10200
@jadefox10200
Sep 27 2016 05:47
Is there a CS50 alumni or something. When I get stuck, I'm screwed on that course. Forces me to learn it more but it takes days out of my life. And if you know anything about me yet, I am trying to tear through code like a machine these last 3 weeks.
marclennis
@marclennis
Sep 27 2016 05:48
how to anchor txt of a cat photo?
Manish Giri
@Manish-Giri
Sep 27 2016 05:50
@jadefox10200 there’s a cs50 gitter group, but am sure you’ll be on it
Darren
@DarrenfJ
Sep 27 2016 05:50
@marclennis what have you tried so far? can you post the code?
vinhta
@vinhta
Sep 27 2016 05:50
<a href = "link">text </a>
Darren
@DarrenfJ
Sep 27 2016 05:50
@Manish-Giri buddy! hiding out in the shadows..
jadefox10200
@jadefox10200
Sep 27 2016 05:50
@Manish-Giri Oh yeah, I have more posts there than anyone else in that room period.
People stop by, ask a question to thin air and carry on...
killjoy97
@killjoy97
Sep 27 2016 05:51
how to you close <button><button><button>
Manish Giri
@Manish-Giri
Sep 27 2016 05:51
@DarrenfJ I iz in lurk mode :smiling_imp:
marclennis
@marclennis
Sep 27 2016 05:51

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

<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>
<p>Here's a
<a href="http://freecatphotoapp.com"> http://freecatphotoapp.com
</a>for you to follow .</p>

@DarrenfJ here's the code can't figure out the anchor text of "cat photos"
jadefox10200
@jadefox10200
Sep 27 2016 05:51
@killjoy97 <button>Submit</button>
Darren
@DarrenfJ
Sep 27 2016 05:52
@marclennis as @vinhta said in his example.. similar to what they gave in the exercise: " p>Here's a <a href="http://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p> "
DiddyDIngo
@DiddyDIngo
Sep 27 2016 05:52
what is a "valid syntax"?
vinhta
@vinhta
Sep 27 2016 05:52
@marclennis use ```html for better formatting
DiddyDIngo
@DiddyDIngo
Sep 27 2016 05:52
"The finished input element should have valid syntax"
marclennis
@marclennis
Sep 27 2016 05:52
but a element is still cross out
Darren
@DarrenfJ
Sep 27 2016 05:53
@marclennis yah they give you that code as an example.. but they want you to: "Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text"
marclennis
@marclennis
Sep 27 2016 05:53
im stuck on that cat photos
vinhta
@vinhta
Sep 27 2016 05:54
@marclennis which exercise is that one?
Darren
@DarrenfJ
Sep 27 2016 05:54
so the syntax is as @vinhta posted
<a href = "link">text </a>
marclennis
@marclennis
Sep 27 2016 05:54
Link to External Pages with Anchor Elements
this one
Darren
@DarrenfJ
Sep 27 2016 05:54
add the link where he has 'link' and add 'cat photos' where he has text
this is the link as given: http://freecatphotoapp.com
marclennis
@marclennis
Sep 27 2016 05:55
what link will i input
sorry im still new to html
vinhta
@vinhta
Sep 27 2016 05:55
can't remember i believe the link was suppose to be a photo?
i mean the text for the link
right?
marclennis
@marclennis
Sep 27 2016 05:56
Your a element should have the anchor text of "cat photos".
this one is still cross out
Darren
@DarrenfJ
Sep 27 2016 05:56
@marclennis just the line with the <a> in it.. what have you done so far with it?
graphetes
@graphetes
Sep 27 2016 05:57
How do I get the pop ups in chat to sto
stop
vinhta
@vinhta
Sep 27 2016 05:57
@graphetes top right 3 slider button disable notifications
marclennis
@marclennis
Sep 27 2016 05:57
<p>Here's a
<a href="http://freecatphotoapp.com"> http://freecatphotoapp.com
</a>for you to follow .</p>
graphetes
@graphetes
Sep 27 2016 05:58
@vinhta thank you
CamperBot
@camperbot
Sep 27 2016 05:58
graphetes sends brownie points to @vinhta :sparkles: :thumbsup: :sparkles:
:cookie: 104 | @vinhta |http://www.freecodecamp.com/vinhta
graphetes
@graphetes
Sep 27 2016 05:58
it was so annoying
vinhta
@vinhta
Sep 27 2016 05:58
lol yea this chat gets flooded with questions
Darren
@DarrenfJ
Sep 27 2016 05:58
@marclennis the <p> part up to the <a.. shouldn't be there. and between the closing > of the first a and the </a> type cat photos..

@marclennis take a look at this syntax again:

so the syntax is as @vinhta posted

<a href = "link">text </a>
the link is the link http://freecatphotoapp.com and the text is cat photos
vinhta
@vinhta
Sep 27 2016 05:59
@marclennis which exercise are you doing?

@marclennis what you posted up above is just the example they give for the syntax

<p>Here's a
<a href="http://freecatphotoapp.com"> http://freecatphotoapp.com
</a>for you to follow .</p>

they want you to use that to try to do this: "Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text."
marclennis
@marclennis
Sep 27 2016 06:01
ok
vinhta
@vinhta
Sep 27 2016 06:01
@marclennis you are missing "cat photos" as your text
<a href="http://freecatphotoapp.com">"cat photos"</a>
the "cat photos" should be the hyperlink text that leads to the link
marclennis
@marclennis
Sep 27 2016 06:03
thank you
graphetes
@graphetes
Sep 27 2016 06:03
@vinhta how do you post code like that here
marclennis
@marclennis
Sep 27 2016 06:03
hahahaha i'm on the next exercise gonna review
vinhta
@vinhta
Sep 27 2016 06:03
use the ```html and it will auto close it self
jadefox10200
@jadefox10200
Sep 27 2016 06:03
'''
CamperBot
@camperbot
Sep 27 2016 06:03
:bulb: to format code use backticks! ``` more info
marclennis
@marclennis
Sep 27 2016 06:03
thank you again for the help
vinhta
@vinhta
Sep 27 2016 06:03
no problem :D
graphetes
@graphetes
Sep 27 2016 06:03
@marclennis you should say @therename and thankyou so the get brownie points when they answer your question
CamperBot
@camperbot
Sep 27 2016 06:03
graphetes sends brownie points to @marclennis and @therename :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for marclennis
:warning: could not find receiver for therename
vinhta
@vinhta
Sep 27 2016 06:04
remember to pass it forward to other coders
jadefox10200
@jadefox10200
Sep 27 2016 06:04
:+1: for brownies
graphetes
@graphetes
Sep 27 2016 06:04
lol that brownie points wasn;t deserved for marclennis
I was trying to teach them how to help others get them when they help
jadefox10200
@jadefox10200
Sep 27 2016 06:05
'''
CamperBot
@camperbot
Sep 27 2016 06:05
:bulb: to format code use backticks! ``` more info
Darren
@DarrenfJ
Sep 27 2016 06:05
@graphetes he didn't get it though.. he hasn't connected his FCC accoun t to his gitHub
vinhta
@vinhta
Sep 27 2016 06:05
definitely connect your github with FCC
Darren
@DarrenfJ
Sep 27 2016 06:05
@graphetes thanks for trying ;)
CamperBot
@camperbot
Sep 27 2016 06:05
darrenfj sends brownie points to @graphetes :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @graphetes |http://www.freecodecamp.com/graphetes
graphetes
@graphetes
Sep 27 2016 06:06
@DarrenfJ thank you
marclennis
@marclennis
Sep 27 2016 06:06
brownies?
CamperBot
@camperbot
Sep 27 2016 06:06
graphetes sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 855 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Sep 27 2016 06:06
@marclennis you gotta go to your FCC settings page and connect to gitHUb
ennayramonale
@ennayramonale
Sep 27 2016 06:06
hello! i am about 90% of my simple portfolio:
please help about my minimal problem :) but i don't know how :(
1) when I click the about, company and contact in nav bar, it goes to the part in the web page but the upper part not shown.
2) my image in company part needs to be in center
3) my contact form needs to be in center.
http://codepen.io/ennayramonale/full/QKGBRv/
marclennis
@marclennis
Sep 27 2016 06:07
i link it to github
Darren
@DarrenfJ
Sep 27 2016 06:07
@marclennis goto https://www.freecodecamp.com/settings and 'update portfolio from GitHub'
marclennis
@marclennis
Sep 27 2016 06:07
whats next
Darren
@DarrenfJ
Sep 27 2016 06:07
let's test it
@marclennis thanks
CamperBot
@camperbot
Sep 27 2016 06:07
darrenfj sends brownie points to @marclennis :sparkles: :thumbsup: :sparkles:
:cookie: 23 | @marclennis |http://www.freecodecamp.com/marclennis
Manish Giri
@Manish-Giri
Sep 27 2016 06:08
about @DarrenfJ
Darren
@DarrenfJ
Sep 27 2016 06:08
schweet! yer hooked up buddy
jadefox10200
@jadefox10200
Sep 27 2016 06:08
@ennayramonale
1) That's because the nav is set to fixed positioning so it's covering the top.
CamperBot
@camperbot
Sep 27 2016 06:08
:cookie: 855 | @darrenfj |http://www.freecodecamp.com/darrenfj
Manish Giri
@Manish-Giri
Sep 27 2016 06:08
cbot getting slow
CamperBot
@camperbot
Sep 27 2016 06:08
you called?
graphetes
@graphetes
Sep 27 2016 06:08
cbot
CamperBot
@camperbot
Sep 27 2016 06:08
you called?
marclennis
@marclennis
Sep 27 2016 06:08
brownies points are?
Manish Giri
@Manish-Giri
Sep 27 2016 06:08
points that you redeem to get brownies at starbucks
Darren
@DarrenfJ
Sep 27 2016 06:08
yah it seems to got a delay toniight
graphetes
@graphetes
Sep 27 2016 06:09
it is like experience points
vinhta
@vinhta
Sep 27 2016 06:09
wait really!?
Manish Giri
@Manish-Giri
Sep 27 2016 06:09
you wish
ennayramonale
@ennayramonale
Sep 27 2016 06:09
@jadefox10200 how it will be seen if i still want the navbar fixed
vinhta
@vinhta
Sep 27 2016 06:09
awe...
Manish Giri
@Manish-Giri
Sep 27 2016 06:09
:smiling_imp:
vinhta
@vinhta
Sep 27 2016 06:09
im a starving coder i need brownies to live...:(
Manish Giri
@Manish-Giri
Sep 27 2016 06:10
about @vinhta
CamperBot
@camperbot
Sep 27 2016 06:10
:cookie: 105 | @vinhta |http://www.freecodecamp.com/vinhta
Picshulo
@Picshulo
Sep 27 2016 06:10
Hello guys. Can you explain me please, how did this guy hide all the stuff and it shows after you click on link?
(http://jgthms.com/web-design-in-4-minutes/)
Darren
@DarrenfJ
Sep 27 2016 06:10
i love how cbot is all like jeeves... "you called?" lol!
jadefox10200
@jadefox10200
Sep 27 2016 06:10
@ennayramonale
2) Wrap the img in a div and give it the bootstrap class. I think it's text-center.
graphetes
@graphetes
Sep 27 2016 06:10
FYI jsfiddle.net is a great way to edit live with code help from others
Manish Giri
@Manish-Giri
Sep 27 2016 06:10
wish we had jarvis instead of cbot
jadefox10200
@jadefox10200
Sep 27 2016 06:10
3) do same with contact box.
vinhta
@vinhta
Sep 27 2016 06:10
cbot needs to be more like alexa that would be awesome
CamperBot
@camperbot
Sep 27 2016 06:10
you called?
Manish Giri
@Manish-Giri
Sep 27 2016 06:11
uh alexa sounds familiar
amazon?
vinhta
@vinhta
Sep 27 2016 06:11
@Manish-Giri from amazon echo
Manish Giri
@Manish-Giri
Sep 27 2016 06:11
cool
ennayramonale
@ennayramonale
Sep 27 2016 06:11
@jadefox10200 oh. ok i will try that.. thanks :)
CamperBot
@camperbot
Sep 27 2016 06:11
ennayramonale sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
jadefox10200
@jadefox10200
Sep 27 2016 06:12
Everyone runs into the fixed heading situation and the only way I know around it to make it not fixed for now and then when you learn javascript you will be able to change that behavior.
marclennis
@marclennis
Sep 27 2016 06:13
how to give brownies?
graphetes
@graphetes
Sep 27 2016 06:13
@someone and say thankyou
CamperBot
@camperbot
Sep 27 2016 06:13
graphetes sends brownie points to @someone :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for someone
vinhta
@vinhta
Sep 27 2016 06:13
type in @their handle and thank them
CamperBot
@camperbot
Sep 27 2016 06:13
:warning: could not find receiver for their
vinhta sends brownie points to @their :sparkles: :thumbsup: :sparkles:
jadefox10200
@jadefox10200
Sep 27 2016 06:13
thank you @jadefox10200
CamperBot
@camperbot
Sep 27 2016 06:13
sorry jadefox10200, you can't send brownie points to yourself! :sparkles: :sparkles:
marclennis
@marclennis
Sep 27 2016 06:14
thank you @DarrenfJ
CamperBot
@camperbot
Sep 27 2016 06:14
marclennis sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 856 | @darrenfj |http://www.freecodecamp.com/darrenfj
graphetes
@graphetes
Sep 27 2016 06:14
so basically you should thank all of us
vinhta
@vinhta
Sep 27 2016 06:14
lmao
marclennis
@marclennis
Sep 27 2016 06:14
thank you @graphetes
CamperBot
@camperbot
Sep 27 2016 06:14
marclennis sends brownie points to @graphetes :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @graphetes |http://www.freecodecamp.com/graphetes
jadefox10200
@jadefox10200
Sep 27 2016 06:14
lol
marclennis
@marclennis
Sep 27 2016 06:14
thank you @vinhta
CamperBot
@camperbot
Sep 27 2016 06:14
marclennis sends brownie points to @vinhta :sparkles: :thumbsup: :sparkles:
:cookie: 106 | @vinhta |http://www.freecodecamp.com/vinhta
marclennis
@marclennis
Sep 27 2016 06:14
hahahaha
ennayramonale
@ennayramonale
Sep 27 2016 06:14
:)
graphetes
@graphetes
Sep 27 2016 06:14
lol, haha
marclennis
@marclennis
Sep 27 2016 06:15
so i'm here to make dead links using the hash symbol
jadefox10200
@jadefox10200
Sep 27 2016 06:15
DarrenJ you ever do codewars?
href="#"
dead link
graphetes
@graphetes
Sep 27 2016 06:15
actually <a href=""></a>
Picshulo
@Picshulo
Sep 27 2016 06:15
@jadefox10200 (https://github.com/jgthms/web-design-in-4-minutes) There is his code with no javascript :crying_cat_face:
jadefox10200
@jadefox10200
Sep 27 2016 06:16
@graphetes nope, he said using hash symbol.
graphetes
@graphetes
Sep 27 2016 06:16
yep i forgot it
I am known for that
jadefox10200
@jadefox10200
Sep 27 2016 06:16
@Picshulo Sweet. I'll check it out.
Darren
@DarrenfJ
Sep 27 2016 06:17
@jadefox10200 i have.. a while back.. kep intending to go back but haven't had time yet
codewars
@marclennis here's a few other fun things you can do with # and anchors.. to move around on the same page: http://help.typepad.com/anchor-tags.html
i actually preferred code combat.. easier but kind of fun too.. specially the arenas
@marclennis you'll eventually want to move around onthe same page when you get to creating your portfolio site
Ameya Sinha
@ameyanator
Sep 27 2016 06:22
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. This is there in one of the instructions what does it mean?
graphetes
@graphetes
Sep 27 2016 06:23
p {
ennayramonale
@ennayramonale
Sep 27 2016 06:23
@jadefox10200 i put div in the contact form, but only the text went to center, the input part not included
graphetes
@graphetes
Sep 27 2016 06:24
<style>p { Font-size:16px:} </style> @ameyanator
ennayramonale
@ennayramonale
Sep 27 2016 06:24
the image also did not move :(
烧鸡
@Masterzzy
Sep 27 2016 06:24
Import a Google Font
graphetes
@graphetes
Sep 27 2016 06:24
not a colon but semi-colon after the px
烧鸡
@Masterzzy
Sep 27 2016 06:24
i can't
graphetes
@graphetes
Sep 27 2016 06:25
@Masterzzy on your main.css page have something like this @import url(https://fonts.googleapis.com/css?family=Bangers);
Ameya Sinha
@ameyanator
Sep 27 2016 06:26
@graphetes thanks!
CamperBot
@camperbot
Sep 27 2016 06:26
ameyanator sends brownie points to @graphetes :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @graphetes |http://www.freecodecamp.com/graphetes
graphetes
@graphetes
Sep 27 2016 06:26
the url should be in link once you pick a certain font on google @ameyanator
vinhta
@vinhta
Sep 27 2016 06:26
I'm confused why do I add the . in front of the well and not button?
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
烧鸡
@Masterzzy
Sep 27 2016 06:27
@graphetes thanks
CamperBot
@camperbot
Sep 27 2016 06:27
masterzzy sends brownie points to @graphetes :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @graphetes |http://www.freecodecamp.com/graphetes
vinhta
@vinhta
Sep 27 2016 06:28
is it because well is a class?
jadefox10200
@jadefox10200
Sep 27 2016 06:29
@Picshulo I just checked his code and ran it on my server. He isn't using a fixed header so he doesn't have that problem.
@ennayramonale can you re-post the pen please?
I was looking at that other code but it didn't have a solution to what you're running into on the nav.
Darren
@DarrenfJ
Sep 27 2016 06:30

@vinhta yes. it's a class... you do the same kind of naming you do for CSS

is it because well is a class?

vinhta
@vinhta
Sep 27 2016 06:30
thanks @DarrenfJ was confused thought jquery would be different from css
CamperBot
@camperbot
Sep 27 2016 06:30
vinhta sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 857 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Sep 27 2016 06:30
"button" for the html elements.. and # for any id's
ennayramonale
@ennayramonale
Sep 27 2016 06:30
graphetes
@graphetes
Sep 27 2016 06:31
nice work @ennayramonale on your portfolio
Darren
@DarrenfJ
Sep 27 2016 06:31
i'm not sure why they chose to do that.. never took a look at the underlying code for jQuery.. @vinhta
by "button" i mean 'just the html name in " "
ennayramonale
@ennayramonale
Sep 27 2016 06:34
@graphetes hahaha.. thank you... its very simple... :)
CamperBot
@camperbot
Sep 27 2016 06:34
ennayramonale sends brownie points to @graphetes :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @graphetes |http://www.freecodecamp.com/graphetes
graphetes
@graphetes
Sep 27 2016 06:34
looks nice and clean to me
ennayramonale
@ennayramonale
Sep 27 2016 06:35
im happy you like it.. it took me 2 weeks to make it.. hahaha,. and still not finished
VaseJS
@VaseJS
Sep 27 2016 06:35
@DarrenfJ Darren, another late night and it’s not the weekend
@DarrenfJ Just was about to hit the hey and saw you. Keep helping everyone. I’m on almost done with Algorithms so I’ll be back in here helping along side you mañana.
jadefox10200
@jadefox10200
Sep 27 2016 06:39
it's because of the img-responsive class.
Darren
@DarrenfJ
Sep 27 2016 06:39
@VaseJS right on man! you are rawking it
jadefox10200
@jadefox10200
Sep 27 2016 06:39
It won't let me move it.
@DarrenfJ Can you jump in on this one. Seems you're better with the bootstrap than I am.
ennayramonale
@ennayramonale
Sep 27 2016 06:39
oh.. so what should i do?
ia sir @DarrenfJ help me please.. :)
Darren
@DarrenfJ
Sep 27 2016 06:39
@jadefox10200 which one?
ennayramonale
@ennayramonale
Sep 27 2016 06:40
my work sir @DarrenfJ
Darren
@DarrenfJ
Sep 27 2016 06:40
@ennayramonale this the codepen you linked above?
ennayramonale
@ennayramonale
Sep 27 2016 06:40
yes sir
jadefox10200
@jadefox10200
Sep 27 2016 06:40
@ennayramonale Wants to center an img. The img-responsive class from bootstrap won't allow me to center the image. How do you get that thing centered.
ennayramonale
@ennayramonale
Sep 27 2016 06:40
thank you @jadefox10200 :)
CamperBot
@camperbot
Sep 27 2016 06:40
ennayramonale sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: ennayramonale already gave jadefox10200 points
Ryan Corry
@ryguy858
Sep 27 2016 06:40

New to site following directions. saying my image must have an alternate need help!!! Cheers

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

<style>
h2 {
color: red;
font-family: Lobster;
}

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

<h2>CatPhotoApp</h2>
<img src=http://farm3.static.flickr.com/2882/10466547605_054eda0661.jpg alt="https://bit.ly/fcc-relaxing-cat"/>

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

jadefox10200
@jadefox10200
Sep 27 2016 06:40
I tried to wrap it in a div and use the bootstrap class text-center but it won't budge.
ennayramonale
@ennayramonale
Sep 27 2016 06:41
yes.. i made that also,, i dont know what the problem :(
@DarrenfJ
1) when I click the about, company and contact in nav bar, it goes to the part in the web page but the upper part not shown.
2) my image in company part needs to be in center
3) my contact form needs to be in center.
Darren
@DarrenfJ
Sep 27 2016 06:42
which image? the company logo?
jadefox10200
@jadefox10200
Sep 27 2016 06:42
yea
ennayramonale
@ennayramonale
Sep 27 2016 06:42
yes sir.. @DarrenfJ
and the contact form need to be in center also
jadefox10200
@jadefox10200
Sep 27 2016 06:44
My solution:
brute force and write over the bootstrap class:
  <img style="margin:auto;width: 400; height:100;"  class="img3 img-responsive" src="http://maryannelano.esy.es/jaeclogo.jpg" alt="JAEC Logo.jpg">
But not the best.
That will center it but I don't like the method. Hoping Darren has a better idea.
Darren
@DarrenfJ
Sep 27 2016 06:46
@ennayramonale for 1) the about.. from http://help.typepad.com/anchor-tags.html:
you got this part for #about
"If you are linking to a spot on the same page, the format of the link will be similar to:
<a href="#anchor">Link Text</a>"
but missing: "The second part of an anchor tag is the actual anchor. The anchor should be placed at the beginning of the line where you want to start reading after you jump similar to:
<a name="anchor"></a>"
jadefox10200
@jadefox10200
Sep 27 2016 06:47
@DarrenfJ Yeah, but the fixed nav bar is covering that spot when it does the jump.
I haven't found a way around that yet without javascript.
Darren
@DarrenfJ
Sep 27 2016 06:47
right before your:
<div id="about">
        <div class="container"> 
          <h1 class="text-success text-center"><b>ABOUT</b></h1>
ennayramonale
@ennayramonale
Sep 27 2016 06:47
oh
wait sir, i will try
sir @jadefox10200 is correct sir @DarrenfJ , it was covered by the navbar because position is fixed
Darren
@DarrenfJ
Sep 27 2016 06:49

hrm, good point... @jadefox10200

@DarrenfJ Yeah, but the fixed nav bar is covering that spot when it does the jump.

jadefox10200
@jadefox10200
Sep 27 2016 06:50
Really annoying. I've had a number of people run into that. I handled it by not setting the nav bar to fixed. Silly but it works from a user point of view since the page isn't that large.
Do you have a better idea on the image centering? I posted the only thing I knew how to do but that's because I'm not that savy with bootstrap.
ennayramonale
@ennayramonale
Sep 27 2016 06:51
@jadefox10200 hehe.. did i add wrinkles on your forehead..
jadefox10200
@jadefox10200
Sep 27 2016 06:52
It ok. I come here to help in the hopes that I will learn as I help.
ennayramonale
@ennayramonale
Sep 27 2016 06:52
and that was so nice of you :)
Darren
@DarrenfJ
Sep 27 2016 06:53
I'm just checking mine and comparing..
ennayramonale
@ennayramonale
Sep 27 2016 06:53
sir @DarrenfJ my div id is the same as what you have posted sit
ok sir
Ryan Corry
@ryguy858
Sep 27 2016 06:53
Does anyone ever experience issues with code changing on the website when you are coding. Here is my code, says that I still need to have an alternate img before i can procees
marclennis
@marclennis
Sep 27 2016 06:53
@DarrenfJ helpppp
hahahahaha
Your a element should be a dead link with a href attribute set to #.
Ryan Corry
@ryguy858
Sep 27 2016 06:53

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

<style>
h2 {
font-family: Lobster;
color: red;
}

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

<h2>CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat" alt="https://www.valleyvet.com/images/worming-your-kitten.png">

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

anyone
jadefox10200
@jadefox10200
Sep 27 2016 06:54
@marclennis <a href=#></a>
@daniel1989
@fchungaragmail
Sep 27 2016 06:54
Hi, does someone know what ntn-child means?
$(".target:nth-child(3)").addClass("animated bounce");
nth-child(3)
jadefox10200
@jadefox10200
Sep 27 2016 06:54
@ryguy858 The alt="some alt" doesn't mean an alternate image.
Darren
@DarrenfJ
Sep 27 2016 06:54
@fchungaragmail 3rd child
marclennis
@marclennis
Sep 27 2016 06:54
@jadefox10200 gonna code that?
a new code?
jadefox10200
@jadefox10200
Sep 27 2016 06:55
@ryguy858 It wants you to put some text in there and should give a specification for what to put there.
Darren
@DarrenfJ
Sep 27 2016 06:55

@marclennis what @jadefox10200 said here:

@marclennis <a href=#></a>

marclennis
@marclennis
Sep 27 2016 06:55
<p>Click here for <a href="#">cat photos</a></p>
Ryan Corry
@ryguy858
Sep 27 2016 06:55
@jadefox10200 so is it best to describe the picture in a short sentence??
jadefox10200
@jadefox10200
Sep 27 2016 06:55
@marclennis No, you just replace your existing href link with a #
@ryguy858 Or just a single word. The challenge should tell you what they want you to put in there.
@ryguy858 If you don't enter the exact text they specify, it won't pass the challenge.
marclennis
@marclennis
Sep 27 2016 06:56

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

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

this is the code
jadefox10200
@jadefox10200
Sep 27 2016 06:56
@marclennis that's a dead link. :)
Darren
@DarrenfJ
Sep 27 2016 06:57
@ennayramonale i used the class thumbnail for my img.. nothing inherently centering about it.. but i noticed you img doesn't really have anything trying to center it? It's in a div that's centered, but the div is bigget than the image
marclennis
@marclennis
Sep 27 2016 06:57
how will i fix it
hahahaha
ennayramonale
@ennayramonale
Sep 27 2016 06:57
what will i do sir @DarrenfJ
jadefox10200
@jadefox10200
Sep 27 2016 06:58
@DarrenfJ What happens if you get rid of the img-responsive class?
killjoy97
@killjoy97
Sep 27 2016 06:58
how do i create a script element
graphetes
@graphetes
Sep 27 2016 06:59
<script></script> @killjoy97
Lenuta
@ionutlenuta
Sep 27 2016 06:59
<script> </ script> @killjoy97
jadefox10200
@jadefox10200
Sep 27 2016 06:59
:+1:
marclennis
@marclennis
Sep 27 2016 07:01
im stuck again
Darren
@DarrenfJ
Sep 27 2016 07:01

i'd leave it in... i don't think it's that...

@DarrenfJ What happens if you get rid of the img-responsive class?

graphetes
@graphetes
Sep 27 2016 07:01
@marclennis stuck on what?
marclennis
@marclennis
Sep 27 2016 07:02
Your a element should be a dead link with a href attribute set to #.
<p>Click here for <a href="#">cat photos</a></p>
<a>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
graphetes
@graphetes
Sep 27 2016 07:02
<a href="#"></a>
there is an extra <a> that shouldnt be there
Darren
@DarrenfJ
Sep 27 2016 07:03
@ennayramonale you';ve got all the div's centering the jumbotron and container and then only a class="text-center" for the img..
jadefox10200
@jadefox10200
Sep 27 2016 07:03
@DarrenfJ ok. With that class in there, I can't move the image. If I get rid of it I can move it with margin:auto or text-center. That's why I was asking. Or use an in-line style with margin:auto to bypass the class as the inline will take precedence.
Maybe !important will work...
Lenuta
@ionutlenuta
Sep 27 2016 07:04
Put <a href=#> not just <a> @marclennis
marclennis
@marclennis
Sep 27 2016 07:04
where will i put it
Lenuta
@ionutlenuta
Sep 27 2016 07:05
Put <a href="#"> instead of <a> @marclennis
jadefox10200
@jadefox10200
Sep 27 2016 07:05
.smith {
  margin:auto; !important
}
Darren
@DarrenfJ
Sep 27 2016 07:06
it suggests it does this.. which is similar to what you suggest:
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
with the auto margins
jadefox10200
@jadefox10200
Sep 27 2016 07:06
:: jadefox10200 bows down to darrenJ::
I just tried it on the code-pen. Totally worked. You rule man!
It's a way better solution to use what is in the library than to write over what the library is doing.
@DarrenfJ thanks
CamperBot
@camperbot
Sep 27 2016 07:07
jadefox10200 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 858 | @darrenfj |http://www.freecodecamp.com/darrenfj
jadefox10200
@jadefox10200
Sep 27 2016 07:09
maybe I'm the only one excited about that...
Darren
@DarrenfJ
Sep 27 2016 07:10
@jadefox10200 i played around forever with text-center on my own and it didn't seem to affect images at all..... for mine thumbnail worked..
jadefox10200
@jadefox10200
Sep 27 2016 07:11
I like the center-block. Totally awesome. Sounds stupid but I'm really excited about that.
Cat
@MamaBearCat
Sep 27 2016 07:11
Hey, so I have the div background color and I set up the style but it's asking that my div have a silver background
Darren
@DarrenfJ
Sep 27 2016 07:11
and i tried auto and then hard coding margin space on either side ut lost the responsive sizing.. css is thee devil sometimes... had to read all of this: https://css-tricks.com/centering-css-complete-guide/
which i've promptly forgotten ;)
jadefox10200
@jadefox10200
Sep 27 2016 07:11
lol
Cat
@MamaBearCat
Sep 27 2016 07:11
Would I make silver background a class ? Or no
Lenuta
@ionutlenuta
Sep 27 2016 07:11
Shoe me your code @MamaBearCat
Darren
@DarrenfJ
Sep 27 2016 07:11
@MamaBearCat yes..
marclennis
@marclennis
Sep 27 2016 07:12

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

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

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

Darren
@DarrenfJ
Sep 27 2016 07:12
you need to add class="silver-background" to the html element as well
marclennis
@marclennis
Sep 27 2016 07:12
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
jadefox10200
@jadefox10200
Sep 27 2016 07:12
Seems something as simple as centering an image is the biggest pain I've had in CSS.
Darren
@DarrenfJ
Sep 27 2016 07:12
i know!
marclennis
@marclennis
Sep 27 2016 07:12
this two i still dont get it
Darren
@DarrenfJ
Sep 27 2016 07:12
@MamaBearCat you added it in the CSS as .sliver-background { ...} right?
Lenuta
@ionutlenuta
Sep 27 2016 07:13
Why didn't you do what I said you? @marclennis
Cat
@MamaBearCat
Sep 27 2016 07:13
<div class="silver-background">
jadefox10200
@jadefox10200
Sep 27 2016 07:13
Not joking, that's the entire reason I didn't use bootstrap in my profile page. I couldn't control it enough to do those images I was trying to do at the heading and correctly place the text on the right.
Cat
@MamaBearCat
Sep 27 2016 07:13
And yeah I put it in the CSS and that's correct I just can't get the second part
Darren
@DarrenfJ
Sep 27 2016 07:13
@MamaBearCat yah that should work? what else is the error warnign saying?
graphetes
@graphetes
Sep 27 2016 07:14
couldnt you just go to the main.css and do div { back-ground: #C0C0C0;}?
Darren
@DarrenfJ
Sep 27 2016 07:14
@jadefox10200 i almost didn;t use it for my tribute page but i did it.. forced myself to use it for that one
Cat
@MamaBearCat
Sep 27 2016 07:14
It just says "your SUV element should have a silver background "
Darren
@DarrenfJ
Sep 27 2016 07:14
@MamaBearCat and you added class="silver-background" into the right place in the hmtl?
Cat
@MamaBearCat
Sep 27 2016 07:15
I believe so
jadefox10200
@jadefox10200
Sep 27 2016 07:15
Yeah, after doing a page without a library I'm never going to do that again. Going to need to learn that for real now. Take some courses or something. Way too time consuming.
graphetes
@graphetes
Sep 27 2016 07:15

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

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

Darren
@DarrenfJ
Sep 27 2016 07:15
@MamaBearCat what do you have in teh CSS fro silver-background?
jadefox10200
@jadefox10200
Sep 27 2016 07:16
'''
CamperBot
@camperbot
Sep 27 2016 07:16
:bulb: to format code use backticks! ``` more info
jadefox10200
@jadefox10200
Sep 27 2016 07:16
please format code.
marclennis
@marclennis
Sep 27 2016 07:16
now im lost
hahahaha
Darren
@DarrenfJ
Sep 27 2016 07:16
@jadefox10200 yah.. but htink of all the CSS you learned by heart now ;0
Cat
@MamaBearCat
Sep 27 2016 07:16
Yeah that's exactly what I have
jadefox10200
@jadefox10200
Sep 27 2016 07:17
oh it was valuable. But never again. lol
Lenuta
@ionutlenuta
Sep 27 2016 07:17
<a href="#"> <img....></a>
Darren
@DarrenfJ
Sep 27 2016 07:17
@MamaBearCat maybe a small typo we're overlooking?
marclennis
@marclennis
Sep 27 2016 07:17
@ionutlenuta i still don't know where to put it
Darren
@DarrenfJ
Sep 27 2016 07:17
can you post all of your code? @MamaBearCat format it with teh three ticks ```
jadefox10200
@jadefox10200
Sep 27 2016 07:17
@MamaBearCat please copy and past the link to the problem.
Darren
@DarrenfJ
Sep 27 2016 07:18
@MamaBearCat you can use this as a guide: https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Code-Formatting
jadefox10200
@jadefox10200
Sep 27 2016 07:18
lol. We both just said to do different things.
Lenuta
@ionutlenuta
Sep 27 2016 07:18
<a href="#"> <img....></a> @marclennis
Darren
@DarrenfJ
Sep 27 2016 07:19

i always find the link messy.. but actually, you are right.. the link will let us see exactly what's up...

lol. We both just said to do different things.

graphetes
@graphetes
Sep 27 2016 07:19
@jadefox10200 how do I format it for chat? Didn't get this https://github.com/freecodecamp/freecodecamp/wiki/code-formatting
marclennis
@marclennis
Sep 27 2016 07:19
@ionutlenuta where will i put it at the bottom?
Lenuta
@ionutlenuta
Sep 27 2016 07:20
Noo.. Around your existing img element. Like I said you. @marclennis
Darren
@DarrenfJ
Sep 27 2016 07:20
@MamaBearCat do what jade suggested and just paste the link to your problem... i will allow us to see your actual code
and we can look for typos
jadefox10200
@jadefox10200
Sep 27 2016 07:20
Oh, trust me. I hate the link because it's huge. There are just some situations where I can't resolve it and I need to see the page they're on. You'll also be able to see if they just need to reload. If I can't solve the page then neither will they.
Darren
@DarrenfJ
Sep 27 2016 07:21
true dat
jadefox10200
@jadefox10200
Sep 27 2016 07:21
@graphetes you put three back ticks before and after your code ```
ennayramonale
@ennayramonale
Sep 27 2016 07:21
ok sir @DarrenfJ and sir @jadefox10200 i will try and try ;)
graphetes
@graphetes
Sep 27 2016 07:21
Thanks
@jadefox10200
CamperBot
@camperbot
Sep 27 2016 07:21
graphetes sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
jadefox10200
@jadefox10200
Sep 27 2016 07:21
@ennayramonale did you add the class...
I already forgot what it was called. LMAO
Darren
@DarrenfJ
Sep 27 2016 07:22
so did i lol!
um.. block something
center-block
jadefox10200
@jadefox10200
Sep 27 2016 07:22
I haven't laughed that hard in a month. lol
Darren
@DarrenfJ
Sep 27 2016 07:23
by tomorrow it will be a distant memory ha!
jadefox10200
@jadefox10200
Sep 27 2016 07:23
yeah, center-block.
ennayramonale
@ennayramonale
Sep 27 2016 07:23
hahahah
jadefox10200
@jadefox10200
Sep 27 2016 07:23
I think I'm going to print a poster of that at work tomorrow and put it on my wall.
Cat
@MamaBearCat
Sep 27 2016 07:23

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

</style>

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

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

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

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

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

ennayramonale
@ennayramonale
Sep 27 2016 07:23
you too now also bothered with my problems..hehhee @jadefox10200 @DarrenfJ
Darren
@DarrenfJ
Sep 27 2016 07:24
@MamaBearCat can you grab your link and post it? you might need to just hit reset for the exercise and then re-add the silver-background
jadefox10200
@jadefox10200
Sep 27 2016 07:24
I'll use the wide format printer just to make sure I over do it. 50 ft wide.
Darren
@DarrenfJ
Sep 27 2016 07:24
@MamaBearCat sorry, spoke too soon,, you already posted it :D
Cat
@MamaBearCat
Sep 27 2016 07:24
Sorry I'm on the chat on my phone and the coding on my tablet and oh okay lol it's okay
Darren
@DarrenfJ
Sep 27 2016 07:25
hrm,,,it does look ok to me...
jadefox10200
@jadefox10200
Sep 27 2016 07:25
yep.
Darren
@DarrenfJ
Sep 27 2016 07:26
@ennayramonale more like CSS in general ;)
@MamaBearCat yah you might just have to hit reset and re-add those lines
ennayramonale
@ennayramonale
Sep 27 2016 07:26
hehehe thank you sir @DarrenfJ
CamperBot
@camperbot
Sep 27 2016 07:26
ennayramonale sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 859 | @darrenfj |http://www.freecodecamp.com/darrenfj
Cat
@MamaBearCat
Sep 27 2016 07:26
Oh okay thank you
Darren
@DarrenfJ
Sep 27 2016 07:26
tell us if that fixes it
marclennis
@marclennis
Sep 27 2016 07:27
this my code still dont know where i put 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>
<a>
<p>Click here for <a href="#"></a>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. ">

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

Darren
@DarrenfJ
Sep 27 2016 07:27
sometimes for no reason whatsoever one of every few exercises loads weird or something and needs to be reset...
@marclennis too many </a>'s in this one <p>Click here for <a href="#"></a>cat photos</a>.</p>
jadefox10200
@jadefox10200
Sep 27 2016 07:28
I just pasted her full code into the challenge and it passed.
restart the browser.
Darren
@DarrenfJ
Sep 27 2016 07:28
yah.. it's gonna need a reset then for sure
jadefox10200
@jadefox10200
Sep 27 2016 07:29
I like what it says on that css-tricks:
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to do, but in that there so many different ways of doing it, depending on the situation, it's hard to know which to reach for.
Darren
@DarrenfJ
Sep 27 2016 07:29
@marclennis you';ve closed your <a... > off with two </a>'s
i know when i read that after struggling with the img for a few hours i was like 'YES!"
marclennis
@marclennis
Sep 27 2016 07:30

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

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

i got to nest it
Darren
@DarrenfJ
Sep 27 2016 07:30
@marclennis now you have none </a>'s lol!
marclennis
@marclennis
Sep 27 2016 07:30
closing tag
Darren
@DarrenfJ
Sep 27 2016 07:30
yah
marclennis
@marclennis
Sep 27 2016 07:30
where will i put it
hahahaha
Darren
@DarrenfJ
Sep 27 2016 07:31
i'd just hit reset on it
and then find the <a href="a bunch of words">
and replace teh bunch of words with #
Agung Tuah Ananda
@anan474
Sep 27 2016 07:31
help! how to load weather api in codepen? i got codepen.io/.../api.openweathermap.org 404 response in console
CamperBot
@camperbot
Sep 27 2016 07:31
no wiki entry for: how to load weather api in codepen i got codepenioapiopenweathermaporg 404 response in console
Darren
@DarrenfJ
Sep 27 2016 07:31
<a href="#">
marclennis
@marclennis
Sep 27 2016 07:31
p>Click here for <a href="#">cat photos</a>.</p>
jadefox10200
@jadefox10200
Sep 27 2016 07:31
ok. Targets tomorrow: Update all github code from hackerrank and CS50. Finish portfolio page and start on CS50 pset6.
dylansoars
@dylansoars
Sep 27 2016 07:31
I have a question. Why can't I change the font family in boostrap ?
Darren
@DarrenfJ
Sep 27 2016 07:32
@marclennis that looks better
jadefox10200
@jadefox10200
Sep 27 2016 07:32
Oh and 20 FCC challenges.
marclennis
@marclennis
Sep 27 2016 07:32
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Darren
@DarrenfJ
Sep 27 2016 07:32

noice!

ok. Targets tomorrow: Update all github code from hackerrank and CS50. Finish portfolio page and start on CS50 pset6.

marclennis
@marclennis
Sep 27 2016 07:32
still cross out
jadefox10200
@jadefox10200
Sep 27 2016 07:33
I'm gonna call it a night. You have a good one man. Thanks for being here tonight and I'll see you around soon. :) @DarrenfJ
CamperBot
@camperbot
Sep 27 2016 07:33
jadefox10200 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:warning: jadefox10200 already gave darrenfj points
marclennis
@marclennis
Sep 27 2016 07:33
how to hard reset
Darren
@DarrenfJ
Sep 27 2016 07:34
@jadefox10200 have a good one! i am also out in a few minutes... thanks for doign the hard ones
CamperBot
@camperbot
Sep 27 2016 07:34
darrenfj sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
Cat
@MamaBearCat
Sep 27 2016 07:34
still the same thing :/
marclennis
@marclennis
Sep 27 2016 07:35
no after that
Darren
@DarrenfJ
Sep 27 2016 07:35

"Here's an example:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>"

Conor Murphy
@cmurphy580
Sep 27 2016 07:36
Regarding my Nav button, at the top of the screen, I can not get the drop content to be the foremost object on the screen as I scroll down. I tried to fix this using z-index but had no luck. If anyone has any ideas on how to fix this, then I would love to hear them. I'm signing off for the night but will get back to you tomorrow. https://codepen.io/cmurphy580/pen/ORbXWJ
Cat
@MamaBearCat
Sep 27 2016 07:36
could it be since im on the tablet the color just isnt changing although everything is correct ?
marclennis
@marclennis
Sep 27 2016 07:36
so im gonna code that?
Darren
@DarrenfJ
Sep 27 2016 07:36
@marclennis so you need to take the img <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
and add a <a href="#"> in front of it and a </a> at the back
@MamaBearCat it could be.. did oyu hit reset on it and add it in again?
jade tried your posted code in his own browser and it passed.
Cat
@MamaBearCat
Sep 27 2016 07:38
Yeah I hit it twice to be sure
Darren
@DarrenfJ
Sep 27 2016 07:39
@MamaBearCat yah might be the tablet.. not sure at this point... what you got is a pass.. you can always use the map and move on and come back later.. or when you are on a Pc.. in actual fact you only have to pass things with an * to get the certs...
map is your friend ;) https://www.freecodecamp.com/map
ok i'm heading out... code on FCC helpchat roomies
graphetes
@graphetes
Sep 27 2016 07:41
peace out @DarrenfJ
Cat
@MamaBearCat
Sep 27 2016 07:41
Oh okay thank you so much :3
graphetes
@graphetes
Sep 27 2016 07:41
if you say @someone that helped you they get brownie points
@DarrenfJ did lots of helping for sure
Cccccl
@Cccccl
Sep 27 2016 07:45
?
Annu Nirmal
@annunirmal
Sep 27 2016 07:47
topic:Sum All Primes
let me help to find bug in my code

function sumPrimes(num) {
  var sum=0;

  for(var i=2;i<=num;i++){
    var count=false;
    for(var j=2;j<=i;j++){
       if(i%j===0){
       count=true;
       break;
       }
  }
  if (count===false)
    sum+=i;
  }

  return sum;
}

sumPrimes(10);
marclennis
@marclennis
Sep 27 2016 07:55
thank you @DarrenfJ @ionutlenuta
CamperBot
@camperbot
Sep 27 2016 07:55
marclennis sends brownie points to @darrenfj and @ionutlenuta :sparkles: :thumbsup: :sparkles:
:cookie: 359 | @ionutlenuta |http://www.freecodecamp.com/ionutlenuta
:cookie: 860 | @darrenfj |http://www.freecodecamp.com/darrenfj
Cccccl
@Cccccl
Sep 27 2016 08:02

@annunirmal function sumPrimes(num) {
var sum=0;

for(var i=2;i<=num;i++){
var count=false;
for(var j=2;j<i;j++){
if(i%j===0){
count=true;
continue;
}
}
if (count===false)
sum+=i;
}

return sum;
}

alert(sumPrimes(10));

topic:Sum All Primes
let me help to find bug in my code
```js

function sumPrimes(num) {
var sum=0;

for(var i=2;i<=num;i++){
var count=false;
for(var j=2;j<=i;j++){
if(i%j===0){
count=true;
break;
}
}
if (count===false)
sum+=i;
}

return sum;
}

sumPrimes(10);

naveenPathaknaveen
@naveenPathaknaveen
Sep 27 2016 08:11
friends ,I completed the following challenge successfully "target the same element with multiple jquery selectors"but I didn't actually understood what actually happened. Can anybody explain what I did and what effect it rendered.
Lenuta
@ionutlenuta
Sep 27 2016 08:17
you added only one class at a time to the same element, three different ways: targeting elements: 1.by type: $("button"), 2. by class: $(".btn"), and 3.by id $("#target1"). @naveenPathaknaveen
naveenPathaknaveen
@naveenPathaknaveen
Sep 27 2016 08:19
@ionutlenuta Ok! but why do we use jQuery when we can render this effect directly in html or CSS.It looks unnecessarily complex.
Lenuta
@ionutlenuta
Sep 27 2016 08:20
You target #target1 by using three different selectors
naveenPathaknaveen
@naveenPathaknaveen
Sep 27 2016 08:21
@ionutlenuta thanks
CamperBot
@camperbot
Sep 27 2016 08:21
naveenpathaknaveen sends brownie points to @ionutlenuta :sparkles: :thumbsup: :sparkles:
:cookie: 360 | @ionutlenuta |http://www.freecodecamp.com/ionutlenuta
harshit297
@harshit297
Sep 27 2016 08:29
can someone help me
?
Damien Hawes
@d-m-h
Sep 27 2016 08:29
What's up?
Fortunatus Biseko
@42-biseko
Sep 27 2016 08:30
hello people...!
Eric M Garza
@bbjb55
Sep 27 2016 08:30

topic: borders around elements

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

<style>

}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:32
@bbjb55 where is your thick-green-border between style tags?
also, that's no way to add 2 classes to html
PhilSchade
@PhilSchade
Sep 27 2016 08:34
hey how do i Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. thanks!
Eric M Garza
@bbjb55
Sep 27 2016 08:34
@diomed

@diomed

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

<style>

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

i just cant understand why its not showing up on the site im building
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:35
@bbjb55 what is } doing in first line after style tag.
doesn't belong to anything
Eric M Garza
@bbjb55
Sep 27 2016 08:36
random typo
@diomed
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:36
Also, now you have two classes in css, and you need also those 2 classes in html
and u have only one of them
naveenPathaknaveen
@naveenPathaknaveen
Sep 27 2016 08:36
@PhilSchade use this code
<style></style>
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:37
so follow demo example of "class1 class2"
it's like class="x y" or class="one two"
naveenPathaknaveen
@naveenPathaknaveen
Sep 27 2016 08:37
<style></style>
.smaller-image{}
width:100px
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:38
@naveenPathaknaveen what is that?
some drunk coded code?
Eric M Garza
@bbjb55
Sep 27 2016 08:39

@diomed

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

ok 7min in and im already remembering why ive been slacking off
marclennis
@marclennis
Sep 27 2016 08:40
Nest your text input element within a form element.
can anyone can help me?
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:40
ehhhh.... sight
one and two are just demo words for your class names @bbjb55
marclennis
@marclennis
Sep 27 2016 08:40
<input type="text" placeholder="cat photo URL"><form action=/submit-cat-photo></form>
nest your text input element within a form element
Lenuta
@ionutlenuta
Sep 27 2016 08:41
Put this <form action=/submit-cat-photo> before input element @marclennis
Eric M Garza
@bbjb55
Sep 27 2016 08:42
@diomed so i could put anything for the "one two"? well then how do i connect it to my html im so confused
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:43
@bbjb55 one is demo word, here one is smaller-image
and two is thick-green-border
obviously
SudhaM
@sudham
Sep 27 2016 08:43

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

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

May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:43
@sudham must not have }} ever in css
SudhaM
@sudham
Sep 27 2016 08:43
This does not work - there is no change and cannot move ahead
marclennis
@marclennis
Sep 27 2016 08:44
@ionutlenuta where will i put it at the beginning?
Lenuta
@ionutlenuta
Sep 27 2016 08:44
do you have input element? @marclennis
In your code?
marclennis
@marclennis
Sep 27 2016 08:45
<input type="text" placeholder="cat photo URL"><form action=/submit-cat-photo></form>
SudhaM
@sudham
Sep 27 2016 08:45
Thanks @diomed missed that!
CamperBot
@camperbot
Sep 27 2016 08:45
sudham sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:cookie: 940 | @diomed |http://www.freecodecamp.com/diomed
Lenuta
@ionutlenuta
Sep 27 2016 08:45
Put this <form action=/submit-cat-photo> before input element @marclennis. That's it.
ennayramonale
@ennayramonale
Sep 27 2016 08:46
@QuincyLarson hello sir
jose galindez
@josejuanxp
Sep 27 2016 08:46

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

Eric M Garza
@bbjb55
Sep 27 2016 08:46
@diomed when making multiple classes should i put anything between them?
<img class="smaller-image .thick-green-border">
class="smaller-image"
class=".thick-green-border"
src="https://bit.ly/fcc-relaxing-cat"
alt="A cute orange cat lying on its back. ">
jose galindez
@josejuanxp
Sep 27 2016 08:46
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
help
Eric M Garza
@bbjb55
Sep 27 2016 08:47
post your code
@josejuanxp
jose galindez
@josejuanxp
Sep 27 2016 08: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;
}
</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>

Eric M Garza
@bbjb55
Sep 27 2016 08:47
like copy and paste
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:47
@bbjb55 you only need this line <img class="smaller-image .thick-green-border">
with no dot
Lenuta
@ionutlenuta
Sep 27 2016 08:48
You should declare a class between style tags named smeller-image and then assign that class to your img element (like you did with red-text class.) @josejuanxp
May Kittens Devour Your Soul
@diomed
Sep 27 2016 08:48
since classed don't have dots in html @bbjb55
Eric M Garza
@bbjb55
Sep 27 2016 08:48
worked thanks
@diomed
jose galindez
@josejuanxp
Sep 27 2016 08:49
fail
marclennis
@marclennis
Sep 27 2016 08:49
thank you @ionutlenuta
CamperBot
@camperbot
Sep 27 2016 08:49
marclennis sends brownie points to @ionutlenuta :sparkles: :thumbsup: :sparkles:
:warning: marclennis already gave ionutlenuta points
jose galindez
@josejuanxp
Sep 27 2016 08:49
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.

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

Lenuta
@ionutlenuta
Sep 27 2016 08:51
<img class="smaller-image"...> @josejuanxp
jose galindez
@josejuanxp
Sep 27 2016 08:53
no
Lenuta
@ionutlenuta
Sep 27 2016 08:53
What no?
jose galindez
@josejuanxp
Sep 27 2016 08:53
<img class="smaller-image"
no

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

Lenuta
@ionutlenuta
Sep 27 2016 08:54
That is what you must do.. :)
<