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
Stephen James
@sjames1958gm
@Harry97 Save the return from setInterval and call clearInterval with that value when you want to stop the timer
Harry Adel
@harryadel
@sjames1958gm I'm sorry, but what do you mean by "return"?
salbo98
@salbo98
anyone have any feedback for a completed layout (not much styling has been done}
Stephen James
@sjames1958gm
@sjames1958gm var timerid = setInterval()
@Harry97 var timerid = setInterval() then you can use clearInterval(timerid);
Harry Adel
@harryadel
@sjames1958gm Ok, cool. I got it, but
Is this the only way to stop it?
Sorin Ruse
@sorinr
@Harry97 you can also add this to your css: span.button{ cursor: pointer; } just to make the user know that when you click that something will happen
Harry Adel
@harryadel
@sorinr I sure will
I just wanted to make sure everything is working fine
Roger Hart
@wilcombebolger
hi there all
Harry Adel
@harryadel
before taking care of the looks of it
@wilcombebolger Hi!
Roger Hart
@wilcombebolger
can anyone tell me why my inline css styles do not take effect anywhere on my page
Harry Adel
@harryadel
@wilcombebolger Include your codepen so that we can have a look
Roger Hart
@wilcombebolger

<head>
<meta name="viewport" content="width=device-width, initial scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style>
body {
position: relative;
padding: 100px;
margin: 50px;
border: 20px;
}
#HelloWorld {height:1000px, background-color: #a3a375;
}
#AboutMyWork { height:500px, background-color: #ffb380;
}
#AboutContactingMe { height:500px, background-color: #ffe699;
}
</style>
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="50">



<div id="HelloWorld"class="container-fluid">
<nav class="navbar navbar-inverse navbar-fixed-top">


<div class="navbar-header">


<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>
<a class="navbar-brand" href="#">HelloHart</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">About Me</a></li>
<li><a href="#">About My Work</a></li>
<li><a href="#">About Contacting Me</a></li>
</ul>
</div>

</nav>
</div>

<!--Content-->
<div>
<h1 class="text-center"><i>Hello World !</i></h1>
<img src="https://dl.dropboxusercontent.com/s/1ulnrfqpstt5bs9/chapter%20divider.png?dl=0" class="center-block" alt="divider" Hspace="50" Vspace="40" width="120" height="50" </img>
<h3 class="text-center"><i>About Me</i></h3>
<p class="text-center"> My name is Roger Hart </p>
<p class="text-center">I'm skilled in web design and application development.</p>
<img src="https://dl.dropboxusercontent.com/s/8quiyssvae2em59/Roger%20Hart.jpg?dl=0" class="center-block img-circle" alt="Roger" width="304" height="400">

<img src="https://dl.dropboxusercontent.com/s/1ulnrfqpstt5bs9/chapter%20divider.png?dl=0" class="center-block" alt="divider" Hspace="50" Vspace="40" width="120" height="50" </img>
<h1 </div>
</div>
</div>
<!--About Me-->
<div id="AboutMyWork" class="text-center"><h3>About My Work</h3></div>

</body>

Harry Adel
@harryadel
@wilcombebolger Just copy paste your codepen link :D
Roger Hart
@wilcombebolger
I was initially using external css by the way okay will do
Sorin Ruse
@sorinr
@wilcombebolger and where is your inline style?
Roger Hart
@wilcombebolger
This message was deleted
Roger Hart
@wilcombebolger
Sorin Ruse
@sorinr
@wilcombebolger first: you don't have to camelcase your ids
Harry Adel
@harryadel
@wilcombebolger Where's your "inline"?
I can't seem to find it
and with all due respect, please include all of your CSS in its respective tab
Sorin Ruse
@sorinr
@wilcombebolger i would change "About My Work" to just "My Work" and "About Contacting Me" to just "Contact". too many abouts there
Roger Hart
@wilcombebolger
i don't mean "inline" but declared within the "Style of the "head"
Its a bit of a mess really wouldn't you say
<style> within the <head> section
Ken Haduch
@khaduch
@bethqiang - I had a new idea that I might experiment with, unless I see that you've solved it some other way?
Sorin Ruse
@sorinr
@wilcombebolger inline style means: <div style="background-color: red;"></div>
Chris Rutherford
@cjrutherford
@sorinr what were your thoughts?
Roger Hart
@wilcombebolger
i see @sorinr
Harry Adel
@harryadel
@wilcombebolger Have your tried placing all of your css in its tab?
Ajay Tanwar
@ajayt365
@sorinr why the color of tweet and fb icons are not white by '.btn' in css? "new quote" color is white by the same css. why it's not working with icons? http://codepen.io/ajayt365/pen/KrXoPp
Harry Adel
@harryadel
instead of placing it inside the html
Sorin Ruse
@sorinr
have downloaded it but had no time to look deeply into it yet :) @cjrutherford
Roger Hart
@wilcombebolger
okay let me go and try your advice @Harry97
Sorin Ruse
@sorinr
@ajayt365 you can make i.fa{color: white;} in your css
Roger Hart
@wilcombebolger
okay I have tidied up the code I have placed where I had my css in its respective tab and reactivated my initial "jumbotron" so to have a background colour but I am now wondering if its possible to have separate sections of colour for each respective section to my portfolio "about Me, My work, contact me etc can I have more than one jumbotron?
Harry Adel
@harryadel
@wilcombebolger No need to create multiple jumbotrons
just wrap each section you want to color in "<div>"
or span
and assign an id to it
and then use that id in your CSS to give it whichever color you want
Chris Rutherford
@cjrutherford
@sorinr alrighty! :wink:
Jesus Hilario Hernandez
@jesushilarioh
@wilcombebolger you can try giving each section a column of 12, and then size the top or bottom margin of each column.