by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • May 14 22:38
    @bjorno43 banned @minitechtips_twitter
  • May 14 22:37
    @bjorno43 banned @real-action
  • Feb 01 00:26
    @bjorno43 banned @Ndoua
  • 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)

DJ
@qualitymanifest
@EliteCobra this is a great time to get good at googling things. there are many answers for this out there. i think for bootstrap you can give the image the class center-block
Erik Dreyer
@EliteCobra
i dont like google xD it insults me
DJ
@qualitymanifest
@EliteCobra or without using bootstrap you can give the image a class or id and then, in css, give that class/id display: block and margin: 0 auto
Erik Dreyer
@EliteCobra
but thanks @qualitymanifest
CamperBot
@camperbot
elitecobra sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1386 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
Norvin Burrus
@ndburrus

@DarkShatan no.
see the example code, here: :sparkles:

.green-background {
  background-color: green;
}

the div would have the .green-background class.
now, the .green-background in the style element defines the background color - see that?

DarkShatan
@DarkShatan
so like <div class="silver-background">
Benjamin Roy
@benjaminroy
@EliteCobra How can you not like google :O
DarkShatan
@DarkShatan
yes i do @ndburrus
Norvin Burrus
@ndburrus
@DarkShatan exactly! :+1:
Irene
@ideposoy
Yes. You need to have both elements on top (CSS) and HTML (bottom). The top needs to be within the style and the bottom needs to be within div
DarkShatan
@DarkShatan
ohhh ok i thought i had to put it below the div
now it works
makes alot of sense
@ideposoy i understand
Irene
@ideposoy
i'm here cuz i'm stuck too lol
DarkShatan
@DarkShatan
haha i just figured it oit
out

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

<style>

.silver-background {
background-color: silver;
}

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

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

this is how i havemy format
Norvin Burrus
@ndburrus
@DarkShatan take a quick peek at a couple of the previous links - just to see if they help ... :) :point_up:
it's just a structure :sparkles:
excellent! nice work!
DarkShatan
@DarkShatan
how do i send you guys the same format at the one im using like make it black blackgroudn also when i send it vs just in text
structure not a format
CamperBot
@camperbot
:bulb: to format code use backticks! ``` more info
Norvin Burrus
@ndburrus
@DarkShatan '''
DarkShatan
@DarkShatan
thank you @ndburrus
CamperBot
@camperbot
darkshatan sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: darkshatan already gave ndburrus points
Norvin Burrus
@ndburrus

@iamtuggle we need to use the example code format/syntax, here:

$("button").prop("disabled", true);

so, the instructions are asking us to:
Disable only the target1 button.
so, how can we use the jquery function .prop on target1?

DarkShatan
@DarkShatan
well when i copy and paste my whole structure it comes in just text and not the black background
@ideposoy did you figure it out?
Norvin Burrus
@ndburrus
@DarkShatan see above link :point_up: August 28, 2016 11:34 PM - line below, where it says more info
  • using Shift + enter will give you additional line feeds (space) for pasting your code. also, the backticks (`) key is located to the left of the number one (#1) key.
  • further, you may find the two buttons (chat/compose & markdown - the chat/compose button alternates modes) to the right of the text entry area helpful.
  • you can also edit (reply, quote, edit, delete) text after it's been entered by clicking on the three (3) dots to the right of the text entry area (it will appear when you hover to the right of the time stamp). or, you can press the up arrow/key.
DarkShatan
@DarkShatan
thank you for the prompt answer s much useful @ndburrus
CamperBot
@camperbot
darkshatan sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: darkshatan already gave ndburrus points
jacqbinder
@jacqbinder
Hi, this is a Jquery question. Adding class by 3 different selectors. adding class animated to button objects, class shake to btn class, and class btn-primary to target1 id
$(document).ready(function() {
$("button").addclass("animated")
$(".btn").addclass("shake")
$("#target1").addclass("btn-primary")
});
Irene
@ideposoy
yeah i finished that challenge a while back. I'm stuck somewhere else
Norvin Burrus
@ndburrus
@DarkShatan you're very welcome! you touched on a lot with this question! great work! :+1:
DarkShatan
@DarkShatan
haha very nice @ideposoy
jacqbinder
@jacqbinder
the x on the left says 'Only add one class with each of your three selectors.' Any ideas?
Norvin Burrus
@ndburrus
@jacqbinder :sparkles:
  • addclass should be addClass (capitalization)
Irene
@ideposoy

@DarkShatan yeah i finished that challenge a while back. I'm stuck here ```

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

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

jacqbinder
@jacqbinder
@ndburrus thanks!
CamperBot
@camperbot
jacqbinder sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1951 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
@jacqbinder you're welcome! great job! :palm_tree:
Irene
@ideposoy
anybody just finished that challenge and wouldn't mind giving me a clue?
Charly
@TFME
Hello