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
Nathanael-M
@Nathanael-M
@Mr-Kumar-Abhishek
#search-me:focus {outline:none;};
markygan123
@markygan123
@Blockshot12 yep. it worked, i just didn't called the right class. thanks!
CamperBot
@camperbot
markygan123 sends brownie points to @blockshot12 :sparkles: :thumbsup: :sparkles:
:warning: markygan123 already gave blockshot12 points
markygan123
@markygan123
lol
Abhishek Kumar
@Mr-Kumar-Abhishek
@Nathanael-M thanks ... I didn't knew the css property to remove that.
CamperBot
@camperbot
mr-kumar-abhishek sends brownie points to @nathanael-m :sparkles: :thumbsup: :sparkles:
:cookie: 208 | @nathanael-m |http://www.freecodecamp.com/nathanael-m
alpox
@alpox
@Mr-Kumar-Abhishek Hey there, you may want to make the link open in a new tab :D
Alexandros Andreou
@alex10791

@kirbyedy I don't see how this would help.
I found this:

var shiftWindow = function() { scrollBy(0, -50) };
window.addEventListener("hashchange", shiftWindow);
function load() { if (window.location.hash) shiftWindow(); }

but I was hoping I could find a pure html/css solution, I wanted to avoid js for now

John S Thompson
@UncleJohn418
@Mr-Kumar-Abhishek google css reset. I use it in all my web sites to reset CSS.
Abhishek Kumar
@Mr-Kumar-Abhishek
@UncleJohn418 doesn't normalize.css does the same thing ?
alpox
@alpox
@alex10791 Not sure if there is one. If i had a codepen link i could maybe try out. Did you try to transform your whole content down with transform: translateY(50px)?
(Whole content except the nav)
John S Thompson
@UncleJohn418
@Mr-Kumar-Abhishek I'm not sure I don't know normalize, but I will check it out.
Abhishek Kumar
@Mr-Kumar-Abhishek
@alpox in the wikipedia viewer ?
alpox
@alpox
@Mr-Kumar-Abhishek Yup, when you click on a wikipedia link
Abhishek Kumar
@Mr-Kumar-Abhishek
@alpox oh.... in gitter chat ?
@alpox oh... okay wikipedia link
alpox
@alpox
@Mr-Kumar-Abhishek :D yea
Abhishek Kumar
@Mr-Kumar-Abhishek
@alpox thanks for the heads up :)
CamperBot
@camperbot
mr-kumar-abhishek sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 695 | @alpox |http://www.freecodecamp.com/alpox
alpox
@alpox
@Mr-Kumar-Abhishek Np :D
CamperBot
@camperbot
mr-kumar-abhishek sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:
Abhishek Kumar
@Mr-Kumar-Abhishek
@oppiniated fixing it thanks for checking it out :)
CamperBot
@camperbot
:cookie: 447 | @oppiniated |http://www.freecodecamp.com/oppiniated
Abhishek Kumar
@Mr-Kumar-Abhishek
@UncleJohn418 I didn't found any "google css reset " but I made this . And normalize.css do not always resets the default css of the browser . https://github.com/Mr-Kumar-Abhishek/wikipedia-viewer/blob/dev/css/reset.css
Sanne
@Cassanne
Hi! I have this div inside a section and I need it to be at the bottom of the section. So I used: - align-items: flex-end; - on it, but it has no effect. Any ideas why, or what else I can try?
Apoorv Mishra
@apoorv-mishra
Hi, where can I find good high-res images to add as background to my portfolio page?
Jason Luboff
@JLuboff
@apoorv-mishra Here's a webpage that has 21 different sites with free stock photos: https://bootstrapbay.com/blog/free-stock-photos/
Apoorv Mishra
@apoorv-mishra
@JLuboff Thanks :)
CamperBot
@camperbot
apoorv-mishra sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 492 | @jluboff |http://www.freecodecamp.com/jluboff
Sorin Ruse
@sorinr
@Cassanne did you declaread ur container as display:flex?
Bogdan Gatej
@Bogdan2992
hello all

I have some questions

<div class="quote-text">
    <i class="fa fa-quote-left"> </i><span id="text"></span>
  </div>
  <div class="quote-author">
    - <span id="author"></span>
  </div>
  <div class="buttons">
    <a class="button" id="tweet-quote" title="Tweet this quote!" target="_blank">
      <i class="fa fa-twitter"></i>
    </a>
    <button class="button" id="new-quote">New quote</button>
  </div>
</div>
<div class="footer"> by <a href="https://codepen.io/hezag/">hezag</a></div>

here in HTML this guy just creates his divs and hise arguments in order to use them later with the css and JavaScript so he may apply some improvements ?

Sorin Ruse
@sorinr
@Bogdan2992 they are just divs and from what u say u didn't create yourself. right?
Bogdan Gatej
@Bogdan2992
@sorinr No I open the website that is made in the presentation and I whant to know how they work,they are created for what ? the purpose of them
Robert
@Quadrob
Hey everyone
Tom
@moT01
hey
@Bogdan2992 divs are just containers, ...for organizing
nanobyte
@Shivamnema
blob
Hey Everyone I need little help. I need the button to be place left to the text box.
Please Help.
blazevivan
@blazevivan
anybody knows if there is hamburger menu covered in exercises later?
Tom
@moT01
@Shivamnema05 tough when we cant see your code, ...try display: inline
nanobyte
@Shivamnema
@moT01 Sure I'm sorry. Just wait a sec.

`<!doctype html>

<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../components/bootstrap/dist/css/bootstrap.css">
<title>BaatCheet IM</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<ul class="pages">
<li class="chat page">
<div class="chatArea">
<ul class="messages"></ul>
</div>
<input class="inputMessage" class="form-control input-lg" placeholder="Your message" id="msg"/>
<input type="button" name="start_button" id="start_button" value="Record" onclick="startButton(event)" class="btn btn-info btn-lg">
</li>
<li class="login page">
<div class="form">
<h3 class="title">What's your nickname?</h3>
<input class="usernameInput" type="text" maxlength="14" />
</div>
</li>
</ul>

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="/main.js"></script>
</body>
</html>` This is Index.html

code
.inputMessage {
border: 2px solid #000;
bottom: 0;
height: 60px;
left: 0;
outline: none;
padding-left: 10px;
position: absolute;
right: 0;
width: 100%;
border-radius: 3px;
}