Hey all. Im happy I "stumbled" upon yall today. I am at 'Create a form element' and just happen to be stuck. Could someone besides my good friend Google explain how to put a text field inside a form element? ty in advance
Hey everyne. [using the laptp with the busted key again... t lazy t g t the pc xD]
@li3097 If I remember that challenge right, it says t nest the text field in the frm element. I'm nt sure hw recently yu've dne the previus challenges. D yu remember nestings? fr example, yu nest
li inside f ul
Any fun prjects gin' n tnight? Lks like at least ne persn ding fCC challenges.
@Lilyheart <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
I was able to figure it out and remembered from doing it on codecademy.com awhile back
<input type="text" placeholder="cat photo URL">
</form>
I was able to figure it out and remembered from doing it on codecademy.com awhile back
ty though
HI All, I am new to coding . Just started a bootcamp and found you on meetup. looking to meet new people and learn what coding is all about!
@Gildara I just started like 3 weeks ago but keep procrastinating.
@Gildara I was trying but failed miserably!
I've dne everything frnt end except all the prjects. the wiki viewer is what I last wrked n xD
xD Glidara beat me t it xD
seaner71 sends cookie points to @gildara and @lilyheart :sparkles: :thumbsup: :sparkles:
:cookie: 335 | @lilyheart |http://www.freecodecamp.com/lilyheart
:cookie: 395 | @gildara |http://www.freecodecamp.com/gildara
'Over the top' to the submit button one, lol. I love the cool encouragement sayings.
I was ging to do it over the summer but was accepted to a summer prgram which made me redo my plans xD ugh, had t put the letter n the clipbard because that sentence didn't make sense withut it
@Seaner71 what bootcamp?
I started with Dev Bootcamp (NY Campus) - but they will be closing at the end of the year because they couldn't make their business model work and I plan on switching to NY Code and Design which has a Philly Campus
it's embarrassing how long it's taken me to get this far
I kept getting distracted by other shiny classes and tutorials
I earned my first cookie in december xD f the previus year. :crying_cat_face:
1.5 years... but full-time student desn't leave much extra learning time.
Lilyheart @Lilyheart sighs.
Since @Seaner71 brought up bootcamps, are there any bootcamps that say would be an evening/free in the philly area? #just moved this summer.
In my free time I keep ding my wn fun prjects instead f fCC. Maybe winter break I'll crank them ut.
Hnestly I haven't looked at bootcamps in the area :/ Running MntCde over a year and @Seaner71 is the first bootcamp member too. There is a fCC philly facebk group that might knw mre abut what goes on in the city.
Well, my grandma lives in montco but I actually reside in delaware....
but thanks @Seaner71 as that looked like its this thursday. Free Library does have nice arcitecture
li3097 sends cookie points to @seaner71 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for seaner71
yall are helppful
Delaware state
hmmm. i remember a teacher saying smething abut smething that way. let me lk.
ya i talked to zipcode but they are expensive and time consuming
as a military spouse, that was not my best option for future career purposes
ya i just registered for classes today for an application developer certificate.
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<input type="text" required>
<button type="submit">Submit</button>
</form>
<input type="text" placeholder="cat photo URL">
<input type="text" required>
<button type="submit">Submit</button>
</form>
im working on this text required thing and fcc could stand some better instructions...
if i remember correctly, yu need t make your input field required, not a new input field and make it required.
<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>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Affectionate</label>
<label><input type="checkbox" name="personality"> Playful</label>
</form>
Im a goof as i was sharing what i was working on and just remembered all yall are working on the "sameish" thing
can yu edit yur pst and put three backticks [the key left f the 1 key] in the line befre the cde and the line after the cde?
ah, n questin then?
if you put the ticks, it'll do this
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Affectionate</label>
<label><input type="checkbox" name="personality"> Playful</label>
if yu just want t put sme
code in a line, just surrnd it with a single tick n either side.
it'll
standout that way. lol
okie dokie
it's using Markdown which could be worth it to learn as places like GitHub use it a lot. Ya knw... in yur spare learning time xD But it's literally just a quick glance at the syntax options.
learn something daily
neat thanks @Lilyheart
seaner71 sends cookie points to @lilyheart :sparkles: :thumbsup: :sparkles:
:warning: seaner71 already gave lilyheart points
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
.silver-backgound {
background-color: silver;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>
<div class="silver-background">
<p>Things cats love:</p>
<ul>
<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>
any idea why the silver background in the style tag/div class isnt reading?
please tell me im not the only one that skips the little things and then attempts to spend forever to figure out what the problem is
nope. most people. that's why it's the first thing I check when someone's code doesn't work xD
very most common issue.
Well thanks all for your help. The 100 days looks like a cool challenge. Hope to see you next week and have some progress!!
@Seaner71 Are you signing off on us? Nice to "meet" you though
Somehow I kept thinking that margin or padding started with the left side and went clockwise.... does anyone know the correct starting position of this is?
and welcome to the group
good
'ello. For some reason gitter stopped giving me notifications. :/
Hello Lily
whenever they have questions. So even outside of the meetup.
The meetup is more for those who need a set time each week to work on coding.
li3097 sends cookie points to @lilyheart :sparkles: :thumbsup: :sparkles:
:cookie: 336 | @lilyheart |http://www.freecodecamp.com/lilyheart
I'm going to call it a night, pick this vss mess up in the morning
I'm way smarter in the morning than I am at night, lol
lilyheart sends cookie points to @li3097 :sparkles: :thumbsup: :sparkles:
:cookie: 56 | @li3097 |http://www.freecodecamp.com/li3097
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
#orange-text {
color: orange;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>
<h1 id="orange-text" class="pink-text !important blue-text" style="color: white">Hello World!</h1>
any idea why important isnt pulling to create pink-text?
is important needed for the lesson? What lesson are you on?
ty
I asked because
!important should almost never ever ever ever be used. There is always a better way. Good to know for debugging and the like. but that's about it.
im signing off but it was definitely nice to meet everyone. till next week or whenever.