Adam Storr

Just launched a web site for Step by Step Dance Studio. What do you think? Link: http://www.sbsd.info/

I just changed the color of the text in the footer. Thanks for all of the feedback!

Hi everyone, I just finished an informational hiking website with a friend focusing around hikes in San Diego County in California. I know most of you are NOT from California and would just like some feedback on the design itself. Thank you to all who respond! Edit: I realize it doesn't look to swell in IE 6. I'm still working on that. Link: San Diego Outside

Thanks for the advice. I found a jQuery plugin.

Hey Web Designers, I'm currently using jQuery and a javascript file called newsticker.js which gives me a fading news ticker on my site. Before uploading jQuery, the newticker worked perfectly. As soon as I uploaded jQuery to use in another part of my site, the newsticker stopped functioning. I'm guessing they are screwing each other up some how... any idea? I have copied the newsticker.js file below. I'm guessing I shouldn't mess with the jQuery javascript file. Thanks. // Create namespace if (at == undefined) var at = {}; if (at.bartelme == undefined) at.bartelme = {}; // Newsticker Class at.bartelme.newsticker = Class.create(); at.bartelme.newsticker.prototype = { initialize: function() { // Get elements this.interval = 10000; this.container = $("newsticker"); this.messages = $A(this.container.getElementsByTagName("li")); this.number_of_messages = this.messages.length; if (this.number_of_messages == 0) { this.showError(); return false; } this.current_message = 0; this.previous_message = null; // Create toggle button this.toggle_button = document.createElement("a"); this.toggle_button.href = "#"; this.toggle_button.id = "togglenewsticker"; this.toggle_button.innerHTML = "Toggle"; Event.observe(this.toggle_button, "click", this.toggle.bindAsEventListener(this), false); this.container.appendChild(this.toggle_button); this.hideMessages(); this.showMessage(); // Install timer this.timer = setInterval(this.showMessage.bind(this), this.interval); }, showMessage: function() { Effect.Appear(this.messages[this.current_message]); setTimeout(this.fadeMessage.bind(this), this.interval-2000); if (this.current_message < this.number_of_messages-1) { this.previous_message = this.current_message; this.current_message = this.current_message + 1; } else { this.current_message = 0; this.previous_message = this.number_of_messages - 1; } }, fadeMessage: function() { Effect.Fade(this.messages[this.previous_message]); }, hideMessages: function() { this.messages.each(function(message) { Element.hide(message); }) }, toggle: function() { Effect.BlindUp(this.container, 1000); }, showError: function() { if (this.container.getElementsByTagName("ul").length == 0) { this.list = document.createElement("ul"); this.container.appendChild(this.list); } else { this.list = this.container.getElementsByTagName("ul")[0]; } this.errorMessage = document.createElement("li"); this.errorMessage.className = "error"; this.errorMessage.innerHTML = "Could not retrieve data"; this.list.appendChild(this.errorMessage); } } Event.observe(window, "load", function(){new at.bartelme.newsticker()}, false);

The encruption worked perfectly, but when I tried to log in again, I keep getting "Wrong user name or password". What am I doing wrong? <?php session_start(); $host="****"; // Host name $username="***"; // Mysql username $password="***"; // Mysql password $db_name="***"; // Database name $tbl_name="users"; // Table name // Connect to server and select databse. mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select DB"); // username and password sent from form $NickName=$_POST['NickName']; $Password=$_POST['Password']; // To protect MySQL injection (more detail about MySQL injection) $NickName = stripslashes($NickName); $Password = stripslashes($Password); $NickName = mysql_real_escape_string($NickName); $Password = mysql_real_escape_string($Password); $sql="SELECT * FROM $tbl_name WHERE NickName='$NickName' and Password=MD5('$Password')"; $result=mysql_query($sql); // Mysql_num_row is counting table row $count=mysql_num_rows($result); // If result matched $myusername and $mypassword, table row must be 1 row if($count==1){ // Register $myusername, $mypassword and redirect to file "login_success.php" while($row=mysql_fetch_array($result)) { extract($row); $_SESSION['ID']=$ID; $_SESSION['FirstName']=$FirstName; $_SESSION['LastName']=$LastName; $_SESSION['NickName']=$NickName; $_SESSION['Email']=$Email; $_SESSION['UserType']=$UserType; } header('Location: /member/'); } else { echo "Wrong Username or Password"; } ?>

Just what I was looking for. Thank you!

