carlmartin10

Oh, my. I knew it was a simple error on my part. You have no idea how much that simple answer means to me. You have made my day, and I thank you!

My site: www.billboardfamily.com Running Wordpress 3.0 Demo site that works properly...the way mine used to, but does not anymore: http://www.wpcorner.com/demo/ Ok. My footer is not extending all the way across the page, like it should. In addition to that, there is now a scrollbar at the bottom of the browser, which should not be there. I have been tinkering with this, but can not get it fixed. I know it is likely some small markup error, but I need help finding and correcting it. Any help is appreciated. thanks. footer.php <div class="break"></div> </div> <!-- END body --> </div> <!-- END wrapper --> </div> <!-- BEGIN bottom --> <div id="footer"> <!-- BEGIN wrapper --> <div class="wrapper"> <div align="center"> <img src="<?php bloginfo('template_url'); ?>/assets/images/partners.png" alt="PLEASE VISIT OUR PARTNERS"/></div> <!-- BEGIN top --> <div id="top"> <div class="box"> <div class="name"> <a href="#"><img align="center" alt="top" src="<?php bloginfo('template_url'); ?>/assets/images/comingsoon.png"/></a> <a class="title">Partner #1</a> <br/> <a class="title2">Coming Soon</a> </div> <div class="text2"> <p>This is where the partner synopsys will be located for this partner when completed.</p> <a href="#" class="more">Read More >></a> </div> <div class="break"></div> </div> <div class="box"> <div class="name"> <a href="#"><img alt="top" src="<?php bloginfo('template_url'); ?>/assets/images/comingsoon.png"/></a> <a class="title">Partner #2</a> <br/> <a class="title2">Coming Soon</a> </div> <div class="text2"> <p>This is where the partner synopsys will be located for this partner when completed.</p> <a href="#" class="more">Read More >></a> </div> <div class="break"></div> </div> <div class="box"> <div class="name"> <a href="#"><img alt="top" src="<?php bloginfo('template_url'); ?>/assets/images/comingsoon.png"/></a> <a class="title">Partner #3</a> <br/> <a class="title2">Coming Soon</a> </div> <div class="text2"> <p>This is where the partner synopsys will be located for this partner when completed.</p> <a href="#" class="more">Read More >></a> </div> <div class="break"></div> </div> </div> <!-- END top --> </div> <!-- END wrapper --> <!-- BEGIN wrapper --> <div class="wrapper"> <p id="info">© 2010 The Billboard Family<br />All Rights Reserved <br /><br /> → <a href="http://billboardfamily.com/" target="_blank">Submit A Review</a><br /> → <a href="/terms-and-conditions">Terms & Conditions</a><br /> → <a href="/partners">Partners</a><br /> → <a href="/contact">Contact Us</a></p> </div> <!-- END wrapper --> <!-- END bottom --> </body> </html> style.css * { margin: 0; padding: 0; } body { text-align: left; font: 13px Verdana; color: #566777; background: #ffffff url(../images/headerbg.gif) repeat-x 0 0; } a { text-decoration: none; outline:0; } a:hover { text-decoration: underline; outline:0; } img { border: 0; } .break { font-size: 0; width: 0; height: 0; clear: both; } .alignleft { float: left; margin: 4px 10px 5px 0; } .alignright { float: right; margin: 4px 0 5px 10px; } .aligncenter { text-align: center; } .hidden { display: none; } /** BEGIN wrapper **/ .wrapper { width: 885px; margin: auto auto; text-align: left; } /** END wrapper **/ /** BEGIN header **/ #header { height: 178px; } #header .search { float: right; margin-top: 11px; } #header .search form { background: url(../images/search.png) no-repeat 0 0; height: 49px; width: 284px; } #header .search form input { float: right; background-color: transparent; border: 0; font-size: 0.8em; color: #FFFFFF; height: 38px; width: 223px; margin-top: 5px; text-transform: uppercase; } #header .search form button { float: left; width: 59px; height: 49px; background-color: transparent; border: 0; color: transparent; text-indent: -9999px; } #header .subscribe { position: relative; top: 75px; left: 635px; float: left; text-align: center; color: #ffffff; } #header .purchase { clear: both; position: relative; bottom: 21px; left: 725px; } #header .logo { clear: both; } #header .logo h1 { padding-bottom: 32px; } #header .logo h1 a { position: relative; bottom: 15px; background: url(../images/logo.png) no-repeat 0 0; display: block; text-indent: -9999px; height: 62px; width: 352px; } #header ul { list-style-type: none; } #header ul li { float: left; margin-right: 15px; } #header ul li a { padding: 5px 8px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 0.9em; font-weight: bold; } #header ul li a:hover { background-color: #b9c3cf; } /** END header **/ /** BEGIN featured **/ #featured { padding: 43px 53px 0 53px; background: #b7c3cf; } #featured .l { float: left; margin-right: 22px; margin-top: 75px; } #featured .items { width: 650px; height: 240px; overflow: hidden; margin-right: 10px; float: left; } #featured .feat { width: 650px; } #featured .featuredimg { display: block; float: left; border: 5px solid #ffffff; margin-bottom: 45px; margin-right: 25px; width: 240px; height: 190px; overflow: hidden; } #featured .feat img { width: 240px; } #featured .feat .text { float: right; width: 375px; padding-top: 5px; } #featured .feat .text h2 a { text-decoration: none; color: #566777; font-size: 1.9em; font-family: Arial; padding-bottom: 10px; } #featured .feat .text p { color: #5f6168; font-size: 0.9em; } #featured .r { float: right; margin-top: 75px; } /** END featured **/ /** BEGIN top **/ #top { clear: both; padding: 20px 0; } #top .box { width: 240px; float: left; margin: 0 40px 0 14px; } #top .box .name { height: 58px; background: url(../images/border.gif) repeat-x 0 bottom; } #top .box .name img { float: left; padding-bottom: 5px; padding-right: 9px; } #top .box .name .title { color: #566777; text-transform: uppercase; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 1.1em; } #top .box .name .title2 { text-transform: uppercase; text-decoration: none; font-family: Arial; color: #5f6168; font-size: 0.8em; } #top .box .text2 { clear: both; margin: 15px 0 40px 6px; } #top .box .text2 p { color: #76848f; font-size: 0.8em; margin-bottom: 20px; } #top .box .text2 .more { font-size: 0.8em; color: #38b5c4; text-decoration: underline; } /** END top **/ /** BEGIN body **/ #body { clear: both; } /** END body **/ /** BEGIN content **/ #content { width: 511px; float: left; } #content .post { margin-bottom: 22px; margin-top: 37px; clear: both; } #content .post h2 { font-size: 1.8em; text-transform: uppercase; font-family: Arial; font-weight: bold; padding-bottom: 18px; background: url(../images/border.gif) repeat-x 0 bottom; } #content .post h2 a { color: #566777; text-decoration: none; } #content .post img { float: left; padding: 5px; background-color: #FFFFFF; margin: 17px 11px 19px 4px; } #content .post p { margin-top: 20px; font-size: 0.9em; line-height: 1.5em; color: #566777; } #content .post .date { color: #566777; height: 20px; padding-top: 5px; clear: both; } #content .post .category a { background: url(../images/category.gif) no-repeat 0 0; color: #566777; padding-left: 29px; padding-right: 10px; text-decoration: underline; height: 16px; } #content .post .comments a { background: url(../images/comments.gif) no-repeat 0 0; color: #566777; padding: 0 10px 5px 23px; text-decoration: underline; height: 20px; } #content .entry { font-weight: bold; color: #00a5b6; text-decoration: none; text-transform: uppercase; background: url(../images/previous.gif) no-repeat 0 6px; padding-left: 15px; } #content .last { margin-bottom: 70px; } #content .postnav { text-transform: uppercase; font-weight: bold; padding: 20px 0; } #content .postnav a { text-decoration: none; } /** END content **/ /** BEGIN sidebar **/ #sidebar { float: right; width: 326px; padding-bottom: 40px; } #sidebar .box2 h2 { text-transform: uppercase; color: #566777; font-size: 1.1em; font-family: Arial; padding-bottom: 11px; margin-top: 32px; background: url(../images/border.gif) repeat-x 0 bottom; } #sidebar .sub ul { list-style-type: none; } #sidebar .sub ul li { float: left; margin-top: 11px; margin-bottom: 17px; margin-right: 6px; margin-left: 10px; } #sidebar .ad { clear: both; } #sidebar .ad img { float: left; margin-right: 10px; } #sidebar .ad p { font-size: 0.8em; color: #81848a; margin: 5px 0 20px 0; } #sidebar .ad .time { text-decoration: none; font-size: 0.8em; color: #00a5b6; } #sidebar .pop ul { list-style-type: none; } #sidebar .pop ul li { float: left; width: 320px; margin: 10px 0 10px 10px; } #sidebar .pop ul li img { background-color: #FFFFFF; padding: 5px; margin-right: 11px; float: left; width: 50px; height: 50px; } #sidebar .pop ul li .title { color: #5f6168; font-weight: bold; text-decoration: none; } #sidebar .pop ul li .artcom { color: #3ab7c5; text-decoration: none; font-size: 0.8em; } #sidebar .pop ul li p { margin-top: 15px; margin-bottom: 5px; } #sidebar .flick img { width: 80px; height: 80px; margin: 5px; } #sidebar .flick h2 { margin-bottom: 7px; } #sidebar .video { margin: 15px 0; } #sidebar .cat { width: 135px; float: left; margin-right: 20px; } #sidebar .cat ul { list-style-type: none; margin-left: 10px; } #sidebar .cat ul li { padding-top: 18px; } #sidebar .cat ul li a { color: #5f6168; font-size: 0.9em; text-decoration: none; } #sidebar .cat ul li a:hover { color: #00a5b6; } /** END sidebar **/ /** BEGIN footer **/ #footer { background: #000000 url(../images/footerbg.gif) repeat-x 0 0; height: 340px; clear: both; padding: 15px 0; } #footer #reviews { float: left; border-right; color: #999999; } #footer #info { padding-left: 10px; float: right; color: #999999; border-left: 1px solid #515151; } #info a { text-decoration: none; color: #007fff; } #info a:hover { text-decoration: underline; color: #007fff; } /** END footer **/ /** begin pages submenu **/ #header li ul { clear: both; position: absolute; list-style-type: none; display: none; z-index: 200; height: auto !important; padding-top: 1px; padding-left: 0 !important; margin-left: -1px; background-image: none !important; border-width: 0 0 1px !important; border-color: #ffffff; border-style: solid; } #header li ul li { clear: both; margin: 0 !important; background-image: none !important; border-width: 1px 1px 0; border-style: solid; border-color: #ffffff; padding: 0 !important; } #header li ul li a { padding: 4px 15px !important; line-height: 1.5em; width: 170px; background-color: #015A77; } #header li ul li a:hover { background-color: #000033 !important; background-image: none !important; } /** end pages submenu **/ /** BEGIN miscellaneous **/ #content .single { padding: 20px; margin-bottom: 50px; } #content .single p { line-height: 1.5em; margin-bottom: 10px; } #content .single ul, #content .single ol { list-style-position: inside; margin-bottom: 10px; } #content .single li { line-height: 1.5em; padding: 2px 0; } #content .single blockquote { padding: 10px 10px 5px; margin-bottom: 10px; background-color: #eeeeee; border-width: 1px 0; border-style: solid; border-color: #bbbbbb; } #content .single h3, #content .single h4, #content .single h5, #content .single h6 { font-size: 1.2em; margin-bottom: 5px; } #content .single h2 { font-size: 2em; } #comments { padding: 20px; } #comments a { text-decoration: none; } #comments h2 { font-size: 1.2em; margin: 10px 0; } #comments p { margin-bottom: 10px; line-height: 1.6em; } #comments form { } #comments form p { margin-bottom: 5px; } #comments form input { margin-right: 5px; } #comments form input, textarea { border: 1px solid #bbbbbb; font-size: 0.9em; font-family: Verdana; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; } #comments form input { width: 240px; border: 1px solid #bbbbbb; } #comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #bbbbbb; } #comments form button { border: 1px solid #a0a0a0; font-size: 1em; font-family: Verdana; padding: 2px 6px; } .commentdetails { margin-top: 25px; } .commentauthor { margin-bottom: 5px !important; font-weight: bold; } .commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; } .required { color: #ff0000; } h2.title { font-size: 1em !important; text-transform: uppercase; color: #565656; padding-top: 30px; } .notfound { padding: 40px; } .notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; } /** END miscellaneous **/ /** BEGIN wordpress 2.7 comments **/ #comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; } #comments .buffer { padding: 10px; } #comments ol li { margin-bottom: 10px; } #comments ol li ul li { border: 1px solid #eeeeee; padding: 10px; } #comments ol li .avatar { float: right; } #comments ol li .comment-author { } #comments ol li .comment-author .fn { font-weight: bold; font-size: 1.2em; } #comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; } #comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; } #comments .children { list-style-type: none; } #comments .navigation { padding: 0 0 40px; font-size: 0.9em; } #comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #bbbbbb; } #comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; } #comments .says { display: none; } /** END wordpress 2.7 comments **/

