get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
You need an a element that links to http://freecatphotoapp.com
Make sure your a element has a closing tag.
can someone help me debug why my Simon game stops evaluating userinput to cpu Input after user gets it wrong?
<a href="http://freecatphotoapp.com">cat photos</a>@alexanderkopke ok thanks: <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>
<a href="http://freecatphotoapp.com">cat photos</a>
kaloyan-k sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:cookie: 784 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
<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>kaloyan-k sends brownie points to @globaldevelopment2016 :sparkles: :thumbsup: :sparkles:
:cookie: 236 | @globaldevelopment2016 |http://www.freecodecamp.com/globaldevelopment2016
wiki
kaloyan-k sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: kaloyan-k already gave alexanderkopke points
img {
width: 150px;
}```<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>kaloyan-k sends brownie points to @globaldevelopment2016 and @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: kaloyan-k already gave alexanderkopke points
:warning: kaloyan-k already gave globaldevelopment2016 points
.thick-green-border {
10px solid green;
}.thick-green-border {
border: 10px solid green;
}.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
plz
<p>Text here</p>kaloyan-k sends brownie points to @globaldevelopment2016 :sparkles: :thumbsup: :sparkles:
:warning: kaloyan-k already gave globaldevelopment2016 points
globaldevelopment2016 sends brownie points to @kaloyan-k :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @kaloyan-k |http://www.freecodecamp.com/kaloyan-k
<p>Hello Paragraph</p>
eshanmaini sends brownie points to @globaldevelopment2016 :sparkles: :thumbsup: :sparkles:
:cookie: 237 | @globaldevelopment2016 |http://www.freecodecamp.com/globaldevelopment2016
kaloyan-k sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: kaloyan-k already gave alexanderkopke points
globaldevelopment2016 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:cookie: 785 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Your image should be 100 pixels wide. Browser zoom should be at 100%.
<img class="smaller-image" src="#"/>
.smaller-image {
width: 100%;
}
This is the lesson I am stuck on.
<h2 class="blue-text">CatPhotoApp</h2>
<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>
Your p element should have the class red-text.
<style>
.red-text {
color:red;
}
</style>
<p2 class="red-text">Kitty ipsum</p2>
<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>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>
function palindrome(str) {
var et = str.replace(/[^a-z]/gi, '')
var a = et.split('').reverse()
var b = et.toLowerCase().split('')
if (a == b) {
return true
} else {
return false
}
}
palindrome("eye");
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 action="/submit-cat-photo" id="cat-photo-form" #=cat-photo-element>
don't compare objects, try to compare strings
<script you are missing >
Each of your three checkbox elements should be nested in its own label element.
Make sure each of your label elements has a closing tag.
Give your checkboxes the name attribute of personality
<h4>#left-well</h4>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
<lable> is wrong.It should be
<label>
```
@marclennis you said that you want:
Add an h4 element to each of your <div class="col-xs-6">
This means that for every <div> with class col-xs-6- there should be an h4 inside. Something like:
<div class="col-xs-6>
<h4></h4>
</div><label><input type="checkbox"...></label>
marclennis sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 418 | @marmiz |http://www.freecodecamp.com/marmiz
checkbox you need a <label> tag.<label><input></label>
<label><input></label>
your code
Your 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.
my first two is cleared but cant get the last one
So you need to place your existing html tag inside a
div with classcontainer-fluid
<div class="container-fluid">
</div>:bulb: to format code use backticks! ``` more info
your code
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form><h2 style="color:blue">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>jyoung650 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 419 | @marmiz |http://www.freecodecamp.com/marmiz
style="color:blue"this will give the color blue.
If you want red hange accordingly
container or container-fluid
cynicalskies sends brownie points to @marmiz and @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 420 | @marmiz |http://www.freecodecamp.com/marmiz
:cookie: 405 | @alhazen1 |http://www.freecodecamp.com/alhazen1
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
<div class="container-fluid"> in your code (assuming you're still on the same lesson).Also have a read on this https://gitter.zendesk.com/hc/en-us/articles/200176682-Markdown-basics
to learn how to format you code on gitter
</form>
In this exeample I "nest" and
h4 inside a div.<div>
<h4>My Text</h4>
</div>
welcome to FreeCodeCamp @benji1547!
<button></button> tags. Eg:<button class="..... ">Button Text </button>eddies909 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 421 | @marmiz |http://www.freecodecamp.com/marmiz
@sweetsnaccs You will need...
<div class="container-fluid">
the rest of you web page here
</div>to wrap around the entire rest of your code
@xSpideyx you misunderstood the syntax for the switch statment:
Consider maybe reading this https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Statements/switch
As an example consider this:
switch (val) {
case 1:
answer = "one";
break;
case 2:
answer = "two";
break;
}
<button class="btn btn-block btn-primary">Like<div class="col-xs-4"></div></button>
<button class="btn btn-block btn-info"><div class="col-xs-4"></div>Info</button>
<button class="btn btn-block btn-danger">Delete<div class="col-xs-4"></div></button>
</div>
@c0d0er By a first look I can say that it may be caused by .append and .prepend.
Using those methods will force the passed value as first; that's why you see the online on top, regardless of the offline/online selection.
As a matter of fact I think the button works since once clicked the channels are filtered...
It's just that the online one are forced to be top by the .prepend method...
@aservin80 and @Hasnainkhankqs asking for solution won't help you in teaching how to code.
Are you stucked?
- Read first documentation.
- Search on google.
then
-Ask in chat for some help.
Don't give up :thumbsup:
c0d0er sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 422 | @marmiz |http://www.freecodecamp.com/marmiz
@aservin80 <img class="thick-green-border" "border-width: 10px">
Not needed
<button class="btn btn-block btn-primary">Like<div class="col-xs-4"></div></button>
<button class="btn btn-block btn-info"><div class="col-xs-4"></div>Info</button>
<button class="btn btn-block btn-danger">Delete<div class="col-xs-4"></div></button>
</div>
@c0d0er you may want to consider when obtaining the data from the API to append them in the div. To avoid any button functionality.
Sometghin like: (if the channel is offline).append(#offlineDiv)
But there are countless way to achieve the same :)
div needs to be outside the buttons:<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div> hs {color: red;}
</style>
<h2 style="color: red">CatPhotoApp</h2>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching.</p>div as a "box" or a container. By creating one you're declaring to html that "this area is used and belong to something"... It's not just "generic" space in your screen... (sort of)
<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>
:cookie: 174 | @girzima |http://www.freecodecamp.com/girzima
rusmex sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
```<style>
h2 {color: blue;}
</style>
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>``` @Girzima
bobmane sends brownie points to @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 406 | @alhazen1 |http://www.freecodecamp.com/alhazen1
jackson27 sends brownie points to @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 407 | @alhazen1 |http://www.freecodecamp.com/alhazen1
<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>
<h1> Hello World </h1>
<style>
body
{
background-color: green;
font-family: monospace;
}
</style> is this correct
<form>
<input class="form-control">
</form>@Girzima <h1> Hello World </h1>
<style>
body
{
background-color: green;
font-family: monospace;
}
</style> is this correct
@Girzima like this?
<style>
<h1> Hello World </h1>
body
{
background-color: green;
font-family: monospace;
}
</style>
@Girzima <style>
body
{
background-color: green;
font-family: monospace;
}
</style>
<h1> Hello World </h1>
</script>
bukovnik sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 175 | @girzima |http://www.freecodecamp.com/girzima
tsalta sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 176 | @girzima |http://www.freecodecamp.com/girzima
Here is my code: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
</div>
<div class="row">
<div class="col-xs-8">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
Create a CSS class called pink-text that gives an element the color pink.
Give your h1 element the class of pink-text.
Run tests (ctrl + enter)
Reset Help Bug
Your h1 element should have the class pink-text.
Your <style> should have a pink-text CSS class with its color set to pink.
Your h1 element should be pink.
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
color: pink;
}
</style>
<h1>Hello World!</h1>
<h1 class="pink-text">
welcome to FreeCodeCamp @jiovanyq!
earlywine08 sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 177 | @girzima |http://www.freecodecamp.com/girzima
<h1>Hello World!</h1>
<h1 class="pink-text" color: pink>
<style>
.red-text {
color: red;
}
</style>
<h2> class="red-text"</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>
You can see that we've created a CSS class called blue-text within the <style> tag.
You can apply a class to an HTML element like this:
<h2 class="blue-text">CatPhotoApp</h2>
Note that in your CSS style element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.
Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.
Give your h2 element the class attribute with a value of 'red-text'.
aservin80 sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 178 | @girzima |http://www.freecodecamp.com/girzima
<h1>Hello World!</h1>
<h1 class="pink-text">
Yes it is: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div></div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
mullins1217 sends brownie points to @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 408 | @alhazen1 |http://www.freecodecamp.com/alhazen1
<style>
.pink-text{
color: pink;
}
body {
background-color: black;
font-family: Monospace;
color: green;
}
</style>
<h1>Hello World!</h1>
<h1 class="pink-text">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<h1 class="pink-text">Hello World!</h1><div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
I cant tell what i'm doing wrong it seems to be right
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<lable><input type="checkbox" name="personality">loveing</lable>
<lable><input type="checkbox" name="personality">mean</lable>
<lable><input type="checkbox" name="personality">crazy</lable>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
</div>
earlywine08 sends brownie points to @xspideyx :sparkles: :thumbsup: :sparkles:
:cookie: 195 | @xspideyx |http://www.freecodecamp.com/xspideyx
aservin80 sends brownie points to @torayx :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @torayx |http://www.freecodecamp.com/torayx
help me to solve this change text inside an element using jquery
<script>
$(document).ready(function() {
$("h3").html("<em>jQuery Playground</em>");
$("#target4").html("<text>#target4</text>");
});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
me to solve this change text inside an element using jquery script documentreadyfunction h3htmlemjquery playgroundem target4htmltexttarget4text script-- only change code above this line --div classcontainer-fluid h3 classtext-primary text-centerjquery playgroundh3 div classrow div classcol-xs-6 h4left-wellh4 div classwell idleft-well button classbtn btn-default target idtarget1target1button button classbtn btn-default target idtarget2target2button button classbtn btn-default target idtarget3target3button div div div classcol-xs-6 h4right-wellh4 div classwell idright-well button classbtn btn-default target idtarget4target4button button classbtn btn-default target idtarget5target5button button classbtn btn-default target idtarget6target6button div div divdiv
jcassetti sends brownie points to @torayx :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @torayx |http://www.freecodecamp.com/torayx
After Portfolio page is displaying one slider.
In that slider content slider that slider in 4 question n 4 sliding screen that question ans stored temporary stored in session.
how can this create the for slider. 5And also one thing is that question have 4 option for choosing user one ans which they want to select.
n after last in that 4 question answer display in the one page.
Any One guide me for this how i have to work.
Your #target1 element should have the classes animated‚ shake and btn-primary.
<script>
$(document).ready(function() {
$("#target1").addClass("animated shake");
$("button");
$(".btn");
});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn-primary">#target1</button>
Need help on assignment ADD BORDERS AROUND YOUR ELEMENT.Can someone help me with this? Can't move forward....:( .smaller-image {
width: 100px;
}.
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed
$(document).ready(function() {
$("#target1").addClass("animated shake").addClass("btn-primary");
$(".btn");
$("button");
});
</script>
switch(expression) {
case n:
code block
break;
case n:
code block
break;
default:
default code block
}$(document).ready(function() {
$("#target1").addClass("animated shake").addClass("btn-primary");
$(".btn");
$("button");
});
</script>
switch(val){
case 1:
answer = 'alpha';
break;
...<script>
$(document).ready(function() {
$("h3").html("<em>jQuery Playground</em>");
$("#target4").html("<em>#target4</em>");
});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
what wrong with this code can any one help me to change text inside an j query element
:cookie: 209 | @nabins13 |http://www.freecodecamp.com/nabins13
deathvender sends brownie points to @nabins13 :sparkles: :thumbsup: :sparkles:
Your p element should contain the first few words of the provided additional kitty ipsum text.
ayraamer sends brownie points to @nabins13 :sparkles: :thumbsup: :sparkles:
:cookie: 210 | @nabins13 |http://www.freecodecamp.com/nabins13
xspideyx sends brownie points to @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 410 | @alhazen1 |http://www.freecodecamp.com/alhazen1
@marclennis
i code this
<script>
$(document).ready(function() {
$("#target1").addClass("animated shake").addClass("btn-primary");
$(".btn");
$("button");
});
</script>
Only add one class with each of your three selectors.
<div class="col-xs-6"><label><input type="radio" name="indoor-outdoor"> Indoor</label></div>
<div class="col-xs-6"><label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
<div class="col-xs-6"><label><input type="checkbox" name="personality"> Loving</label></div>
<div class="col-xs-6"><label><input type="checkbox" name="personality"> Lazy</label></div>
<div class="col-xs-6"> <label><input type="checkbox" name="personality"> Crazy</label></div>
</div>
marclennis sends brownie points to @nabins13 :sparkles: :thumbsup: :sparkles:
:cookie: 211 | @nabins13 |http://www.freecodecamp.com/nabins13
ponking sends brownie points to @marclennis :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @marclennis |http://www.freecodecamp.com/marclennis
ponking sends brownie points to @nabins13 :sparkles: :thumbsup: :sparkles:
:cookie: 212 | @nabins13 |http://www.freecodecamp.com/nabins13
hello everyone
i need help with the Portfolio page task. i`m trying to make for a start a simple navigation bar like in the 1st example here: http://www.w3schools.com/bootstrap/bootstrap_navbar.aspbut this is what i get: http://codepen.io/avitt/pen/mAqVmp?editors=1100 cany anyone tell me what am i doing wrong?
Your image should have a border radius of 50%, making it perfectly circular.
Be sure to use a percentage instead of a pixel value.
Help me
{border-radius: 50%;} or something like that no? Do they give an example in the exercise?
So I have
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text{color:pink}
</style>
<h1 class="pink-text">Hello World!</h1>
; at the end
}
dinkdirt sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 878 | @darrenfj |http://www.freecodecamp.com/darrenfj
Denotes the size of the circle radius, or the semi-major and semi-minor axes of the ellipsis, using percentage values. Percentages for the horizontal axis refer to the width of the box, percentages for the vertical axis refer to the height of the box. "
@DarrenfJ i need help with the Portfolio page task. i`m trying to make for a start a simple navigation bar like in the 1st example here: http://www.w3schools.com/bootstrap/bootstrap_navbar.aspbut this is what i get: http://codepen.io/avitt/pen/mAqVmp?editors=1100
cany anyone tell me what am i doing wrong? but i realized what was the problem, the button in the navigation bar didn`t has <a href> so they looked like text
not fixed but like if the image was in the top left and you resized the webpage, I would want the image to stay in the top left
phuvu3725 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 879 | @darrenfj |http://www.freecodecamp.com/darrenfj
avitwito sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 880 | @darrenfj |http://www.freecodecamp.com/darrenfj
position: relative;
height: 200px;
width: 500px;
border-radius: 5px;
bottom: 50px;
left: 50%;
can't get my js code working, which should displays city,country,temperature,category,weather description,humidity and wind speed
here is the code:
http://codepen.io/nirmalannu/pen/ORgxjb?editors=1010
You can't upload images or make multiple files.
<div class="className"></div> @DeathVender Ha! Great minds think alike
.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 class="background-color">
<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>
@alhazen1
img{
border-radius:30px;
margin: auto;
width: auto;
}
<div class="silver-background">img{
border-radius:30px;
margin: auto;
width: 65%;
}deathvender sends brownie points to @sainiabhi :sparkles: :thumbsup: :sparkles:
:cookie: 264 | @sainiabhi |http://www.freecodecamp.com/sainiabhi
http://getbootstrap.com/css/#grid
Spend some time at this page and your portfolio will be much easier
awb715 sends brownie points to @sainiabhi :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @sainiabhi |http://www.freecodecamp.com/sainiabhi
Make sure the text is otherwise unchanged.
marclennis sends brownie points to @nabins13 :sparkles: :thumbsup: :sparkles:
:cookie: 223 | @nabins13 |http://www.freecodecamp.com/nabins13
awb715 sends brownie points to @nabins13 :sparkles: :thumbsup: :sparkles:
:cookie: 224 | @nabins13 |http://www.freecodecamp.com/nabins13
background-color: green;
}
tenaciousc58 sends brownie points to @dvinay and @alexandruraicu :sparkles: :thumbsup: :sparkles:
:cookie: 211 | @dvinay |http://www.freecodecamp.com/dvinay
:cookie: 105 | @alexandruraicu |http://www.freecodecamp.com/alexandruraicu
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#left-well").css("background-color", "red");
$("#target1").parent();
Hi everyone, I'm currently having issues with "Nest an Anchor Element within a Paragraph"
I'm not getting the checkbox for having my a element nested within my p element
Can anyone assist?
@sainiabhi
<p>View more
<a href="https://freecodecamp.com">
cat photos
</a>
</p>
@sainiabhi
Sorry didn't maintain the indentation, the <a> , cat photos and </a> are indented (1 for <a> / </a> and twice for cat photos
I was referring to the "criteria checkbox" as in the conditions haven't been met for me to Run test and continue
the specific part I'm failing is
Your a element should be nested within your new p element.
<p>View more <a href="....">cat photos</a></p>
@DinkDirt
Genius, that worked!
No mention of that in the text haha