Hello, I have a table with a Password field that I want to be encrypted so that I won't be able to see everyone's passwords. I've seen it done before but can no longer find the site that explained how to do it. Can anyone help? Thanks, Adam

Hello world, Can anyone suggest a really great shopping cart? I am looking for one that is completely customizable and is safely secured. Thank you.

I'm trying to get the #wrapper to stretch to the top and bottom of the browser window.... but no cigar. the site is www.sdsuama.com and the css for the wrapper is: #wrapper { width: 900px; margin: 0 auto; background:url(../images/bkg-ama.gif); background-repeat:repeat-y; overflow:auto; z-index:1; padding-left: 20px; padding-right: 20px; padding-top:11px; vertical-align:top; }

Thank you. But how would I get the effect of the background image changing when you hover over it?

Hello. I'm trying to make a completely CSS navbar and am encountering some issues. So far it looks like this: link But I want it to look like this: link Below is the code, thanks in advance. <!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> <style type="text/css"> #nav { height: 51px; width: 800px; } #nav li { list-style-type: none; display:inline; padding:0; margin:0; } #nav-home a { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; font-weight:700; background:url(../files/navbar_r1_c1.gif); background-repeat:no-repeat; width: 141px; height: 51; text-decoration:none; margin: 20px; } #nav-home a:hover { font-family:Arial, Helvetica, sans-serif; color:#F4F4F4; font-size:14px; font-weight:700; background:url(../files/navbar_r1_c1_f2.gif); background-repeat:no-repeat; width: 141px; height: 51; text-decoration:none; } #nav-rest a { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; font-weight:700; background:url(../files/navbar-temp-over.gif); background-repeat:repeat-x; height: 51; text-decoration:none; margin: 10px; } #nav-rest a:hover { font-family:Arial, Helvetica, sans-serif; color:#F4F4F4; font-size:14px; font-weight:700; background:url(../files/navbar_r1_c2_f2.gif); background-repeat:repeat-x; width: 141px; height: 51; text-decoration:none; } #nav-aboutus a { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; font-weight:700; background:url(../files/navbar_r1_c8.gif); width: 181px; height: 51; text-decoration:none; margin: 20px; } #nav-aboutus a:hover { font-family:Arial, Helvetica, sans-serif; color:#F4F4F4; font-size:14px; font-weight:700; background:url(../files/navbar_r1_c8_f2.gif); background-repeat:no-repeat; width: 181px; height: 51; text-decoration:none; } </style> </head> <body> <div id="nav"> <ul> <li id="nav-home"><a href="#">home</a></li> <li id="nav-rest"><a href="#">info</a></li> <li id="nav-rest"><a href="#">news</a></li> <li id="nav-rest"><a href="#">events</a></li> <li id="nav-rest"><a href="#">blog</a></li> <li id="nav-rest"><a href="#">message board</a></li> <li id="nav-rest"><a href="#">alumni</a></li> <li id="nav-rest"><a href="#">media</a></li> <li id="nav-aboutus"><a href="#">about us</a></li> </ul> </div> </body> </html>

Thank you notbanksy. After posting this, I have a completely different perspective on the site. I have always believed that the first idea is always the worst. That was my first idea, thank you for the rest.

Rachael, Thank you but I think I just fixed them. The code looks better but I am still having problems with validation. I keep getting this warning: Error Line 33, Column 17: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

Wow! This is just what I needed. Thank you all for contributing. Yes, I am new to CSS. I have been trying to use "php include" in my files which I now know that it is not letting my site validate. It adds extra "<html>" and such. What do you think I should use instead? Again, thank you all.

Thanks Pat! The overflow worked beautifully. boblet, I tried removing the () and it still is the same. Thank you both.

www.creativecabbage.com What do you like/dislike about this website? What do you think I should change/improve (besides the actual written content)?

