Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jan 07 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:33
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • May 10 2019 09:13
    @bjorno43 banned @zhaokunhaoa
  • Apr 27 2019 19:46
    @mstellaluna banned @zhonghuacx
  • Apr 25 2019 17:12
    @mstellaluna banned @cmal
  • Apr 01 2019 18:11
    thecodingaviator labeled #31179
  • Apr 01 2019 18:11
    thecodingaviator labeled #31179
  • Apr 01 2019 18:09
    thecodingaviator commented #31179
  • Apr 01 2019 18:09
    thecodingaviator labeled #31182
  • Apr 01 2019 18:09
    thecodingaviator labeled #31182
  • Apr 01 2019 18:07
    thecodingaviator commented #31182
  • Apr 01 2019 18:07
    thecodingaviator labeled #31190
  • Apr 01 2019 18:07
    thecodingaviator labeled #31190
  • Apr 01 2019 18:07
    thecodingaviator commented #31190
  • Apr 01 2019 18:05
    thecodingaviator commented #31157
  • Apr 01 2019 18:04

    thecodingaviator on master

    remove A (#31157) (compare)

  • Apr 01 2019 18:04
    thecodingaviator closed #31157
  • Apr 01 2019 18:04
    thecodingaviator closed #33788
  • Apr 01 2019 18:04
    thecodingaviator commented #33788
charss
@charss
hi guys! do you have a solution to keep all the text inside a jumbotron?
Pedro
@Itzpdoe
@Z4mari not correct
charss
@charss
without using <br>
Anh Nguyen
@tiremon112
@CodingHarm123 deadlink is inside the link so instead "http://www.freecatphotoapp.com" it is "#"
Z4mari
@Z4mari
<form action="/submit-cat-photo"></form> @Itzpdoe
forgot the slash
Anh Nguyen
@tiremon112
that is exactly what he wrote early lol
Harmony Tarrant
@CodingHarm123
ohh
Ynot40
@Ynot40
@charss srry dont know
Pedro
@Itzpdoe
<form action="/submit-cat-photo"></form>
yup thats what i already got @Z4mari
Anh Nguyen
@tiremon112
@Itzpdoe what is the full question
Pedro
@Itzpdoe

You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element.

For example:

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

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

charss
@charss
@Ynot40

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

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

here's the code
Ynot40
@Ynot40
thx @charss
CamperBot
@camperbot
ynot40 sends brownie points to @charss :sparkles: :thumbsup: :sparkles:
:cookie: 263 | @charss |http://www.freecodecamp.com/charss
Pedro
@Itzpdoe
the only green light im missing is this : Nest your text input element within a form element
but my text is nested within the form element>
?
__mifflin__
@cdrainxv
Show code
Pedro
@Itzpdoe

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

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

__mifflin__
@cdrainxv
No it isn't:
<form action="…">
 // place input element here
</form>
JensenLiu
@JoeyLiutocode
@cdrainxv How did you post the code this way?
__mifflin__
@cdrainxv
click on more info
'''
CamperBot
@camperbot
:bulb: to format code use backticks! ``` more info
Pedro
@Itzpdoe
@cdrainxv still kinda lost. What part did i miss? the two // ?
Anh Nguyen
@tiremon112
dsadsa
JensenLiu
@JoeyLiutocode
Thank you :)
abling
@abling
'code' test 'code'
azora184
@azora184
how to nest all my html elements in div
Pedro
@Itzpdoe
<form action="/submit-cat-photo">
</form>
__mifflin__
@cdrainxv
@Itzpdoe: No.. your input element should be inside the form element.
as shown here: :point_up: January 1, 2017 9:08 PM
abling
@abling
'code' test 'code'
how do i type my text making it look like a code lol
__mifflin__
@cdrainxv
@abling: :point_up: January 1, 2017 9:11 PM
Alex Maroa
@Maroa01

I am supposed to create two div classes under my div class="row". But i seem to keep missing something anyone help

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row"></div>
<div class="col-xs-6"></div>
<div class="col-xs-6"></div>
</div>

Z4mari
@Z4mari
Im salty now
Pedro
@Itzpdoe
@cdrainxv gottt it okay. Thanks!
CamperBot
@camperbot
itzpdoe sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1870 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Z4mari
@Z4mari
I just did this one like 3 hrs ago and had no problems xD
AV11D
@AV11D724

Hi guys i need help with this as it says it wants me to: Your h2 element and topmost img element should both be nested together within a div element with the class row.
Nest your topmost img element within a div with the class col-xs-4.
Nest your h2 element within a div with the class col-xs-8.
Make sure each of your div elements has a closing tag. 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="container-fluid">
<div class="row col-xs-8" <h2 class="text-primary text-center">CatPhotoApp</h2></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>

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

charss
@charss
asddada
how do make your messages look like code
__mifflin__
@cdrainxv

@Maroa01: These:

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

have to be inside this:

<div class="row"></div>
mosstawn
@mosstawn
Hello! I am working on my portfolio for Freecodecamp challenge. I have my basic outline of my layout buuuut I'm having trouble with a few things. First one I am struggling with is i can't get my contact form to line up right. Anyone got some tips? Here's the link to what I have so far: http://codepen.io/mossietawn/pen/GNXJdQ