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
Henry
@GitHub-Henry
@MelEKn the onclick part could add a class to the html which could style your text
Melissa Knapp
@MelEKn
@GitHub-Henry How?
@GitHub-Henry The onclick part isn't part of the original HTML section, it's generated from the JS section
h1tag
@h1tag
@JordyDew and the number of columns is a way to specify how much space do you want the element inside it to take on that viewport
Henry
@GitHub-Henry
if the JS generates the html, then that's where the class would be added @MelEKn
Melissa Knapp
@MelEKn
@GitHub-Henry So why doesn't the code I pasted work?
  var temp = 'Temperature: ' + Math.round(weatherData.main.temp) + '<a class = "like-link" onclick="convertToC(' + weatherData.main.temp + ')">&#8457;</a>';
  $("#temperature").html(temp); 
Why isn't it using the style for class = "like-link" ?
h1tag
@h1tag
@JordyDew viewports like: large screen, medium screen, small, xsmall and so on
Henry
@GitHub-Henry
@MelEKn does the link-link class get added to the html?
Melissa Knapp
@MelEKn

@GitHub-Henry I'm not sure what you mean, it's in the CSS section. I added some text to the bottom of the HTML section that says

<p class = "like-link"> Does this look like a link? </p>

and THAT gets the style of blue and underlined.

But not the part that came from the JS section
h1tag
@h1tag
@MelEKn the styling is working
Screenshot.png
Melissa Knapp
@MelEKn
@fortMaximus That part is, yes, as I said, but it's not working for the ℉

@fortMaximus As I said above,

<p class = "like-link"> Does this look like a link? </p>
gets the style of blue and underlined

But not the part that came from the JS section, the
var temp = 'Temperature: ' + Math.round(weatherData.main.temp) + '<a class = "like-link" onclick="convertToC(' + weatherData.main.temp + ')">&#8457;</a>';
$("#temperature").html(temp);

Melissa Knapp
@MelEKn
Ok, finally solved it! The problem was that it should be "<span class= ..." instead of "<a class = " ...
Jordy
@JordyDew

@fortMaximus So

<div class="row">
<div class="col-xs-1" id="left-column"></div>
<div class="col-xs-2" id="right-column"></div>
</div>

means:
there are two columns on the page, the left one is #left-column en the right one is #right-column...
Or is it like this:

<div class="row">
<div class="col-xs-5" id="left-column"></div>
<div class="col-xs-7" id="right-column"></div>
</div>

the left column is #left-column and is maller than the right one, who's named #right-column.
Or do I missunderstand something?

Henry
@GitHub-Henry
@MelEKn congrats on your styling solution
def
@defregga
Question: the times listed for each module in the course map, do they suggest a speed one should be moving at? I am a wee bit faster than they recommend and wonder what are good points to stop a session/day of study.
Melissa Knapp
@MelEKn
@GitHub-Henry Thanks. And thanks to you and @fortMaximus for taking the time to help me out :)
CamperBot
@camperbot
melekn sends brownie points to @github-henry and @fortmaximus :sparkles: :thumbsup: :sparkles:
:warning: melekn already gave fortmaximus points
:cookie: 279 | @github-henry |http://www.freecodecamp.com/github-henry
h1tag
@h1tag
@JordyDew you can do it both ways. And yes, the columns will line up stacked to each other from left to right like you described above
in the first code snippet the elements between <div class="col-xs-1" id="left-column"></div> will take a space of one column and the elements between <div class="col-xs-2" id="right-column"></div> will take the space of 2 columns and you will have 9 free remaining columns in that row
Duyali
@Duyali
where can i find my own link in Codepen
Doni Yafi
@yafiwebdev
You mean after you've finished the project and wanna submit it? @Duyali
Duyali
@Duyali
Doni Yafi
@yafiwebdev
Ok click change view
and make it full
@Duyali
then copy the url
Spyrantis Theodoros
@thodorisanta
how can i nest in css a class with a link? something like
.class > a{.....}`
Doni Yafi
@yafiwebdev
@thodorisanta I don't really get you
Spyrantis Theodoros
@thodorisanta
@yafiwebdev i want to change the text color of a paragraph for instance but only the paragraphs that are in a div with a class of .class1
Johnny
@JohnnyBizzel
@thodorisanta Easy enough to do with a style sheet
Duyali
@Duyali
@yafiwebdev thanks
CamperBot
@camperbot
duyali sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 343 | @yafiwebdev |http://www.freecodecamp.com/yafiwebdev
Jordy
@JordyDew
@fortMaximus and that remaining columns are just whitespace? And what's the width of one column?
Doni Yafi
@yafiwebdev
you use this .class1 p { color:red; }
Johnny
@JohnnyBizzel
@thodorisanta Learn CSS here: https://www.w3schools.com/css/default.asp
Isan Bothra
@isanbothra
can anyone suggest me a solution for "how to keep the navigation bar link to the section (of the webpage) highlighted when currently viewing that section?"
Spyrantis Theodoros
@thodorisanta
@JohnnyBizzel okay i fixed it. i used .class > p but it didnt work. and then i just removed the > and it worked
@yafiwebdev
Johnny
@JohnnyBizzel

@yafiwebdev says...

you use this .class1 p { color:red; } @thodorisanta

Duyali
@Duyali
please give me some advice.this is my first web pagehttps://codepen.io/Duyali/full/wJONMx/
Henry
@GitHub-Henry
@Duyali isn't that the sample tribute page?