actually, I have discarded that code completely, and I am trying something else. I will post when I have that going. Should be later today/tonight, thanks!

I tried that tutorial, and here is what I got for my efforts...lol. This is going badly. Warning: copy(http://www.ex-brief.com/upload/z.png) [function.copy]: failed to open stream: HTTP wrapper does not support writeable connections in /home/exbriefc/public_html/test/multiple_upload_ac.php on line 11

I will, I am going to try to change what I have to more closely match the multiple file uploader link you sent me, and that should get me to where these are getting uploaded to the correct folder, at least, then I will try to build on that. thanks. In this script, there is nothing going to the database. I understand how this is uploading the actual images to the directory, then echoing confirmation that this is done, but where I am confused is how the image link info gets put into the database with the rest of the information submitted, such as name, city, etc. That's the part that is confsing me I guess.

I need a PHP mentor, lol.

thanks. looking at it now.

This does sound more like you're actually willing to learn instead of makeing someone write it for you which is good. Do be aware that when you combine regular form fields such as text input radio's and select pulldows with a file/image upload field the validation can become tricky. For example, a user forgot to fill in the email field when this is a required field. This when he did select an image for uploading in the form. After the page got submitted he will receive a message where saying "you forgot to enter your email" (or something like that). Now since the user already selected the image you would want this image to be re-selected. That is a bit tricky. Concerning the Blobtype vs storing just the name of the uploaded image. What i see mostly is that an image name is being stored inside the db. That way you can just echo out the image name instead of using a seperate php to fetch the image and put that in the image tag. Let me elaborate that with a code sniplet. If you would just store the image name inside the db you could do something like: <img src="<?php echo $image_name;?>" /> If you would use a blob type you would need a separate php script to echo out the image like so: <img src="fetch_image.php?image_id=69" /> thanks for the guidance. My concern with adding images to a directory rather than as a BLOB is that I do not know, not even close, how to tell the sript to give each image its own unique name so nothing gets overwritten. I do see what you mean by it being easier to do this with a directory and a referrer, as opposed to a BLOB. As you stated, this can be complicated to get the validation right. I know that is beyond my scope, but I would LOVE to see it done right so I can put that nugget in my brain for the future..lol. I am sure with help, and some more blood/sweat/tears I can get this all to work. Fingers crossed.

I was not aware that I needed the DB connect part of the script at the beginning, I did not think it mattered that much. In my other scripts it is first, but that never dawned on me. I can easily put it at the beginning. I have a folder created on my server to store all of these images. It is in the root directory and it is named "images", of course. As for the files to upload, I am trying to get 5 images maximum, but none required with each upload. To elaborate on this a bit more. Registered users to the site can create a "brief" of their ex-boyfriend/ex-girlfriend that has some of their information, and some pics, possible. the site is www.ex-brief.com . The information entered will not be the actual information of the user, but of whomever they choose, so they enter it manually, as well as upload any pics they want, max of 5 for now. I am looking at that link BTW. Thanks for the help so far.

What you posted was very helpful. I was commenting on the last poster, because those links were just Google searches. I have the HTML form going, the DB is set up, and I have the script written to add the info to the DB, but I am having trouble getting it to actually upload image files, and then create the necessary referrer in the DB. This is the part that has me all worked up. Once I get this part working, the rest is just pulling the record, and echoing the data. Okay post your script so far, and show me what you have done. We will help you with the problem. Thank you. I truly appreciate the help, and I am by no means looking for someone to do this for me...I really want to learn this so I know how to do it. I have taught myself so far, and, although I am just getting started, I am getting better at it every day. Here is the code I have...so far. This is trying to upload images as BLOBS, but I am not sure that is the way to do it. I dont know how to add a referrer to the database, then have it called when the records match a search (I LEFT OUT THE DB CONNECT INFO, obviously): <?php // Info from the form $first=$_POST['first']; $last=$_POST['last']; $city=$_POST['city']; $state=$_POST['state']; $country=$_POST['country']; $gender=$_POST['gender']; $imageurl=$_POST['imageurl']; $imageurl2=$_POST['imageurl2']; $imageurl3=$_POST['imageurl3']; $imageurl4=$_POST['imageurl4']; $imageurl5=$_POST['imageurl5']; $max_size = 2000000; $filesize = $_FILES['upfile']['size']; $filetype = $_FILES['upfile']['type']; if ($filesize > $max_size){ echo "Maximum File Size is 2MB."; exit; } // database connection $username=""; $password=""; $database=""; mysql_connect(localhost,$username,$password); @mysql_select_db($database) or die( "Unable to select database"); $query = "INSERT INTO test VALUES ('','$first','$last','$city','$state','$country','$gender','$imageurl','$imageurl2','$imageurl3','$imageurl4','$imageurl25')"; mysql_query($query); if($query) { echo "You have successfully created an ExBrief !"; } else { echo "Your ExBrief was not created. Please review the information you entered for accuracy."; mysql_close(); } ?>

That is indeed why its usually better to learn php and do things yourself. I agree. That is what I am trying to do. The best teacher is experience, and failure. I have had a lot of failure on this. I have other PHP scripts that work great, this one is beyond my scope, and I am man enough to admit my limitations. Thanks!

What you posted was very helpful. I was commenting on the last poster, because those links were just Google searches. I have the HTML form going, the DB is set up, and I have the script written to add the info to the DB, but I am having trouble getting it to actually upload image files, and then create the necessary referrer in the DB. This is the part that has me all worked up. Once I get this part working, the rest is just pulling the record, and echoing the data.

http://www.lmgtfy.com/?q=html+form http://www.lmgtfy.com/?q=php+file+upload http://www.lmgtfy.com/?q=php+image+upload http://www.lmgtfy.com/?q=php+form+validation http://www.lmgtfy.com/?q=recaptcha thanks, I have googled this already. I exhausted all possibilities and this was my last resort. It is hard to find scripts that all work well together to pull off this whole operation.

I have been trying to write soem scripts but I am all turned around and confused. Hereis how I need this to all work: Visitors use an HTML form to enter some information (name, state, etc.) and also upload some images. This form calls a PHP script that puts all of this information into a MySQL database (not sure if the images need to be BLOBS in the DB, or if they need to go to their own directory, and the location saved in the DB, and if they all go to a directory, they will need to be assigned unique values). Obviously this needs to have success/failure messages, and some security would be nice, maybe even reCAPTCHA. Once this is all stored in the database, I need a script that can be used to search these records, and then echo the information in the DB table matching the search parameters. All information and images should be echoed. It would be cool if the first pic was full size, and the others were thumbnails that could be resized by clicking them. Anyone know where I can get a script like this? I can not seem to get all this to work. thanks!

duh, rookie mistake...I am so PHP'ed out that I forgot about simple HTML rules..lol. Anyway, thanks for the assistance. I am working on this site, so I am sure I will be back for more help. This issue is handled, though. Thanks all!