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
AliFox15
@AliFox15
Can I fix it?
Evan W
@Dirtier
@AliFox15 you can't center lists with text-align
It will center the text, but not the actual <li> element
Wrap the list in a div, center the div.
@ravi6112 Your links don't appear to be working in your navbar, and the pics aren't loading for me
Also the navbar seems to be always open or something
@ravi6112 In that project you want the links to link down to some other part of the page. So make your navbar links like this href='#nameofdivwhereyouwantlinktogo'
like href='#portfolio' if the are where you have your portfolio is in a div with the id of 'portfolio'
area*
d wilder
@alhazen1
@ravi6112 Looks like you well on your way to an awesome portfolio but I don't think the public has permissions on your images.
JD Tadlock
@jdtdesigns
@Dirtier you can use offsets to center ;)
tommy
@tommygebru
hey @jdtdesigns
JD Tadlock
@jdtdesigns
sup @tommygebru
tommy
@tommygebru
nothing much ... I am trying to prepare myself for these intermediates :smile:
how are you doing?
JD Tadlock
@jdtdesigns
pretty good, you?
d wilder
@alhazen1
@ravi6112 To make your internal links work you will need some anchors.
<li><a href="#contacts">Contact</a></li>
<a name="contacts"></a>
     <h2> Contact Me<h2>
AliFox15
@AliFox15
ugh.. @Dirtier here's my code <ul><div class="text-center">
<li>.......</li></div></ul> ,And the dots won't follow.
tommy
@tommygebru
I just submitted my wiki-viewer but forgot to get feedback first.... looks like Wiki-viewer 2.0 is going to be released soon @jdtdesigns
furofo
@furofo
hey guys can anyone help me with a problem with my portfolio page im making
AliFox15
@AliFox15
yes
VaseJS
@VaseJS
@furofo no help yet?
Matthew Brown
@vledoc
what is the problem @furofo?
AliFox15
@AliFox15
hey,can you guys tell me why my page is not shrink as it should be..I set #main width to 50%,nothing changes
Ken Haduch
@khaduch
@AliFox15 - you should have your id=#main as id="main" - not sure if that would make it work, but that's not correct as it is.
@AliFox15 - it does change it.
AliFox15
@AliFox15
wow,thank you!It just worked!!!
It's alive,It's alive!!
Ken Haduch
@khaduch
@AliFox15 - it's hard to read with the grey text on the black background, but it's coming along
AliFox15
@AliFox15
yeah,I'm still coding
JD Tadlock
@jdtdesigns
@AliFox15 You only put the html that goes in between <body></body> in the html panel
css goes in the css panel of course
and libraries frameworks you may use are added through Settings->CSS and Settings->JS
AliFox15
@AliFox15
oh...
Ok,I will make sure of that.
JD Tadlock
@jdtdesigns
;)
c0d0er
@c0d0er
@alhazen1 my code in codepen shows perfectly, but why the search icon doesnt show in my local file?
Ravishasthri
@ravi6112
thank you @alhazen1
CamperBot
@camperbot
ravi6112 sends brownie points to @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @alhazen1 |http://www.freecodecamp.com/alhazen1
c0d0er
@c0d0er
does anybody know why my code in code pen works perfectly, why in my local file doesnt show the search icon?
Capture.PNG
Ravishasthri
@ravi6112
thank you @Dirtier for your review
CamperBot
@camperbot
ravi6112 sends brownie points to @dirtier :sparkles: :thumbsup: :sparkles:
:cookie: 240 | @dirtier |http://www.freecodecamp.com/dirtier
c0d0er
@c0d0er
this is my local html file
<!DOCTYPE html>
<html lang="en">
<head>
<style> 
</style>
    <meta charset="UTF-8">
    <title>Wikipedia Viewer</title>   

    <link rel="stylesheet" 
    href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
      <link rel="stylesheet" href="wikiStyle.css">

</head>
<body>
<div class="container-fluid " >
        <div class="row text-center aligeneral">
   <div class="wiki-area"> 
     <br>
     <br>
         <h1>Wikipedia Viewer</h1> 
         <br>
         <br>
  <form id="form-container" onsubmit="return false">    

         <div class="input-group">
  <span  class="input-group-addon" >
        <i class="fa fa-search"></i>
    </span>
         <input class="form-control" type="search" id="wikiSearch" oninput="loadData()" value="" placeholder="Search..."> 

        </div>

         <br>
         <br>
         <br>
         <a href="https://en.wikipedia.org/wiki/Special:Random" class="btn btn-primary" target="_black">Random Wikipedia</a>
      </form>

      <div id="wikiContent">

      </div>           
         </div>
        </div>
     </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
    <script src="jquery.min.js"></script>
    <script src="wikiScript.js"></script>
</body>
</html>
this is my local css file
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;}
body
{
  background-color:#008299;  
background-size: cover;  
}
#wikiDiv{
  width: 1150px;
background-color:lightgray;
margin-top: 40px;
margin-left: auto;
    margin-right: auto;
padding-top: 1px;
padding-left: 20px;
padding-right: 10px;
color:black;
padding-bottom: 5px;
border-radius: 10px;
text-align:left;
}
h1{
  font-size: 60px;
  font-weight: bold; 
  color: white;
}

#wikiTitle{
  color:darkcyan;
}
input[type=search]{
width: 10%;
border-radius: 4px;
    font-size: 20px; 
}

form {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}