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
Hi all! First time here.
Hey everyne. [using the laptp with the busted key again... t lazy t g t the pc xD]
lol hi
@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.
I'm working on wikipedia viewer for fcc
@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 You sound like you are whole lot farther than I am
Hi @Seaner71
hello @Seaner71
I've been at it for a while, lol
@Gildara I just started like 3 weeks ago but keep procrastinating.
anyone else doing 100 days of code?
Yall can be my inspiration
@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
No what is 100 days of code?
hey @Seaner71 welcme
thanks everyone
xD Glidara beat me t it xD
lol thanks @Gildara and @Lilyheart
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
:anguished: gildara has more cookies than I do. lol
lol
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:
I quit for a while too
1.5 years... but full-time student desn't leave much extra learning time.
Lilyheart @Lilyheart sighs.
I cant imagine going to classes and trying to do this, too
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.
Hi all
Hey caryn.
or even bootcamps during the day?
Hey @Lilyheart
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....
delaware county? or state?
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
dont kick me out!!!!!
yall are helppful
Delaware state
hmmm. i remember a teacher saying smething abut smething that way. let me lk.
Im in New Castle county
nly thing i've heard f http://www.zipcodewilmington.com/
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
nline learning might be the best option for you.
ya i just registered for classes today for an application developer certificate.
fun!
<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>
@li3097 good idea
thanks
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.
ya. i just got confused
<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>
Cool! :smile:
nice! soooooo much easier to read
most definitely
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
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.
oh ok
learn something daily
testing
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?
check your spelling
lol, thanks :+1:
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
you are not
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.
ok
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?
noon. straight up.
ok, ty for the clarification
like the day starts at the top, so does css :sunny:
thats easy to remember.
iz how i remember. it goes clockwise as well so easy xD
:+1:
hello first time making it out to this
hey
what's everyone working on?
css ugh
and welcome to the group
ah nice. Thanks
what are you working on @GeminiReaper
trying to go through some angularjs stuff.
ah you're ahead of me then
I need to get working on frameworks
trying to reinforce to practice good coding standards
always
good
yes good
'ello. For some reason gitter stopped giving me notifications. :/
how long does everyone stay on here for?
Hello Lily
meetup said like 3 hrs
whenever they have questions. So even outside of the meetup.
im gonna sign off probably in 30 min when SO gets home
The meetup is more for those who need a set time each week to work on coding.
thanks @Lilyheart for the info though
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
alright have a good night.
nice to meet you @Gildara
er css not vss
lol. i'm an afternoon person.
ya, im an afternoon to evening person
yes very nice to meet you all. coding gets lonely sometimes
^^/
Agreed. Im so glad something like this exsists :smile:
thanks @li3097
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?
yes. its override all other styles
okie. important goes in the css, not the html.
AH
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.
oh ok. Ive never heard of it until now
im signing off but it was definitely nice to meet everyone. till next week or whenever.