Hey everyone. I am experiencing a lot of frustration with CSS right now. I am trying to place everything inside a div which has a background color of white. For some reason the color only shows for the top part and not the rest. Also, my "PHP include's" are not showing up as well. The page is www.adamstorr.com/ama/ and the HTML and CSS is below: Thank you! <!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>Welcome to the SDSU American Marketing Association</title> <link href="css/global.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"></div> <?php include("files/navbar.php"); ?> <div id="stickynote"></div> <div id="leftsidebar"> <?php include("php/leftsidebar.php"); ?> </div> <div id="mainarea"> <h1><span></span>latest news</h1><br /> <img src="images/bar.png" alt="bar" /><br /><br /> <span class="date">Date</span><br /><br /> <span class="title2">Title</span><br /><br /> <span class="body">Brief</span> <a href="newspost.php?Number=Number" class="readmore"> read more</a> <br /> <img src="images/bar.png" alt="bar" /><br /> <a href="newspost.php?Number=Number#comments" class="comments"> 0 comments</span></a><br /><br /> <h1><span></span>pictures</h1><br /> <img src="images/bar.png" alt="bar" /><br /><br /> <!-- Insert Flickr Flow here --> </div> <?php include("php/footer.php"); ?> </div> </body> </html> CSS Code: @charset "UTF-8"; /* CSS Document */ body { background:url(../images/bkg.gif); } #header { background:url(../images/header.png); background-repeat:no-repeat; position: relative; width:905px; height:300px; left: 20px; } #wrapper { width: 900px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background-color:#FFFFFF; z-index:0; } #stickynote { background:url(../images/stickynote.png); background-repeat:no-repeat; position:absolute; height:201px; width:180px; top: 240px; } #leftsidebar { float:left; width: 270px; padding: 5px; z-index:2; } #mainarea { float:right; width: 630px; padding: 5px; z-index:2; } .date { font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:0px; color:#666666; } .title2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:-1px; color:#990000; } .body { font-family:Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:0px; color:#999999; } .readmore { font-family:Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:0px; color:#990000; } .comments { font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#666666; } h1 { font-family:Arial, Helvetica, sans-serif; color:#A90003; font-size:38px; letter-spacing:-1px; font-weight:900; position:relative; } h1 span { background: url(../images/grad.png) repeat-x; position: absolute; bottom:4px; display: block; width: 36%; height: 50px; }

Thanks! That was perfect.

Hey everyone. Is there a way to pre-load images with css or anything else? I have a website site that doesn't pre-load the hover background-image so when I hover over it in the browser, it blinks for a second because it has to load. I don't want it to blink... any help?

I do have another question.... How come in Safari I have such a big horizontal scroll bar, when I don't in Firefox?

Nevermind! I fixed it. Thank you.

Sure. The site is www.creativecabbage.com My index.php code is: <!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>Creative Cabbage</title> <link href="global.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body { background-image: url(photos/bkg.png); background-repeat: repeat-x; } --> </style> </head> <body> <?php include("php/topheader.php") ?> <?php include("php/clouds.php") ?> <div align="center"> <div id="cclogo"><img src="photos/cclogo.png" /></div> </div> <a href="home.php"><div id="grow"></div></a> <div id="tallgrass"></div> <div id="smallgrass"></div> </body> </html> My global.css code is: @charset "UTF-8"; /* CSS Document */ #topheader { background:#999999; position:absolute; left: 0px; top: 0px; right: 0px; z-index:1; padding:3px; text-align: right; z-index: 2; } #cclogo { position: relative; top: -75px; width: 435px; height: 168px; } #grow { width: 80%; left: 10%; height: 51px; background:url(photos/grow.png) 50% 0 no-repeat; top: 350px; position:absolute; } #grow:hover { background:url(photos/grow_over.png) 50% 0 no-repeat; } #tallgrass { background: url(photos/grass1.png) 10% 0 no-repeat; height: 144px; position: fixed; margin-bottom:0%; bottom: 0; left: 0; z-index: 1; width: 100%; } #smallgrass { background: url(photos/grass2.png) 100% 0 no-repeat; height: 144px; position: fixed; margin-bottom:0%; bottom: 0; left: 0; z-index: 1; width: 100%; } #tableleft { background:url(photos/tablebackground.png); width: 250px; height: 600px; float: left; padding: 5px; z-index: 1; } #tableright { background:url(photos/tablebackground.png); width: 250px; height: 600px; float:right; padding: 5px; z-index: 1; } #clouds { position:relative; top:-42px; left:-300px; width:361px; height:177px; z-index: 1; } #smalllogo { position: relative; top: -130px; left: -320px; width: 250px; height: 97px; z-index: 1; }

Hi Everyone, I have a quick question regarding CSS in Safari. I am working on a purely CSS website and have a couple of my pictures positioned relatively. Everything looks great in Firefox, but in Safari all of those pictures that are relative are pushed on the complete far left of the page. I thought that relative position worked fine in Safari.. Any suggestions? Thanks, Adam