Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by k_mckraken

  1. Well, I learned jQuery, initially, from codecademy.com who didn't explain that part, probably because their editor has it built in. I'll look over the tutorial on w3schools and see what I need to do. Thank you for the help! EDIT: Also, the CSS fixed worked and I solved my jQuery issue, thanks again!
  2. Thank you for the help! And I'm not sure what you mean about the jQuery stuff.I've only practiced it in online courses that supplied the editor window, so I'm not really sure how to implement the code properly. I'm still new with jQuery.
  3. I have the jQuery file listed as the script.js file. That's how I was taught to save and link it. My folder hierarchy is this: C:Users(username)DesktopNeverSleep_Demo The NeverSleep_Demo folder contains the HTML, CSS, and JS files along with two folders labelled IMG and SVG. Within the SVG folder are the AI and SVG files for the logos. I hope this was helpful.
  4. So, I was using WebMatrix 3 initially, but decided to transfer over to Notepad++ because my jQuery file wasn't running. Upon doing so, I moved the main folder onto my desktop for quicker access and now the links to my SVG logo files are broken. The SVG files were located in their own folder within the main folder. The file structure within the main folder is the same, so why are my images missing? The rest of the CSS is working , so I know that it's still properly linked to the HTML file. Also, a side note: I'm pretty sure my jQuery file is linked properly, but none of the functions are working... any solutions there? <!DOCTYPE html><html> <head> <title>Template Site | Welcome!</title> <link type="text/css" rel="stylesheet" href="site.css"/> <script type="text/javascript" src="script.js"></script> </head> And the CSS: .logo-tag { display: inline-block; height: 100px; width: 100px; background-image: url("../SVG/NSV2.svg"); float: left; And the jQuery, if anyone is interested: $(document).ready(function() { $(".splash-sqr-med").mouseenter(function() { $(this).fadeTo("fast", 0.1); });}); Any help is greatly appreciated! Thank you!
  5. Well, I solved it on my own, so I no longer need assistance, thank you!
  6. So... I'm stuck on something I think should be pretty easy. I'm building myself a template to use later on and am having trouble figuring out how to have a <div> with an image background next to a nav-bar made with an unordered list. Here's what I have so far. Also, do a mistake on my end, the <li> classes are inverted. <!DOCTYPE html><html lang="en-US"> <head> <meta charset="utf-8" /> <title>GENERIC WEBPAGE | Welcome!</title> <link href="site.css" rel="stylesheet"> </head> <body> <div class="page-container"> <div class="header-container"> <div class="logo-tag-nav"> </div> <div class="nav-container"> <ul class="nav-main"> <li class="list-right"><a href="#">GENERIC WEBPAGE</a></li> <li class="list-left"><a href="#" class="nav-large">Login / Sign-up</a></li> <li class="list-left"><a href="#" class="nav-space"></a></li> <li class="list-left"><a href="#" class="nav-med">CONTACT</a></li> <li class="list-left"><a href="#" class="nav-med">GALLERY</a></li> <li class="list-left"><a href="#" class="nav-med">ABOUT</a></li> <li class="list-left"><a href="#" class="nav-med">HOME</a></li> </ul> </div> </div> <div class="content-container"> <div class="splash-lrg"> <div class="splash-info"> </div> </div> </div> <div class="footer-container"> </div> </div> </body></html> I basically need to replace the: <li class="list-right"><a href="#">GENERIC WEBPAGE</a></li> with a logo. I'm probably the biggest noob alive for this.
  7. Well, I'm not sure if it counts, but I really like to use Microsoft WebMatrix 3. It makes my work-flow a lot easier. My second is Notepad++.
  • Create New...