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)

Bill
@kirah1314
@samanthamed hmm that looks about right
@samanthamed did you add the link I posted above to html/head section?
Samantha Medeiros
@samanthamed
@kirah1314 I did, yeah
at this point I'm starting to wonder if it's just my browser (FF)...I'm going to try it in chrome to see if I can rule that out
Bill
@kirah1314
@samanthamed try to remove the css link you added to your css settings
Samantha Medeiros
@samanthamed
oh, I'll try that first
Bill
@kirah1314
ok I'm using chrome btw
Samantha Medeiros
@samanthamed
alas, removing it in settings didn't help either. off to try chrome
Bill
@kirah1314
ok, if that doesn't work then you could post your codepen link and I could take a look if you want :)
Samantha Medeiros
@samanthamed
huh busted in chrome too. okay, my codepen link is http://codepen.io/samanthamed/pen/GpOoyJ (definitely still in progress, ha)
Bill
@kirah1314
@samanthamed ok it has something to do with your CSS stuff, if you remove all your CSS then you'll see the quotes
Samantha Medeiros
@samanthamed
ok, I'm glad that's narrowed down now. thanks @kirah1314 !
CamperBot
@camperbot
samanthamed sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:warning: samanthamed already gave kirah1314 points
Bill
@kirah1314
@samanthamed it's this:
* {
  text-align: center;
  font-family: Calibri !important;
  background-color: #eeeeee !important;
}
Samantha Medeiros
@samanthamed
oh! the font family I'm guessing
Bill
@kirah1314
@samanthamed glad to help :thumbsup:
yup the font family
bingo!
@samanthamed btw, I used the same exact quotes you're using on my zipline too lol
Chris
@Aoxom
@bkthegeek because it is in this order "10, 15, 2, 5" i believe
Samantha Medeiros
@samanthamed
@kirah1314 haha nice :+1: thanks again!
CamperBot
@camperbot
samanthamed sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:warning: samanthamed already gave kirah1314 points
DJ
@qualitymanifest
@bkthegeek @Aoxom is correct about the order it's coming in. your need to give your sort a function. see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
Edward Udelle
@EdwardUdelle
Hi, I'm new to this site and I am stuck on the exercise giving a background color to a div element. I placed this code at the end within the style element and it does produce the desired result but I can't pass the exercise. What gives? div {background-color: gray;}
</style>
DJ
@qualitymanifest
This message was deleted
@EdwardUdelle if that doesn't make sense paste all your code and i will take a look at it
Edward Udelle
@EdwardUdelle
Here it is...

<link href="http://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;
}
div {background-color: gray;}
</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" src="https://bit.ly/fcc-relaxing-cat"></a>

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

DJ
@qualitymanifest
@EdwardUdelle in the instructions: "Create a class called gray-background with the background-color of gray. Assign this class to your div element."
so instead of just targeting "div" with your css you need to make a class like ".this-class-should-have-a-certain-name". and you need to give your div that class in your HTML
bruglesco
@bruglesco
help format
CamperBot
@camperbot

:point_right: code formatting [wiki]

Inline code

alt text

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

OverTheNeptune
@OverTheNeptune
@EdwardUdelle What @qualitymanifest said. The .red-text class that's already in the code provides a good model.
Francisco Pena
@daiky00
hi anybody here
?
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('.project').filter('#' + id).show(100);
})
i want to be able to close it on click and open on click
anyone?
bruglesco
@bruglesco
help format
CamperBot
@camperbot

:point_right: code formatting [wiki]

Inline code

alt text

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Edward Udelle
@EdwardUdelle
Strange, I place that within the style element and it still does not pass.
Here's what I have now.
adtpdn
@adtpdn
@EdwardUdelle can u gimme WayPoint links ?
bruglesco
@bruglesco
show it again
OverTheNeptune
@OverTheNeptune
@EdwardUdelle Did you apply the class to the <div> element in your html? If not, look at how the red-text class is used in the <h2> element for an example.
Edward Udelle
@EdwardUdelle

Here's the style element so far.. <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;
}
div .gray-background {background-color:gray;}
</style>

DJ
@qualitymanifest
@EdwardUdelle you don't need the "div" before .gray-background. you apply the .gray-background class to your div in your HTML
@EdwardUdelle similar to what you did with .thick-green-border
adtpdn
@adtpdn
Put class in HTML to link ur CSS
<div class="grey-background”> ……..</div>
Abhisek Pattnaik
@abhisekp
@daiky00 :point_up: October 18, 2015 9:23 AM
Francisco Pena
@daiky00
ok
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})