FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Luke

@lukenetti3

Hey guys, probably a simple answer, but how come after I type in a search in my twitch.tv project I can’t then click the buttons to show all or online or offline? Is there some clearing I need to do at the end of my search? Heres my code. http://codepen.io/lukenetti3/pen/yJxWaB?editors=0010

Darth Skywalker

@adityaparab

@lukenetti3 : Luke! My Son! :sweat_smile:

Ajay Tanwar

@ajayt365

@sorinr i did that , height:10% has no effect over divs . do you know why ? when i set height to 100px , the height of the divs increase .

Octo the Coder

@octopinky

I need help with record collection

function updateRecords(id, prop, value) {

  if(collection[id].hasOwnProperty(prop)){
    if(collection[id][prop]===""){
      delete collection[id][prop];
    }
    else{
      collection[id][prop].push([value]);
    }

  }
  collection[id][prop]=value;
  return collection;
}

Sorin Ruse

@sorinr

@ajayt365 if you want your divs having a certain height you should try min-height: 100px; max-height: like 300px; and if you want to scroll that regionadd overflow

Ajay Tanwar

@ajayt365

yeah i know that @sorinr but i wanted why % are not working in this case ?

Sorin Ruse

@sorinr

@ajayt365 because the parent of that boxes have no hight. try add to css this class: .content{ height: 800px;} to see what happens and let the box class as you defined it

Dustin

@Key-Banger

I'm having a bootstrap modal issue. Any help is appreciated. Basically trying to show a win/lose modal. For some reason the pick a side modal shows fine, but the win/lose modal doesnt show up right.

http://codepen.io/Key-Banger/pen/grNKoo?editors=0110

Ajay Tanwar

@ajayt365

@sorinr yeah it worked mate . can u help me with scrollbar as well ? the height of the div is not greater than body then why do i have vertical scrollbar there ?

why body have space at the top ? please do inspect element @sorinr

Sorin Ruse

@sorinr

@ajayt365 add this to html, body in the css: padding: 0px, margin: 0px; overflow: hidden;

Muhammad Hasham

@MuhammadHasham23

need help with 'sorted uniob

Ajay Tanwar

@ajayt365

@sorinr i know it will remove the scrollbar but wanted to know what's causing that vertical scrollbar ?

there is also white space above body even after doing overflow:hidden . why so ?

Sorin Ruse

@sorinr

@ajayt365 remove the hight: 100% from your body to see the effect

Sorin Ruse

@sorinr

@ajayt365

html{
  width:100%;
}
body{
  min-height: 100%;
  margin:0;
  padding:0;
}

Reggie

@Reggie01

@Key-Banger you need to add a z-index property to .modal-win. You can read about z-index at w3schools.

// css
.modal-win{
    position: relative;
}
// js
$('.modal-win').modal('show');
$('.modal-win').css("zIndex", 1); // insert

I did that wrong. The dialog box is not on top. I'll edit it once I fix it.

Dustin

@Key-Banger

@Reggie01 yea, that brings it in front of the game board still behind modal backdrop

Sorin Ruse

@sorinr

@Key-Banger make it z-index: 9999; the highest level

Ajay Tanwar

@ajayt365

@sorinr did that still white space above body

Dustin

@Key-Banger

That works. Thanks, any reason why 10, 100 or 1000 wont work and 9999 will?

@sorinr @Reggie01 thanks

CamperBot

@camperbot

key-banger sends brownie points to @sorinr and @reggie01 :sparkles: :thumbsup: :sparkles:

:cookie: 356 | @reggie01 |http://www.freecodecamp.com/reggie01

:cookie: 589 | @sorinr |http://www.freecodecamp.com/sorinr

Dustin

@Key-Banger

Never mind I found the z index on the backdrop.

Sorin Ruse

@sorinr

@Key-Banger welcome. the idea is this: if you have the overlayer at z-index: 1000 for example, you should make your modal z-index: 1001 to be above overlayer and anything behind overlayer its unclickable but the modal

@ajayt365 not for me: look here: http://codepen.io/sorinr/pen/rLkgbr

José

@zelite

was all happy with my first version of the weather app.. and now.. since I'm using github pages, I need a api that sends me things over https =(

Ajay Tanwar

@ajayt365

@sorinr it shows the space abive in ur codepen link as well bro.

above body

Sorin Ruse

@sorinr

@ajayt365 what browser are you testing on?

Ajay Tanwar

@ajayt365

chrome

Sorin Ruse

@sorinr

me too

Ajay Tanwar

@ajayt365

still , how can i screenshot here that would be mire clear i guess?

send*

@sorinr any tool to send screenshot here?

Sorin Ruse

@sorinr

@ajayt365 no need. i;ve change the color background for html tag and body tagand i;ve seen what u mean

Ajay Tanwar

@ajayt365

so what's causing that space above ?

since margin:0 html and body should completely overlop

overlap*

Janine vN

@janine9vn

I just put some finishing touches on the random quote generator and if anyone has any feedback I'd love it
http://codepen.io/janine9vn/full/wWEBVQ/

Sorin Ruse

@sorinr

@ajayt365 i really have no idea. take a look here: http://codepen.io/sorinr/pen/YWjkZx same css settings. same browser

Coy Sanders

@coymeetsworld

looks good @janine9vn, one thing though as you noticed were the quotes larger than 180 characters

Ajay Tanwar

@ajayt365

yeah same settings . even googled it but found nothing . if u find something about this please inform me , i will do the same :)

Coy Sanders

@coymeetsworld

maybe better just to have smaller quotes so that you don't cut it off prematurely? no one will be able to read the rest of the quote

Sorin Ruse

@sorinr

@ajayt365 ok. if i find a solution. i'l let u know

Janine vN

@janine9vn

@coymeetsworld I'll add in a check to see if the quotes are larger than 140 then to ask for a new quote

Coy Sanders

@coymeetsworld

oh didn't realize you were using an API for it @janine9vn, you could do it that way but you don't have to

Where communities thrive

People

Repo info

Activity