search

adobe / brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.
http://brackets.io
MIT License
33.25k stars 7.63k forks source link

HTML and CSS not linking properly #13499

Closed thecoog closed 7 years ago

thecoog commented 7 years ago

Hi,

I'm using google chrome. I exported files from Codepen. I uploaded them to Github and tried to view them as a page here. I can't seem to get my CSS to link to the HTML. I even tried copying my CSS into the HTML file to see if that helped. The background and animations are missing from CSS when I view the HTML as a page. I've tried changing the code some to see if anything happens, but nothing seems to work.

Here is my HTML: <!DOCTYPE html>

My Portfolio


Welcome to my portfolio! My name, in case you haven't guessed, is Steven Stiefer. I am originally from Texas, and I currently live in Berlin, Germany. At the present time, I am working as a freelancer until I land my 'dream job' as a full time Web Developer. I have a passion for creative design and coffee. If you would like to get to know me a bit more, please feel free to click any and all links you find. You never know where they may take you.


@-moz-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
Here is my CSS: body { background-image: url(https://s5.postimg.org/yzj6s9p5j/neon-light-text-effect.png); background-repeat: no-repeat; background-size: cover; background-position: center; } h1 { padding-top: 500px; padding-right: 0px; padding-bottom: 50px; padding-left: 100px;} .about {color: rgba(175, 238, 238, .75); padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 60px; margin: 30px border: 4px solid #6666ff; margin: 40px; ;-webkit-box-shadow: 0px 0px 15px 5px rgba(102, 102, 255, .75); -moz-box-shadow: 0px 0px 15px 5px rgba(102, 102, 255, .75); box-shadow: 0px 0px 15px 5px rgba(102, 102, 255, .75);-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .work {color: rgba(221, 44, 228, .75); padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 60px; border: 4px solid #dd2ce4; margin: 40px; ;-webkit-box-shadow: 0px 0px 15px 5px rgba(221, 44, 228, .75); -moz-box-shadow: 0px 0px 15px 5px rgba(221, 44, 228, .75); box-shadow: 0px 0px 15px 5px rgba(221, 44, 228, .75);-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .contact { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 200px; } .blink-image { -moz-animation: blink normal 2s infinite ease-in-out; -webkit-animation: blink normal 2s infinite ease-in-out; -ms-animation: blink normal 2s infinite ease-in-out; animation: blink normal 2s infinite ease-in-out; } .container-fluid{}
zimeg commented 7 years ago

First off, I was just looking through your code in your repository and I noticed a lot of style mistakes. I corrected these, so here is a link. No offense, but your original code is sloppy and looks like you did a lot of cutting and pasting, which would make it difficult to spot errors.

Secondly, you have to setup GitHub Pages in order to view any of your pages. When running your code locally, I didn't see any errors, so this is most likely your problem. This tutorial is simple to follow, so you shouldn't have any problems viewing your page online.

Finally, and most importantly, this isn't an issue with Brackets. It is an issue with your personal code. A better place to search for solutions to code problems is with Google or StackOverflow. Hopefully you can find help in these places in the future :)

Also, it would help make your repository look cleaner and more professional if you removed unnecessary files (readme.txt and license.txt). If you want to add a license, GitHub can do that for you.

swmitra commented 7 years ago

Thank you @Zimboboys for looking into this issue 👍
Closing as not related to Brackets...