Evening all. I need some help, and I'll try to offer some too.
I'm working on the calculator project and can't figure out why my top button in each column shifts to the right. Any tips? https://codepen.io/danieldsutter/pen/OzZQqK
@danieldsutter opening the dev tools shows a margin on that row that isnt on the others
@moT01 That did it. That's weird though that since I put it on button in CSS, it only added to the button on top and not all the buttons.
yea, im not quite sure
bootstrap
@moT01 Thanks for your help though.
danieldsutter sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 957 | @mot01 |http://www.freecodecamp.org/mot01
Hey new people like me
This is saving my life and wanted to share with all of you http://htmlcheatsheet.com/css/
dont be tempted to constantly copy and paste use it as a refrence sheet to learn off of
@HTML-joe , thanks fren Happy cakeday
joetinnyspace sends brownie points to @html-joe :sparkles: :thumbsup: :sparkles:
:cookie: 296 | @html-joe |http://www.freecodecamp.org/html-joe
Good evening everyone :icecream:
How are we?
@HTML-joe @HTML-joe nice one Joe thanks
kodemaster8 sends brownie points to @html-joe :sparkles: :thumbsup: :sparkles:
:cookie: 297 | @html-joe |http://www.freecodecamp.org/html-joe
@MWBauer good morning!
what is while loop?
@vivekumarsinha Search. Read. Ask.
What do you understand of it so far?
Andy, what's shakin'?
Do you know how to use/build api?
"use/build api" is sort of like saying "drive/make a car"..
Good morning!
Someone here good at design, i want some suggestions for my app..
hey peeps have a css question
.navbar-nav > li > a:hover ~ .v-bar{
color: blue !important;
background: blue !important;
}
color: blue !important;
background: blue !important;
}
trying to change the color of a span inside the li when the li is being hovered
So put the
:hover on the li?
That's setting a
.v-bar blue when it's in the same li as a hovered a.
let me show you the code, might be easier
Kk.
<li><a href="#"><span class= 'v-bar'>|</span> hover here</a></li> so when hover here is being hovered I want the vertical to change color
Then you don't want to use the sibling selector.
li > a:hover > .v-bar should do it.
Or
li:hover .v-bar.
Depending on where you want your hit boundaries for your hovering to actually be.
thankyou @HeinousTugboat
Welcome. :-)
was on stack overflow for 20 mins, putting way to much thought into it
Yeah, I can imagine. CSS selectors can be a royal PITA.
Pita sounds delicious
Someone here good at design, i want some suggestions for my app..
Sorry. I wasn't trying to ignore you, I just.. there's a reason my girlfriend's a designer. ;-)
@HeinousTugboat :+1:
@HeinousTugboat np, can she DM me on gitter?
I'd have to wake her up and convince her to sign up for github first. :-P
@HeinousTugboat Nvm then :)
Hey guys
I have a css explosive issue
I'm using bulma css and on tablet resolution I have a problem
The flex properties are not working on that resolution
I have the "Chatmessages" and "Chatinput" with justify-content: space-between and it works on desktop resolution but is broken when I try to resize on lower resolutions
can anyone help me , why this error happen
CORS header 'Access-Control-Allow-Origin' missing
Im using axios on vue app, and symfony backend.
when I try send auth from postman its work, but when I host on real server/local browser, that cors error happen
CORS header 'Access-Control-Allow-Origin' missing
Im using axios on vue app, and symfony backend.
when I try send auth from postman its work, but when I host on real server/local browser, that cors error happen
@superokindonesia CORS is a Same-origin Policy issue. It means you're trying to access something on a remote server that you're not allowed to do. Sometimes this is caused because you're using HTTP instead of HTTPS.
@heroiczero thx
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2135 | @heroiczero |http://www.freecodecamp.org/heroiczero
hey guys
:panda_face:
is anyone learning with codecademy? ... the more i try to use it the more i find, it well don't wanna be rude so, "not helpful" would be a nice term i suppose
Codecademy free or the pro? The free version is how I started to learn programming but as you've seen they hold your hand too much, I suppose its good to learn basics from them but other than that, it's not a good resource if you wanna get a job in this field.
thats exactly what i am figuring out, i've done more advanced tutorials and this is just so easy, all of it, plus just copy and paste so it's kinda bad...
Yep, thats codecademy in a nutshell. You're better off doing something else if you got the basics down.
How can I get the JavaScript code for a particular part of the site using the inspect element ?
@ahmed-issa-mohd The developer tools has Sources tab which shows all files downloaded for the site.
@ahmed-issa-mohd Navigate through the sources hierarchy to owl.carousel.js
https://www.jqueryscript.net/demo/Powerful-Customizable-jQuery-Carousel-Slider-OWL-Carousel/owl-carousel/owl.carousel.js
https://www.jqueryscript.net/demo/Powerful-Customizable-jQuery-Carousel-Slider-OWL-Carousel/owl-carousel/owl.carousel.js
@ahmed-issa-mohd you could just download from official site if you want use that carousel
https://owlcarousel2.github.io/OwlCarousel2/
much cleaner and documented
https://owlcarousel2.github.io/OwlCarousel2/
much cleaner and documented
okay I see but I want to get this part ,Not all files
@ahmed-issa-mohd inspect element > source > there's owl-carousel folder, its all you need.
but my recommendation just download from official site
but my recommendation just download from official site
@ahmed-issa-mohd That link is the javascript file
Morning @sjames1958gm
How is everyone?
:wave::coffee:
I'm working on the wiki viewer and it's coming.....slowly
I want to make the page look more interesting but I'm not much into design.
I have to build the api, or find an api.
I'd rather build one so that I can learn how.
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Find Out More <i class="fa fa-chevron-down" aria-hidden="true"></i></a>.btn-xl {
padding: 1rem 2rem
}
.btn-primary {
background-color: #D5A021;
border-color: #D5A021;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
color: #fff;
background-color: #D5A021!important;
}
I did try using
border-color: #D5A021; but had no luck
it seems comes up as blue
@ldocherty1 think its outline-color
In order to use Math.max() do I have to use numbers, or can I use arr?
@sorinr It can't be as it's gold? I think it has something to do with btn-primary
Here’s a vanilla JS question for you all, if assuming a website has 1000 links (structured in HTML using
li), how do I know which of the link is clicked? Do I have to create an ID for each link? That sounds tedious with 1000 links, suggestions?
@ldocherty1 When you do
border-color: #D5A021; it is indeed setting it to #D5A021(you can check it in inspect element) but since its width is 0 you cant see.
@ldocherty1 its outline-color when in :focus
@wheelhot Use
this? basically when you create an event listener for a link clicked, this will represent the current link clicked
@MWBauer You can use an array too but you'd have to use spread operator. Example
max = Math.max( ...arr );
@wheelhot
Event.target gives you the actual element that was clicked.
@HeinousTugboat must be very carefull with event propagation otherwise e.target will refer also to all elements clicked previously
Does it?
don't know @wheelhot should take care about it. here a good article about it: https://www.sitepoint.com/event-bubbling-javascript/
That only matters if you've got nested handlers though, right?
Even then, I'm pretty sure that if you click an element that has a parent with a click handler, the event fires with the actual child element that was clicked.
I might go run some tests with eventPropagation, see if I can capture a click before it even reaches the element and see what it's
Target is set to.
So,
Event.target will always point to the actual visible Element that was clicked. Event.currentTarget is identical to this, and is the element that the attached handler is firing from. Bubbling and Capturing will decide whether or not the event gets passed to multiple handlers, but if there's only one handler nothing changes.
is it possible to get a popup window using _blank or some other atribute on <a> with just HTML and CSS?
@RomchyFCC a popup window is not truly a window. its a modal created with css
maybe i was missunderstood, i want my anchor element instead of opening a new site or open in the same browser tab, to open in a smaller window above the page as a pop-up
target=_new maybe?
lemme try
But I don't think you can easily control if it's a pop-up or new tab.
Pretty sure after the porn-pop-under-epidemic, browsers 86ed that functionality post haste.
nope, still opens a new tab in chrome
oh, hmmm, well i found some javascript to do it, but given the proiject i would prefer just html, but i checked the attributes
i just found it, i think i could make it work with target framename
Yeah, I think that's your only option.
@HeinousTugboat you can create new tabs in a window
Hey guys. Working through the React challenges on the beta site. A few bugs, but still really good! I'm at one of the last challenges (https://beta.freecodecamp.org/en/challenges/react/give-sibling-elements-a-unique-key-attribute). I don't understand what the challenge means by giving each element a unique "key". I'm rendering a list as a sort of key-value pair, but failing the last test for the check. Here's a Codepen of what I'm doing. What does it mean by adding a "key" to each element? (Codepen: https://codepen.io/lieberscott/pen/LerMmV)
@VaseJS You can, but I didn't think you could with HTML/CSS?
So, @lieberscott, a "key" is referring to a key-value store.
it may be a js thing, but i know it can be done. lets explore
nevermind, i figured it out
:thumbsup: Cool. :-D
@HeinousTugboat it means to use a "key" attribute within the <li>
so, <li key="somethingHere">arrayItem</li>
anyway, thanks!
Oh! My bad. I probably shouldn't try to help people with React stuff. :laughing:
ok, its what i thought. it is an HTML thing but it depends on how the user has configured their browser to handle those actions
or they should mention its React if they have not done so
@VaseJS That's what I said, and he did. :-P
test
when I make my navbar fixed I lose the right padding on my last link. Why does this happen?
just using plain css
hello. i'm working on "No Repeats Please" in the advanced algorithm section. It's basically a permutation problem. My issue is that I don't understand how to go about finding all the permutations of a string. I've found solutions online, but people don't talk about it, they just show a solution. would anyone like to help me find an approach to solving permutations? (the repeated consec letters is not an issue for me)
tried putting <nav> in its own container and centering but nothing changed
algorithm questions https://gitter.im/FreeCodeCamp/CodeReview
@sansae Do you just mean literally finding every permutation?
@sansae My algorithm was to select each element from the string and the calculate all the permuations on the rest (recursively)
hey guys
can anyone help me plz ??
Sure, what's up?
hey http://lionsclubstunisie.com/actions/# resize the browser and u will notice that the divs are moving and i am wondering how u can do that ??
thank for your help , i appreciate it
Hey everyone! Looking for help with the Twitch API project if anyone is available. Thanks!
Having trouble looping through the array of users and getting it to display properly in the DOM...
@jlandrian Do you have a link to your code?
@sjames1958gm here it is https://codepen.io/jlandrian/pen/PEavLX
@jlandrian You are adding a row for each streamer, but they all have the same class, so later when you update the element by class you updated all of them
@jlandrian There are three online that are added to every row. You will need to have each row assigned a class unique to the streamer (perhaps using the streamer name?)
@sjames1958gm Thank you! I think I understand what you mean.
jlandrian sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8853 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@jlandrian :+1: If you have more questions just swing back by.
Thanks so much!