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
Nairuz.Abulhul
@nairuzabulhul
@jamesgraham10 any suggestion to work around this
classact1
@classact1
hey guys I'm working on tribute page and I have problem with placing image in frame with description underneath. What I mean is how to make frame fit image with small margins? Any tips? http://codepen.io/classact1/pen/pgGKMv?editors=1000
Nairuz.Abulhul
@nairuzabulhul
@classact1 Are you using Bootstrap, if so you can use class thumbnail for the image
James
@jamesgraham10
@ZeeMax you could try uploading your json file to DropBox or Google Drive or something, that might work.
classact1
@classact1
@ZeeMax I do use Bootstrap. How do I add description under picture then?
Nairuz.Abulhul
@nairuzabulhul
@jamesgraham10 I did dropbox but getJSOn could not read it
James
@jamesgraham10
The other solution is to run your server locally
Nairuz.Abulhul
@nairuzabulhul
@classact1 you could use span or <p> options. Example <img src="http://s11.postimg.org/4ngsk6pv7/local.jpg" alt="...">
<div class='caption'>
<h3>Local Weather App</h3>
<p class='well'>HTML, CSS, jQuery, Weather API </p>
</div>
@jamesgraham10 Yeah I know that but for the project I am doing currently Its to be hosted online
@classact1 I did the same with my protfolio image with description http://codepen.io/ZeeMax/pen/eJVJNr
James
@jamesgraham10
ah okay, do you need to use Codepen
Nairuz.Abulhul
@nairuzabulhul
@jamesgraham10 not really do you know other options. I chose Codepen because it is faster to setup
James
@jamesgraham10
@ZeeMax I think it would probably be easier to find a way of uploading your file over https. What hosting provider are you currently usign?
using*
Nairuz.Abulhul
@nairuzabulhul
@jamesgraham10 I am using Hostinger
classact1
@classact1
@ZeeMax So I've put my image in a div with thumbnail class but I still get huge margins on the left and right. What am I doing wrong?
Nairuz.Abulhul
@nairuzabulhul
@classact1 share with us ur pen
@classact1 codepen
Nairuz.Abulhul
@nairuzabulhul
@classact1 it should be like this <div>
<img class="img-responsive thumbnail" src="https://www.dropbox.com/s/2y3oocrbbgjfbe0/rotmistrz-pilecki-681x389.jpg?raw=1">
<text>One of the biggest heroes in Poland's contemporary history.</text>
</div>
@classact1 thumbnail class should be included withing the image <img>
classact1
@classact1
but now the image is outside of a frame
Nairuz.Abulhul
@nairuzabulhul
@classact1 how ?? I tried it and the image is inside the frame
Robert Uivarosi
@URobert
@classact1 what are you trying to do ?
classact1
@classact1
@URobert I'm trying to put the text under picture within the frame of thumbnail.
@ZeeMax damn ; p I don't know why it doesn't work for me
classact1
@classact1
@ZeeMax how is the text supposed to be in the frame when thumbnail class is applied only to image? text is within the same div but it doesn't matter i guess
Nairuz.Abulhul
@nairuzabulhul
@classact1 ohh so you want the text and the image inside the frame
@classact1 I forked it ur project and did this http://codepen.io/ZeeMax/pen/EPrzaq
Robert Uivarosi
@URobert
@classact1 I made some testing on your code as well. You can get away with using absolute positioning on your img, than relative on your text by giving it an id... and then position your text using % or px... however you will encounter problems with scaling because your text won't shrink the way your img does. In order to do that, you can use something specific for mob device OS`s OR just use a program to mod your image, write the text inside it wherever you want. Save the image and use the image with the text. Hope this help. Good luck !
classact1
@classact1
@URobert @ZeeMax Thanks!
CamperBot
@camperbot
classact1 sends brownie points to @urobert and @zeemax :sparkles: :thumbsup: :sparkles:
:star: 235 | @zeemax | http://www.freecodecamp.com/zeemax
:star: 584 | @urobert | http://www.freecodecamp.com/urobert
Robert Uivarosi
@URobert
@classact1 yw. Happy coding ! I gtg
Nairuz.Abulhul
@nairuzabulhul
@classact1 you welcome
LennixM
@LennixM

Guys, I really need your help on something

http://codepen.io/LenniXM/pen/QyYZqz?editors=1010

Can someone look at my code and tell me, why lat and lon are still 0 on the global basis ?:((

Joseph Morse
@jnmorse
@LennixM geolocation.getCurrentPostion is an asynchronous, so until the function you pass to it is run, the values will not be set
LennixM
@LennixM
so what should i do to circumvent this?
Joseph Morse
@jnmorse
@LennixM All your functionality bases on that data needs to happen in that function, or can call other functions from within that function.
Joseph Morse
@jnmorse
@LennixM http://codepen.io/jnmorse/pen/yeQQmE?editors=1010 this is a bit I wrote trying to do it with a JavaScript Promise, your see the first time it outputs 0 cause the data isn't set yet
LennixM
@LennixM
Ok I don't really understand what you did in the code sample you sent but you seem to know what you're doing. I just put my code in the function and it works now. Thanks for you help @jnmorse
CamperBot
@camperbot
lennixm sends brownie points to @jnmorse :sparkles: :thumbsup: :sparkles:
:star: 389 | @jnmorse | http://www.freecodecamp.com/jnmorse
Joseph Morse
@jnmorse
@LennixM np
max77p
@max77p
in the about page, how do i make it into two rows?
so its 2 rows by 3 columbs of those boxes
batman137
@batman137
you could add a second bootstrap row and set the height to 50vh
Joseph Morse
@jnmorse
@max77p are you talking about your portfolio section?