Jump to content

colinh_7

Members
  • Content Count

    12
  • Joined

  • Last visited

Community Reputation

0 Neutral

About colinh_7

  • Rank
    Newbie
  1. Hello everyone, I'm brand new to PHP and MySQL and I'm trying to build a login/register form for my company's website. I've literally scavenged the internet for the past 3 days and have watched multiple tutorials but still can't get my database to link to the php file(s). If anyone can guide me in the right direction or provide a dummy proof tutorial, it would be greatly appreciated!!! (I would attach my php code but I literally have nothing and have gotten no where) Any advice would help. Thanks!
  2. @justsomeguy, I'm not sure how to check my browser's error console. I'm pretty new to web design. and No, I'm pretty positive there is no jQuery, the rest of the code is pretty much just divs HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="home.css"><script>$('.fadein img:gt(0)').hide();setInterval(function () { $('.fadein :first-child').fadeOut() .next('img') .fadeIn() .end() .appendTo('.fadein');}, 4000); // 4 seconds</script></head><body><div id="container"><div id="topBar"><div id="navOne"><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin:130px;">DESIGNS</a><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin:20px;">GALLERY</a></div><div id="logo"><img src="../Images/Haube_White.png" width="356" height="154" /></div><div id="navTwo"><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin-left:90px;">ABOUT</a><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin-left:145px;">CONTACT</a></div></div><div id="content"><div id="contentTop"><div class="fadein"> <img src="http://farm9.staticflickr.com/8359/8450229021_9d660578b4_n.jpg"> <img src="http://farm9.staticflickr.com/8510/8452880627_0e673b24d8_n.jpg"> <img src="http://farm9.staticflickr.com/8108/8456552856_a843b7a5e1_n.jpg"> <img src="http://farm9.staticflickr.com/8230/8457936603_f2c8f48691_n.jpg"> <img src="http://farm9.staticflickr.com/8329/8447290659_02c4765928_n.jpg"></div><div id="contentbottomOne"></div><div id="contentbottomTwo"></div></div><div id="footer"><img src="../Images/facebook.png" width="30px" height="30px" style="float:left;margin-left:10px;"/><img src="../Images/pinterest.png" width="30px" height="30px" style="float:left;margin-left:10px;" /><img src="../Images/houzz.png" width="30px" height="30px" style="float:left;margin-left:10px;" /></div></body></html> CSS @charset "UTF-8";/* CSS Document */body{ margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }#container { width:1400px; height:900px; margin:0 auto; background-image: url(../Images/background_image.jpg);}#topBar { width:1400px; height:180px; margin:0 auto;}#navOne { width:521px; height:17px; display:inline-block; margin-right:0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 3px; font-size: 14px; margin-left:0px;}#navTwo { width:521px; height:20px; display:inline-block; margin:0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 3px; font-size: 14px; margin-left:0px;}#logo { width:350px; height:150px; display:inline-block; margin-left:0px; padding-top:30px; }#content { width:1140px; height:563px; margin-left: auto; margin-right: auto; margin-top:50px; }#contentTop { width:1140px; height:400px; background-color: #0F0; margin-left: auto; margin-right: auto; margin-top:40px; }.fadein { position:relative; height:320px; width:320px;}.fadein img { position:absolute; left:0; top:0;}#contentbottomOne { width:562px; height:150px; background-color: #0F0; margin-top:15px; display:inline-block; }#contentbottomTwo { width:562px; height:150px; background-color: #0F0; display:inline-block; margin-left: 12px; margin-top:15px; }#footer { width:130px; height:30px; margin-left: auto; margin-right: auto; margin-top:38px; }
  3. Hello, I recently used this code that I got from a working fade in slider on the internet. The only thing I've changed are the images, the rest has stayed the same. When I load up the site in Safari it doesn't slide or fade, it just shows one image the entire time. What am I doing wrong? Heres the code I used from the internet HTML <div class="fadein"> <img src="http://farm9.staticflickr.com/8359/8450229021_9d660578b4_n.jpg"> <img src="http://farm9.staticflickr.com/8510/8452880627_0e673b24d8_n.jpg"> <img src="http://farm9.staticflickr.com/8108/8456552856_a843b7a5e1_n.jpg"> <img src="http://farm9.staticflickr.com/8230/8457936603_f2c8f48691_n.jpg"> <img src="http://farm9.staticflickr.com/8329/8447290659_02c4765928_n.jpg"></div> CSS .fadein { position:relative; height:320px; width:320px;}.fadein img { position:absolute; left:0; top:0;} JS $('.fadein img:gt(0)').hide();setInterval(function () { $('.fadein :first-child').fadeOut() .next('img') .fadeIn() .end() .appendTo('.fadein');}, 4000); // 4 seconds
  4. colinh_7

    Browser Discussion

    @davej Ok cool...so if I wanted to make it work for IE10 would I have to redirect it somehow to open different code when that browser is used? Thank you davej, I really appreciate your help!
  5. colinh_7

    Browser Discussion

    @davej Ill give you the HTML and CSS <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="home.css"></head><body><div id="container"><div id="topBar"><div id="navOne"><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin:130px;">DESIGNS</a><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin:20px;">GALLERY</a></div><div id="logo"><img src="../Images/Haube_White.png" width="356" height="154" /></div><div id="navTwo"><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin-left:90px;">ABOUT</a><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin-left:145px;">CONTACT</a></div><div id="content"><div id="contentTop"></div><div id="contentBottom"></div></div><div id="footer"></div></div></div></div></div></body></html> @charset "UTF-8";/* CSS Document */body{ margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }#container { width:1400px; height:900px; margin:0 auto; background-image: url(../Images/background_image.jpg);}#topBar { width:1400px; height:180px; margin:0 auto;}#navOne { width:521px; height:17px; display:inline-block; margin-right:0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 3px; font-size: 14px; margin-left:0px;}#navTwo { width:521px; height:20px; display:inline-block; margin:0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 3px; font-size: 14px; margin-left:0px;}#logo { width:350px; height:150px; display:inline-block; margin-left:0px; padding-top:30px; }#content { width:1140px; height:562px; background-color: #F00; margin-left: auto; margin-right: auto; margin-top:40px; }#contentTop { width:1140px; height:400px; background-color: #0F0; margin-left: auto; margin-right: auto; margin-top:40px; }#contentBottom { width:564px; height:150px; background-color: #0F0; margin-top:12px; }#footer { width: 1375px; height:50px; background-color: #FFF; margin-left: auto; margin-right: auto; margin-top: 110px; }
  6. colinh_7

    Browser Discussion

    @davej Here are some screenshots (will they work?) One is my HTML and then I also attached what it looks like in safari and what it looks like in internet explorer (it's supposed to look like the safari one)
  7. colinh_7

    Browser Discussion

    @davej Sorry, as I said, I'm pretty new to this. I'm comparing Safari version 7.1.3 and Internet Explorer 10. As far as my HTML/CSS, I think it's pretty basic, I've just been using div id's. and honestly I have no idea about the DOCTYPE thing, but this is everything above the head. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
  8. colinh_7

    Browser Discussion

    @davej I checked the first site you provided. I'm still only in the beginning stages of building the site. So far I have only used divs in my css, so shouldn't it be working in IE?
  9. colinh_7

    Browser Discussion

    Hello Everyone, I'm fairly new to web design and the new site I'm working on looks awesome in safari but when I open it in internet explorer it's all screwed up. I didn't know if there was an easy way to make everything the same across the board? If not, what is the easiest/best way to do go about making sure they are all the same? Thank You!
  10. Hello Everyone, I'm fairly new to web design and the new site I'm working on looks awesome in safari but when I open it in internet explorer it's all screwed up. I didn't know if there was an easy way to make everything the same across the board? If not, what is the easiest/best way to do go about making sure they are all the same? Thank You!
  11. Hello, I've been trying to code my site so that when you hover over a button (i.e. "Photo Gallery") it will underline from left to right as a transition/animation. Here is a link that shows almost exactly what I want to do ( the underline part) http://radiatingstar.com/unorthodox-ideas-for-ahover-effects As I said, I've been trying to make this work but haven't had any luck. I noticed the content: " "; is empty, so I'm not sure if that's what I'm missing, but I don't know what to put there. Thanks in advance for your help!
  12. Hello, I'm new to JavaScript and am currently trying to expand my knowledge of it for a project at work. Attached is a simplified version of what I'm trying to do. What I'm looking for is basically when I click the small red square, the large square would turn red. (and the same thing for every other color) Also, I want all of the buttons and large squares to be images, as this is just a simplified version and I will eventually be using actual images. I've been looking for ways to do this, and while it seems like there would be a simple solution, I'm having a very hard time finding it. Any help would be greatly appreciated! Thanks!
×
×
  • Create New...