Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 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)

  • Apr 01 2019 18:04
    thecodingaviator closed #31157
  • Apr 01 2019 18:04
    thecodingaviator closed #33788
  • Apr 01 2019 18:04
    thecodingaviator commented #33788
mverselle
@mverselle
@OliverWoliver Another way to look at it is placeholder text... you use it while you are designing something, but do not necessarily have the real content
Michael Flores
@Floresmi

<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;
}
.smalle-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

What am I doing wrong won't change the image size.
Chad
@chadrohr
Howdy, when changing the image size, where do you add in the code into the line. I put the info in the style up top.
Norvin Burrus
@ndburrus
@jpbnois :sparkles:
the structure should be:
<style>
   h2...
</style>

<h2>...</h2>

<p>...</p>
Oliver Varney
@OliverWoliver
Could i have an example of the ipsum texts?
I dont really understand completely
Charly
@TFME

<style>
.red-text {
color: red;
}

p {
font-size: 16px;
font-size: Mocospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

mverselle
@mverselle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus bibendum felis eget tempus tincidunt. Maecenas congue, ex a aliquam feugiat, risus tortor sagittis risus
Charly
@TFME
anything wrong there?
Ian Ramos
@codingwithian
what's the difference between adding a class such as animated bounce using jquery(addClass), vs adding the class in the html? or are they both the same?
Oliver Varney
@OliverWoliver
I dont understand that at all...
rphares
@rphares
Monospace @TFME
mverselle
@mverselle
@OliverWoliver Lorem Ipsum is a fake language
rphares
@rphares
and thats font-family, not font-size @TFME
Charly
@TFME
XD
Oliver Varney
@OliverWoliver
But how do u use it
Darshan
@Dave1089
@codingwithian the same
mverselle
@mverselle
@OliverWoliver It is used for layout
Ian Ramos
@codingwithian
@TFME mocospace is not a font size
Charly
@TFME
thanks guys
mverselle
@mverselle
so give me just a minute to type it out...
Rishikeshan
@rishikesh21
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
rphares
@rphares
if still stick, please let us know the name of the lesson wo we can better help~
Norvin Burrus
@ndburrus

@OliverWoliver :sparkles:

Sample Lorem Ipsum Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Etiam tristique nisl a nulla. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
Designers discovered long ago that if you used real text with your design mockups, then clients would often get distracted by the meaning of the words; but if you use dummy text in a foreign language, such as Lorem Ipsum — which is excerpted from a play written in Latin by Cicero in 45 B.C. — then clients will ignore the text and focus instead on the design elements.

rphares
@rphares
smaller-image @rishikesh21
Charly
@TFME
helpful
Ian Ramos
@codingwithian
@Dave1089 so why use jquery for it?
jpbnois
@jpbnois
Thank you very much Norvin.
rphares
@rphares
you are missing the r @rishikesh21
Norvin Burrus
@ndburrus
@jpbnois comment/s :point_up: updated :sparkles:
mverselle
@mverselle
lets say you are designing a website, and you want to work on how the site 'looks', but you do not have REAL content/words to put in places like paragraphs, H1, h2, etc
Darshan
@Dave1089
@codingwithian so that you can manipulate html element based on your requirement
mverselle
@mverselle
you use lorem ipsum to fill the spaces. because sometimes when you are designing a website, the way it looks without any text/words is different than if you have them
Norvin Burrus
@ndburrus
@jpbnois you're welcome! resolved?
Milan
@bigboyprojects
hey, i created an element with the background color silver and put it in my CSS style element. And now I am trying to assign it to the div element but it's not working
can anyone help ?
mverselle
@mverselle
@bigboyprojects can you show us your code
rphares
@rphares
@bigboyprojects hi! coud you paste your code please? :blush:
Milan
@bigboyprojects
yes! i'll show you the end of my style element and the beginning of my div

.silver-blackground{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>

Norvin Burrus
@ndburrus
@OliverWoliver comment/s :point_up: updated :sparkles:
rphares
@rphares
silver-background, not blackround @bigboyprojects
(in your <style>)
Milan
@bigboyprojects
wow
haha i can't believe i missed such an obvious mistake
rphares
@rphares
little details catch us all~
Oliver Varney
@OliverWoliver
So u use it to use up space?
mverselle
@mverselle
it is not just you!
Norvin Burrus
@ndburrus
@bigboyprojects <div class="class"></div>