Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Jacob Pieczynski
@JacobPie
Thanks
Nate Mallison
@NJM8
@JacobPie Is FCC your only programming experience?
Ken Haduch
@khaduch
@JacobPie - and are the concepts that have to be applied (math, physics, etc.) making it more difficult to understand what you're trying to do?
Jacob Pieczynski
@JacobPie
@NJM8 Yeah.
@khaduch Yeah. I'm thirteen, so a lot of this stuff goes over my head. I get frustrated easily and that kind of makes me cave into looking at the solutions. Most of the time, however, I just have no idea what I'm doing.
Nate Mallison
@NJM8
@JacobPie Programming isn't easy, and many times you many just need more practice and a different perspective. There have been things I couldn't learn from FCC because it wasn't explained in a way that made sense to me.
Jacob Pieczynski
@JacobPie
@NJM8 Like what? Where did you learn those things?
I understand the HTML and CSS pretty well, and I have a decent knowledge of JS. But when I go to algorithms, I just am lost
Nate Mallison
@NJM8
@JacobPie Just take your time, if you have a hard problem break it down into the steps you know how to do. then keep doing that until the solution presents itself
Jacob Pieczynski
@JacobPie
@NJM8 Thanks
CamperBot
@camperbot
jacobpie sends brownie points to @njm8 :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @njm8 |http://www.freecodecamp.org/njm8
Nate Mallison
@NJM8
I found doing challenges on codewars helps a lot, also rithmschool.com has some really good content
@JacobPie My other tip of the day is to read a problem, think about it, go do something else for awhile and let your brain work on it. Then just chip away bit by bit. You have plenty of time to learn!
Jacob Pieczynski
@JacobPie
@NJM8 I'll check those out. Have a great day!
Nate Mallison
@NJM8
You too
KatECN11
@KatECN11
I have an easy one! I'm new to coding entirely and am working on my Tribute Page. I have an image, but I want to center it. I'm trying to find the answer on my own, but haven't come across anything that works yet. Could you point me in the right direction so I can research how to find the answers! Thanks!
Jacob Pieczynski
@JacobPie
@KatECN11 Check out margins.
KatECN11
@KatECN11
Would I need to create a border around the image to use margins?
Daniel Slatkin
@DSlatkin
@KatECN11 Have you gone over any CSS yet in FCC?
KatECN11
@KatECN11
Yes, I successfully centered my text, but not my image
Jacob Pieczynski
@JacobPie
@KatECN11 How did you center the text? text-align: center; ?
KatECN11
@KatECN11
yes, exactly
Daniel Slatkin
@DSlatkin
If so... You may want to look at the text-align CSS property for whatever tag contains the image. For example if it's <div><img src="..."></div> then if div has a text-align property set to center on it, the image should be centered.
KatECN11
@KatECN11
@DSlatkin YES!!!
That worked!!!
I had the text-align: center as an inline style attribute on the text and not on the div. I moved it to the div and now it's all centered!
Daniel Slatkin
@DSlatkin
:) Alternatively if the image is not in-line with text (i.e. if it stands on its own) then img {margin-left: auto; margin-right: auto;} will center it - but the image can't be in-line with text in that case
Glad it worked!
Jacob Pieczynski
@JacobPie
I personally always use margin: auto; for that kind of thing
KatECN11
@KatECN11
I'm trying the margin: auto that both of you suggest (it's not an inline image) and it doesn't seem to center.
Daniel Slatkin
@DSlatkin
Can you copy and paste the code inside ``` marks?
They're "backticks" (the key next to 1 on the keyboard)... If you use three backticks before/after code it formats it nicely
KatECN11
@KatECN11
use the backpacks here or in my html?
haha, backticks (darn autocorrect)
Daniel Slatkin
@DSlatkin
Here if you're pasting code
KatECN11
@KatECN11

```<div style="background-color: silver" class="picture-border">
<img style="margin-left: auto; margin-right: auto" class="smaller-picture" src="https://github.com/KatECN11/hello-world/blob/master/Caroline%20Herschel.jpg?raw=true" alt="Caroline Herschel studying an astronomical cataloge.">

<h2 style="font-size: 20px">"The eyes of her who is glorified here below turned to the starry heavens." -inscription on her headstone.</h2>
</div>```

First I had the margin-left: auto, etc in my css for img but that didn't work so I tried it the above way
Daniel Slatkin
@DSlatkin
Okay sorry didn't clarify or forgot something about images when telling you about margin autos
So elements that display in HTML are generally either "inline"-level elements or "block"-level elements
KatECN11
@KatECN11
You probably assumed I have more knowledge than I do. :)
So mine are inline level and the margin: auto won't work?
Daniel Slatkin
@DSlatkin
Images are by default an inline-level element, so text will wrap around them... Which is also why you can't set a default margin on them. You can force them to be block-level elements by adding a display: block property to the image's style
Yep - but you can force it to be block.
Examples of inline elements: <strong>...</strong>, <a href="...">...</a>, etc.
Example of block-level elements: <h1>...</h1>, <p>...</p>
Text-input fields and buttons are also inline elements
And by default images are too, unless you change them to be blocks with display: block
KatECN11
@KatECN11
Yes! That was all very helpful! Now I know two ways to center the image! Thank you for your help!