Jump to content

twilitegxa

Members
 View Profile  See their activity

  • Posts

    1,020

  • Joined

  • Last visited

 Content Type 

Everything posted by twilitegxa

  1. twilitegxa
    I have a div box on a page that looks good on my screen resolution, but apparently on a smaller resolution or browser size, the div overlaps and doesn't fit the way I want it to. Here is a sreccnshot of how i want it to look and one of how it looks on the smaller screens. I will iclude my code as well: <!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>DecaturDocs</title> <link rel="stylesheet" href="DecaturDocs_version2.css" type="text/css" /> </head> <body> <div id="container"> <div id="background"> <div id="leftcolumn"> <img src="images/photo1.jpg" id="image" /> <div id="version"> Winter2011<span class="series">Series1.1</span> <><!--end version--> <div id="titleback"> <div id="title"> DecaturDocs <><!--end title--> <><!--end titleback--> <div id="columncontainer"> <div id="column1"> <span class="header">When?</span> <p>Saturday Nights:</p> <p>January 8<br /> January 22<br /> Februday 19<br /> March 5</p> <p><span class="times">7:00 PM</span><br /> Lobby doors open: Coffee and dessert reception.</p> <p><span class="times">7:30 PM</span><br /> Theatre doors open: <br />Get a good seat.</p> <p><span class="times">8:00 PM</span><br />Introductions, announcements, and shout outs…<br />and Roll Film!</p> <p><span class="times">...AFTER THE FILM:</span><br /> Q & A with special guest: Interaction, comments, engagement.</p> <p><a href="http://decaturdocsseries1-autohome.eventbrite.com/" target="_blank"><img src="images/subscribenow.png" width="144" alt="Subscribe Now!" /></a></p> <><!--end column1--> <div id="column2"> <span class="header">Where?</span> <p>Decatur High School<br /> 310 N. McDonough St.<br /> Decatur, GA 30030</p> <img src="images/map.png" width="144px" /><br /> <div id="center"><a href="http://maps.google.com/maps?q=310+N.+McDonough+St.,+Decatur,+GA+30030&oe=utf-8&client=firefox-a&ie=UTF8&hq=&hnear=310+N+McDonough+St,+Decatur,+DeKalb,+Georgia+30030&gl=us&ei=0qPNTISuFYPGlQf04NiWBg&ved=0CBUQ8gEwAA&z=16" target="_blank">View Larger Map</a><> <p>DecaturDocs takes full advantage of this amazing host venue, showcasing the spacious lobby for pre-screening reception and the state-of-the-art performing arts center for the screenings and interactive question and answer post screening discussions.</p> <><!--end column2--> <div id="column3"> <span class="header">How?</span> <p>Subscribe to the entire four-film series at the affordable rate of $10 per show and save 1/3 off the walk-up price.</p> <p><a href="http://decaturdocsseries1-autohome.eventbrite.com/" target="_blank"><img src="images/subscribenow.png" alt="Subscribe Now!" width="144" /></a></p> <p>Walk-ups welcome. Arrive early as seating is limited.</p> <p>Tickets are available for $15 at the door. Cash or credit accepted.</p> <div id="center"> <a href="http://www.facebook.com/?ref=home#!/pages/Decatur-Docs/154136581269616?v=wall" target="_blank"><img src="images/Facebook_icon.png" height="25px" width="25px" /></a> <a href="https://twitter.com/DecaturDocs" target="_blank"><img src="images/Twitter_icon.png" height="25px" width="25px" /></a><> <!--<p><a href="#">Sign-up for Email Updates!</a></p>--> <p> <!-- BEGIN: Constant Contact Stylish Email Newsletter Form --> <div align="center"> <div style="width:144px; background-color: #000000;"> <form name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post" style="margin-bottom:3;"><span style="background-color: #006699; float:right;margin-right:5;margin-top:3"><img src="https://imgssl.constantcontact.com/ui/images1/visitor/email1_trans.gif" alt="Email Newsletter icon, E-mail Newsletter icon, Email List icon, E-mail List icon" border="0"></span> <font style="font-weight: bold; font-family:Arial; font-size:16px; color:#006699;">Sign up for our Email Newsletter</font> <input type="text" name="ea" size="20" value="" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; border:1px solid #999999;"> <input type="submit" name="go" value="GO" class="submit" style="font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;"> <input type="hidden" name="llr" value="fxl4l7dab"> <input type="hidden" name="m" value="1103684939493"> <input type="hidden" name="p" value="oi"> </form> <> <> <!-- END: Constant Contact Stylish Email Newsletter Form --> <div align="center" style="padding-top:5px;"> <a href="http://www.constantcontact.com/safesubscribe.jsp" target="_blank"><img src="https://imgssl.constantcontact.com/ui/images1/safe_subscribe_logo.gif" border="0" width="144" height="14" alt=""/></a> <> <!-- END: SafeSubscribe --> <div align="center" style="font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;"> For <a href="http://www.constantcontact.com/jmml/email-marketing.jsp" style="text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;" target="_blank">Email Marketing</a> you can trust <> <!-- END: Email Marketing you can trust --> </p> <><!--end column3--> <div id="column4"> <span class="header">What’s Next?</span> <p>DecaturDocs Kick-Off Special event</p> <p>Saturday, November 20, 8:00 PM</p> <p><a href="http://www.bouncingcats.com" target="_blank"><img src="images/bouncingcats.jpg" height="100px" width="144px" /></a></p> <p class="times"><a href="http://www.bouncingcats.com" target="_blank">BOUNCING CATS</a></p> <p>By invitation only!</p> <><!--end column4--> <div id="breakdivs"> <><!--end breakdivs--> <><!--end columncontainer--> <><!--end leftcolumn--> <div id="rightcolumn"> <span class="header">What is DecaturDocs?</span> <p>DecaturDocs is a screening and discussion series, housed in the new state-of-the-art performing arts center at Decatur High School, centered on the engaging world of non-fiction and documentary films. </p> <p>Each film, fresh from the film festival circuit, is specially selected for DecaturDocs, and each show is followed by an informative, educational, topical discussion with a filmmaker, featured subject, or thought leader, to create a fulfilling interactive audience experience.</p> <p>The <a href="http://decaturdocsseries1-autohome.eventbrite.com/" target="_blank">subscription-based</a> screening series is designed to engage, educate and entertain Decatur’s diverse community, while attracting audiences from throughout the region to experience the hospitality and vivacity of downtown Decatur. </p> <hr /> <span class="header">Why “DecaturDocs”?</span> <p>Decatur has long yearned for a film-screening venue. What better way to showcase the possibilities than with an interactive showcase of non-fiction film—the most dynamic arena for film festivals and independent production? As a platform for audiences to engage in provocative dialog about meaningful ideas in a creative film festival atmosphere, DecaturDocs is a social happening, a quintessential gathering of the minds, and a “don’t miss” cultural experience.</p> <p align="center"><a href="http://decaturdocsseries1-autohome.eventbrite.com/" target="_blank"><img src="images/subscribenow.png" width="144" alt"Subscribe Now!" /></a></p> <><!--end rightcolumn--> <div id="breakdivs"> <><!--end breakdivs--> <><!--endbackground--> <div id="footer2"> <div id="inner"> <p><b>SPONSORS:</b> DecaturDocs is made possible with generous support from <a href="http://decaturartsalliance.org/" target="_blank">Decatur Arts Alliance</a> and <a href="http://verb.org/" target="_blank">Verb.org</a>.</p> <p>If you are interested in sponsoring DecaturDocs, contact us <a href="mailto:AtlantaFilmForum@gmail.com?subject=Sponsorship">here</a>.</p> <p><b>COMING SOON:</b><br /> DecaturDocs Series 1.2 (4 screenings) will run April 30 – July 23.</p> <p>Questions, concerns or comments should be directed <a href="mailto:AtlantaFilmForum@gmail.com?subject=Questions/Comments">here</a>.</p> <><!--end footer--> <><!--end container--> </body> </html> CSS: body { color: #FFFFFF; font-family: "Franklin Gothic Book", Helvetica, Verdana, Tahoma, Arial; font-size: 14px; background-color: #a9a9a9; } a { color: lightblue; } a:hover { color: #f9aa23; } #container { margin: 0; margin-left: auto; margin-right: auto; padding: 10px 8px 1em 8px; max-width: 71em; line-height: 1.35; } #background { background-color: #000000; } #leftcolumn { padding: 25px; float: left; } #version { color: #277634; position: relative; top: -430px; left: 65px; font-size: 50px; z-index: 2; text-transform: uppercase; font-weight: bold; letter-spacing: -4px; } .series { font-size: 25px; letter-spacing: -2px; padding-left: 5px; } #title { position: relative; font-size: 110px; top: -25px; left: 10px; z-index: 2; } #image { position: relative; z-index: 1; width: 664px; } #titleback { background-color: #277634; width: 664px; position: relative; top: -100px; height: 100px; } #columncontainer { width: 664px; position: relative; top: -50px; } #column1 { width: 144px; padding-right: 10px; border-right: silver 2px solid; float: left; height: 600px; } #column2 { width: 144px; padding-left: 10px; padding-right: 10px; border-right: silver 2px solid; float: left; height: 600px; } #column3 { width: 144px; padding-left: 10px; padding-right: 10px; border-right: silver 2px solid; text-align: left; float: left; height: 600px; } #column4 { width: 144px; padding-left: 10px; padding-right: 10px; float: left; height: 600px; } #breakdivs { clear: both; } #rightcolumn { width: 225px; float: left; padding-top: 25px; } #footer { position: relative; top: 25px; padding: 25px; border: black solid 2px; background-color: #c5161d; width: 67em; } #inner { padding: 15px; border: solid black 2px; } body, #background, #container, #leftcolumn, #rightcolumn { max-height: 1200px; } img { border: 0; } .times { color: #1c8fd9; font-weight: bold; font-size: 16px; } .header { color: #f9aa23; font-weight: bold; font-size: 22px; font-variant: small-caps; } #footer2 { background-color: #c5161d; color: #ffffff; position: relative; left: 524px; top: -320px; width: 420px; text-align: justify; padding: 10px; margin-top: 50px; margin-bottom: -200px; } #center { text-align: center; } #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -55px -55px 0 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; } Can anyone please help me with how to fix this problem? I don't know what method is best for positioning so that it's consitant on all browsers. [attachment deleted by admin]
  2. twilitegxa
    I have the following code that cycles though and prints out the day of the week and stops printing after the seventh day is reached, but it keeps looping. How do I stop it from looping after 7? I thought I had it right, but it's not. Can anyone help? <?php $weekdays = array("Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"); echo current($weekdays) . "<br />"; while (count($weekdays) < { echo next($weekdays) . "<br />"; } ?>
  3. twilitegxa
    I have been using relative positioning mostly now. Will that provide problems with the positioning on different browser sizes?
  4. twilitegxa
    I have a rotating advertisement banner I'm trying to get going. I have it rotating like i want it to, but now I want to add in some rollover effects and then the hyperlinks that the images go to. Here is what I have so far: <!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=iso-8859-1" /> <title>Untitled Document</title> <script type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } // Comma separated list of images to rotate var imgs = new Array('images/banner1.jpg','images/banner2.jpg'); // delay in milliseconds between image swaps 1000 = 1 second var delay =5000; var counter = 0; function preloadImgs(){ for(var i=0;i<imgs.length;i++){ MM_preloadImages(imgs[i]); } } function randomImages(){ if(counter == (imgs.length)){ counter = 0; } MM_swapImage('rotator', '', imgs[counter++]); setTimeout('randomImages()', delay); } //--> </script> </head> <body onload="preloadImgs();randomImages()"> <img src="images/banner1.jpg" name="rotator" width="600" height="100" id="rotator" /> </body> </html> Can anyone help me by telling me how I go about adding the rollover? Can I do it the same way I would with regular css? What about the hyperlinks if the images point to different pages?
  5. twilitegxa
    Here is the link: http://webdesignsbyliz.com/STAFS Sorry about that. Hope this helps.
  6. twilitegxa
    Can anyone tell me why I always have this issue of designing a web page with specific colors only to test in FireFox and see the colors are completely different than what I used in the CSS? Specifically this problem is happening in FireFox on two occasions. I have a navy blue color for one set of text in a navigation menu and then another lighter blue in a headline element. Both are different colors in FireFox (the first one is red while the second one is a goldish color). How can I fix this problem and why does it always happen to me?!? I am testing in various FireFox versions and still getting the issue (In Windows). The problem is not apparent in Mac's version of FireFox, for whatever reason. I have installed no plug-ins or anything either. Attached are two screenshots as examples. [attachment deleted by admin]
  7. twilitegxa
    I have fixed the problem by adding a display: inline block property to my html and #rightcontent elements. I don't think the errors in my code were the problem, as this issue was there before I added those elements, but I will still look into correcting those. :-) As always, you have been very helpful!
  8. twilitegxa
    I am still having a bunch of white space at the bottom of my web pages in Firefox. Can anyone help me out with why and how to fix it? Here is the page: http://webdesignsbyliz.com/STAFS What am I doing wrong? Here is the markup and CSS for it: <!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>Southern Televsision & Film Summit</title> <link href="STAFS.css" rel="stylesheet" type="text/css" /> <meta name="Keywords" content="events atlanta online ad southern television stafs competition monty ross princess banton reality rates festival atlanta film premiere tickets film festival sponsors movies in atlanta ga arts non profits summer film institute atlanta festivals georgia corporate events in atl festival 2010 ga executive producer 48 hours movies national advertising schedule" /> </head> <body id="home"> <img src="images/stafs_logo.png" alt="Southern Television & Film Summit" height="200px" width="250px" /> <div id="info"> <div id="info_text"> Spring 2011<br /> In Atlanta Midtown <> <> <div id="icons"> <a href="#" target="_blank"><img src="images/enewsletter_btn2.png" alt="e-Newsletter" height="25px" /></a> <a href="http://www.facebook.com/pages/Southern-Television-Film-Summit/120203984688166" target="_blank"><img src="images/Facebook_icon.png" alt="Facebook Icon" height="25px" width="25px"/></a> <a href="https://twitter.com/STAFSummit" target="_blank"><img src="images/Twitter_icon.png" alt="Twitter Icon" height="25px" width="25px" /></a> <a href="#" target="_blank"><img src="images/Linkedin_icon.png" alt="Linked In Icon" height="25px" width="25px" /></a> <> <div id="twitter"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('STAFSummit').start(); </script> <> <div id="facebook"> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSouthern-Television-Film-Summit%2F120203984688166&width=250&colorscheme=light&connections=0&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe> <> <div id="news"> <p class="title">Entertainment News Feed</p> <iframe src="RSS.php" width="250" height="427" frameborder="0" scrolling="auto" name="newsfeed"> <?php include("RSS.php"); ?></iframe> <> <div id="rightcontent"> <div id="banner"> placeholder for banner <> <div id="nav"> <a href="index.php" id="homenav">Home</a> | <a href="#" id="about">About</a> | <a href="#" id="sponsorship">Sponsorship</a> | <a href="#" id="attend">Attend</a> <> <div id="placeholder1"> <img src="images/image.png" height="100px" width="100px" alt="Image1" class="parimg" /> <p class="header">What is the Southern Television and Film Summit (STAFS)?</p> <p class="bold">With a mission to bring diverse visionaries together to define the future of entertainment, the inaugural Southern Television and Film Summit is a highly anticipated, annual event that fosters business and creative opportunities in development, creation, production and programming of fiction and non-fiction content for television, film and emerging media platforms. The goal is to provide a dynamic marketplace of ideas where diverse voices gather to debate issues, discuss emerging trends, and identify new talent in the field.</p> <p>STAFS implements our mission by providing summit attendees access to a dynamic slate of public speakers, all eager to showcasing their wealth of knowledge in an engaging forum. The high impact line-up includes talented and proven industry pros leading lasting education sessions, followed by networking social time, professional enhancement activities and deal-making opportunities like pitch sessions and one-on-one mentoring.</p> <p>STAFS also offers a online services, a network of social media activities, and hosts special events throughout the year.</p> <> <div id="placeholder2"> <img src="images/image.png" height="100px" width="100px" alt="Image1" class="parimg" /> <p class="header">Why Should I Attend the Southern Television & Film Summit?</p> <p>Set in the heart of Atlanta--World Headquarters of Turner Broadcasting and home of Tyler Perry Studios, Rainforest Films, Raleigh Studios, Screen Gems, and Turner Studios--the Southern Television & Film Summit will capitalize on the Georgia production juggernaut. Thanks to the state's competitive tax incentives, Georgia hosted over seven hundred film & television productions last year alone, assuming a coveted spot as a destination for features and series alike. Because Atlanta also showcases a unique mix of diverse local talent--both above and below the line--STAFS attendees, producers and development executives will have a first crack at the next generation entertainment entrepreneurs. </p> <p>2011 will be the inaugural year for STAFS and the organizers are dedicated to establishing STAFS as an annual source for networking, education, professional development and artistic collaboration. STAFS was born out of the need to create synergy amongst the growing television and film community in the South.</p> <p>The diverse list of attendees will include notable key-note speakers, decision-makers, network and studio development executives, producers, directors, writers, and editors, as well as attorneys, talent managers, casting agents, actors, pitchers, and production students.</p> <p>This annual gathering of industry talent will become the epicenter of new ideas around on the business of television, film, and new media.</p> <> <div id="placeholder3"> <img src="images/image.png" height="100px" width="100px" alt="Image1" class="parimg" /> <p class="header">How Do I Register for the Southern Television & Film Summit?</p> <p>Registrations will open in December. </p> <p>In the meantime, "friend" us on Facebook, follow our Twitter stream, connect with us on Linked-In, and sign-up for our e-newsletter.</p> <p>If you have any questions, email event producers <a href="mailto:Gabe@STAFSummit.com?subject=Registration Questions">Gabe Wardell</a> and <a href="mailto:Paula@STAFSummit.com?subject=Registration Questions">Paula Martinez.</a></p> <> <div id="placeholder4"> <div id="headline"> <u>Headline</u><br /><br /> <> <div id="image"> <img src="images/image.png" height="100px" width="100px" alt="Image1" /> <> <div id="story"> Nam a lorem augue. Quisque interdum venenatis sollicitudin. Vivamus ut metus sed risus fringilla suscipit eget et magna. In eu elit lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris gravida pellentesque justo at pharetra. Suspendisse odio risus, ullamcorper non scelerisque non, molestie tincidunt lacus. Aenean tempus libero sit amet tellus posuere accumsan. Nunc ornare odio eget magna commodo pharetra. <a href="#"> Read More...</a><> <> <> <!-- END OF RIGHTCONTENT CONTAINER DIV --> <div id="footer"> SOUTHERN TELEVISION AND FILM SUMMIT<br /> <span class="mid"><img src="images/blue_line2.jpg" width="300" height="1" alt="LINE" />STAFS</span><img src="images/blue_line2.jpg" width="300" height="1" alt="LINE" /><br /> © 2010 STAF Summit. All rights reserved.<> <> </body> body { margin: 0; margin-left: auto; margin-right: auto; padding: 10px 8px 1em 8px; max-width: 53em; line-height: 1.35; font-family: Verdana, Arial, Helvetica, sans-serif; } html { border: solid 2px black; max-height: 1800px; } #info { background-image: url(images/info2.png); background-repeat: no-repeat; width: 250px; height: 150px; } #info_text { top: 20%; position: relative; font-size: 24px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; } a img { border: none; } #icons { text-align: center; width: 250px; } #twitter, #facebook, #news { padding-top: 15px; } #news { width: 250px; position: relative; top: 15px; font-size: 12px; border-top: solid 1px #315c99; border-right: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; } #rightcontent { position: relative; top: -103em; left: 270px; width: 69%; } #banner { position: relative; border: dotted gray 2px; height: 100px; } #nav { color: #ffffff; background: #0086bf; text-align: center; font-size: 26px; border-top: black solid 2px; border-bottom: black solid 2px; margin-top: 15px; } #nav a {color: #ffffff; text-decoration: none;} #nav a:active {color: #0081bb;} #nav a:visited {color: #ffffff;} #nav a:hover {text-decoration: none; color: #ff9900;} body#home a#homenav, body#about a#aboutnav, body#sponsorship a#sponsorshipnav, body#attend a#attendnav { color: navy; text-decoration: none; } #placeholder1, #placeholder2, #placeholder3, #placeholder4 { margin-top: 15px; font-size: 12px; } #placeholder4 { border: dotted gray 2px; } #headline { color: #0081bb; font-weight: bold; font-size: 18px; } #story { position: relative; top: -100px; left: 110px; width: 78%; } #footer { text-align: center; color: #999999; font-size: 10px; position: relative; top: -1250px; padding-bottom: 50px; } .mid { font-family: Tahoma, Geneva, sans-serif; font-size: 16px; } .bold { font-weight: bold; } .header { font-size: 18px; margin-bottom: -8px; } .parimg { float: left; margin: 4px; padding-right: 6px; } .title { font-size: 12px; background-color: #eceef5; padding: 8px; margin-top: -15px; font-weight: bold; color: #333333; } Can anyone please tell me why it does this and how I can fix it and avoid it in the future?
  9. twilitegxa
    I think I've figured it out. I added a height and min-height to the html, body, #container, and #content divs of 50% and adjusted my footer position from the top and that appears to have fixed it. Yay! Didn't need the help after all!!
  10. twilitegxa
    I have added a max-height value to all the elements on my page, and this has fixed the problem in Safari, but FireFox is still an issue. Any fixes on this for FireFox?
  11. twilitegxa
    I did find some CSS that makes rounded borders, but they do not show up in FireFox. Tested fine in Safari, though. This is how I made a rounded rectangle for the background of a div tag: #info { color: #ffffff; background: #0086bf; width: 250px; text-align: center; font-size: 26px; border-top-left-radius:30px 30px; border-top-right-radius: 30px 30px; border-bottom-left-radius: 30px 30px; border-bottom-right-radius: 30px 30px; top: -150px; position: relative; } Might help you. Here is the link as well: http://www.css3.info/preview/rounded-border/
  12. twilitegxa
    Thank you. I did have another div element covering it. I re-adjusted my divs and now it's working perfectly. Thanks for the help!
  13. twilitegxa
    Thanks, sorry I thought it should have been here and didn't know how to move it >.<
  14. twilitegxa
    I have found that using the position: relative code works better than using the absolute one. You might try that as well. I was having the same problem, also as the browser is resized it was changing position on the page, which is what I didn't want. Don't know if that helps, but though I'd offer my solution to the same type of problem. :-)
  15. twilitegxa
    Is there a way to eliminate all the extra white space from the bottom of my web site? I can't figure out what is causing it or how to get rid of it :-( Here is the URL: http://webdesignsbyliz.com/STAFS/index.php Can anyone please HELP??? There should be only maybe 25px of padding at the bottom of the page after the footer information, but there's a whole bunch!!!
  16. twilitegxa
    Can anyone tell me why my hyperlinks aren't working? They are unclickable for some reason. Is one of my other div tags blocking them for some reason? I'm not experiencing this problem in any of the other div blocks. Here is my code for that section: [/size] [/size] <div id="icons"> <a href="#"><img src="enewsletter_btn.png" alt="e-Newsletter" height="25px" /></a> <a href="http://www.facebook.com/pages/Southern-Television-Film-Summit/120203984688166"><img src="Facebook_icon.png" alt="Facebook Icon" height="25px" width="25px"/></a> <a href="https://twitter.com/STAFSummit"><img src="Twitter_icon.png" alt="Twitter Icon" height="25px" width="25px" /></a> <a href="#"><img src="Linkedin_icon.png" alt="Linked In Icon" height="25px" width="25px" /></a> <> [/size] [/size]Here is the entire page: [/size] [/size] <body id="home"> <div id="container"> <img src="stafs_logo.png" alt="Southern Television & Film Summit" height="200px" width="250px" /> <div id="banner"> placeholder for banner<> <div id="info"> <br />February 25, 26, 27<br /> 2011<br /> In Atlanta Motown<br /> Atlantic Station<br /><br /> <> <div id="icons"> <a href="#"><img src="enewsletter_btn.png" alt="e-Newsletter" height="25px" /></a> <a href="http://www.facebook.com/pages/Southern-Television-Film-Summit/120203984688166"><img src="Facebook_icon.png" alt="Facebook Icon" height="25px" width="25px"/></a> <a href="https://twitter.com/STAFSummit"><img src="Twitter_icon.png" alt="Twitter Icon" height="25px" width="25px" /></a> <a href="#"><img src="Linkedin_icon.png" alt="Linked In Icon" height="25px" width="25px" /></a> <> <div id="content"> <div id="nav"> <a href="STAFS.php" id="homenav">Home</a> | <a href="about.php" id="about">About</a> | <a href="sponsorship.php" id="sponsorship">Sponsorship</a> | <a href="attend.php" id="attend">Attend</a> <> <div id="placeholder1"> Placeholder 1<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut nisl a urna vestibulum vehicula. Praesent euismod facilisis ultrices. In hac habitasse platea dictumst. Aliquam ornare, velit id lobortis mollis, dui erat feugiat ipsum, vitae fringilla orci tortor eu nunc. Nulla commodo vulputate ante nec mollis. Etiam rutrum, elit et placerat semper, sem erat aliquam ante, non iaculis ligula diam in ipsum. Curabitur vitae dolor sit amet dui fringilla varius. Phasellus eu mauris non nunc commodo mollis. Integer dictum sodales felis, eget feugiat tellus aliquam eu. Praesent tincidunt pulvinar tellus quis pharetra. Donec porta urna in nisl viverra convallis id consequat sapien. Aenean in leo sit amet lorem vestibulum tempor vitae quis purus. Donec eu magna eu massa hendrerit condimentum. Donec molestie sapien id ante molestie ac molestie quam faucibus.<> <div id="placeholder2"> Placeholder 2<br /> Nam a lorem augue. Quisque interdum venenatis sollicitudin. Vivamus ut metus sed risus fringilla suscipit eget et magna. In eu elit lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris gravida pellentesque justo at pharetra. Suspendisse odio risus, ullamcorper non scelerisque non, molestie tincidunt lacus. Aenean tempus libero sit amet tellus posuere accumsan. Nunc ornare odio eget magna commodo pharetra. Donec vel turpis ut risus rhoncus fermentum ac id nunc. Vestibulum metus turpis, tincidunt suscipit facilisis nec, mollis in nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim risus nec quam aliquet a dictum purus feugiat. Vivamus id nunc ipsum. Praesent in lectus id dolor tempor facilisis eu eu diam. Etiam quis elit nisl. Sed id urna lorem. Nullam facilisis, dui ut vestibulum vulputate, nunc neque interdum ipsum, vitae adipiscing augue est eu eros. Nullam laoreet, nunc id accumsan interdum, nulla erat pulvinar felis, vitae dictum erat quam id lectus. Suspendisse urna massa, commodo at luctus eu, gravida sed massa. <> <div id="placeholder3"> Placeholder 3<br /> Vestibulum auctor lorem elit. Curabitur id quam eu quam congue pellentesque. Aenean venenatis magna sed tortor tempus bibendum ut vitae dolor. In hac habitasse platea dictumst. Mauris in ligula sapien, congue vestibulum diam. Quisque id euismod elit. Nulla rhoncus pellentesque lacus, congue facilisis tellus faucibus vel. Nulla dictum iaculis leo in ullamcorper. Fusce pulvinar vulputate mi non posuere. Morbi et sapien massa, et porttitor justo. Praesent viverra tempus elit et cursus. Vestibulum lacinia orci a eros lobortis sodales. Aliquam accumsan faucibus quam, ac aliquam mi tempus ut. Aliquam in turpis odio, id dictum est. Pellentesque mauris nibh, pharetra vestibulum ornare non, tincidunt sit amet lacus. Curabitur dictum leo nunc. Quisque eu nisi vel diam vehicula vehicula ut vel elit. Mauris pellentesque aliquam tellus non dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<> <> <div id="placeholder4"> <div id="headline"> <u>Headline</u><br /><br /> <> <div id="image"> <img src="#" height="100px" width="100px" alt="Image1" /> <> <div id="story"> Nam a lorem augue. Quisque interdum venenatis sollicitudin. Vivamus ut metus sed risus fringilla suscipit eget et magna. In eu elit lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris gravida pellentesque justo at pharetra. Suspendisse odio risus, ullamcorper non scelerisque non, molestie tincidunt lacus. Aenean tempus libero sit amet tellus posuere accumsan. Nunc ornare odio eget magna commodo pharetra. Donec vel turpis ut risus rhoncus fermentum ac id nunc. Vestibulum metus turpis, tincidunt suscipit facilisis nec, mollis in nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim risus nec quam aliquet a dictum purus feugiat. Vivamus id nunc ipsum. Praesent in lectus id dolor tempor facilisis eu eu diam. Etiam quis elit nisl. Sed id urna lorem. Nullam facilisis, dui ut vestibulum vulputate, nunc neque interdum ipsum, vitae adipiscing augue est eu eros. Nullam laoreet, nunc id accumsan interdum, nulla erat pulvinar felis, vitae dictum erat quam id lectus. Suspendisse urna massa, commodo at luctus eu, gravida sed massa. <a href="#"> Read More...</a> <> <> <> <div id="feeds"> <div id="twitter"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('STAFSummit').start(); </script> <> <div id="facebook"> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSouthern-Television-Film-Summit%2F120203984688166&width=250&colorscheme=light&connections=0&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe> <> <div id="news"> news feed<> <> </body> [/size] [/size]And here is my CSS just in case it's part of the problem: [/size] [/size] #container { width: 1000px; padding-left: 25px; } #feeds { padding-left: 25px; position: relative; top: -150px; } #banner { position: relative; top: -200px; left: 270px; border: dotted black 2px; height: 150px; } #content { position: relative; top: -250px; } #info { color: #ffffff; background: #0086bf; width: 250px; text-align: center; font-size: 26px; border-top-left-radius:30px 30px; border-top-right-radius: 30px 30px; border-bottom-left-radius: 30px 30px; border-bottom-right-radius: 30px 30px; top: -150px; position: relative; } #twitter { width: 250px; height: 200px; position: relative; top: -800px; } #facebook { width: 250px; height: 200px; position: relative; top: -580px; } #news { width: 250px; height: 200px; border: dotted black 2px; position: relative; top: -340px; } #nav { color: #ffffff; background: #0086bf; text-align: center; position: relative; left: 270px; top: -150px; font-size: 26px; border-top: black solid 2px; border-bottom: black solid 2px; } #icons { text-align: center; width: 250px; top: -125px; position: relative; } #placeholder1 { position: relative; left: 270px; top: -125px; border: dotted black 2px; height: 200px; } #placeholder2 { position: relative; left: 270px; top: -105px; border: dotted black 2px; height: 200px; } #placeholder3 { position: relative; left: 270px; top: -85px; border: dotted black 2px; height: 200px; } #placeholder4 { position: relative; left: 270px; top: -315px; border: dotted black 2px; height: 200px; } #story { position: relative; top: -100px; left: 110px; width: 850px; } #nav a:link {color: #ffffff; text-decoration: none;} #nav a:active {color: #0081bb;} #nav a:visited {color: #ffffff;} #nav a:hover {text-decoration: none; color: #ff9900;} body#home a#homenav, body#about a#aboutnav, body#sponsorship a#sponsorshipnav, body#attend a#attendnav { color: navy; text-decoration: none; } [/size]Can anyone help, please?
  17. twilitegxa
    Can anyone tell me why my hyperlinks aren't working? They are unclickable for some reason. Is one of my other div tags blocking them for some reason? I'm not experiencing this problem in any of the other div blocks. Here is my code for that section: <div id="icons"> <a href="#"><img src="enewsletter_btn.png" alt="e-Newsletter" height="25px" /></a> <a href="http://www.facebook.com/pages/Southern-Television-Film-Summit/120203984688166"><img src="Facebook_icon.png" alt="Facebook Icon" height="25px" width="25px"/></a> <a href="https://twitter.com/STAFSummit"><img src="Twitter_icon.png" alt="Twitter Icon" height="25px" width="25px" /></a> <a href="#"><img src="Linkedin_icon.png" alt="Linked In Icon" height="25px" width="25px" /></a> <> Here is the entire page: <body id="home"> <div id="container"> <img src="stafs_logo.png" alt="Southern Television & Film Summit" height="200px" width="250px" /> <div id="banner"> placeholder for banner<> <div id="info"> <br />February 25, 26, 27<br /> 2011<br /> In Atlanta Motown<br /> Atlantic Station<br /><br /> <> <div id="icons"> <a href="#"><img src="enewsletter_btn.png" alt="e-Newsletter" height="25px" /></a> <a href="http://www.facebook.com/pages/Southern-Television-Film-Summit/120203984688166"><img src="Facebook_icon.png" alt="Facebook Icon" height="25px" width="25px"/></a> <a href="https://twitter.com/STAFSummit"><img src="Twitter_icon.png" alt="Twitter Icon" height="25px" width="25px" /></a> <a href="#"><img src="Linkedin_icon.png" alt="Linked In Icon" height="25px" width="25px" /></a> <> <div id="content"> <div id="nav"> <a href="STAFS.php" id="homenav">Home</a> | <a href="about.php" id="about">About</a> | <a href="sponsorship.php" id="sponsorship">Sponsorship</a> | <a href="attend.php" id="attend">Attend</a> <> <div id="placeholder1"> Placeholder 1<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut nisl a urna vestibulum vehicula. Praesent euismod facilisis ultrices. In hac habitasse platea dictumst. Aliquam ornare, velit id lobortis mollis, dui erat feugiat ipsum, vitae fringilla orci tortor eu nunc. Nulla commodo vulputate ante nec mollis. Etiam rutrum, elit et placerat semper, sem erat aliquam ante, non iaculis ligula diam in ipsum. Curabitur vitae dolor sit amet dui fringilla varius. Phasellus eu mauris non nunc commodo mollis. Integer dictum sodales felis, eget feugiat tellus aliquam eu. Praesent tincidunt pulvinar tellus quis pharetra. Donec porta urna in nisl viverra convallis id consequat sapien. Aenean in leo sit amet lorem vestibulum tempor vitae quis purus. Donec eu magna eu massa hendrerit condimentum. Donec molestie sapien id ante molestie ac molestie quam faucibus.<> <div id="placeholder2"> Placeholder 2<br /> Nam a lorem augue. Quisque interdum venenatis sollicitudin. Vivamus ut metus sed risus fringilla suscipit eget et magna. In eu elit lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris gravida pellentesque justo at pharetra. Suspendisse odio risus, ullamcorper non scelerisque non, molestie tincidunt lacus. Aenean tempus libero sit amet tellus posuere accumsan. Nunc ornare odio eget magna commodo pharetra. Donec vel turpis ut risus rhoncus fermentum ac id nunc. Vestibulum metus turpis, tincidunt suscipit facilisis nec, mollis in nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim risus nec quam aliquet a dictum purus feugiat. Vivamus id nunc ipsum. Praesent in lectus id dolor tempor facilisis eu eu diam. Etiam quis elit nisl. Sed id urna lorem. Nullam facilisis, dui ut vestibulum vulputate, nunc neque interdum ipsum, vitae adipiscing augue est eu eros. Nullam laoreet, nunc id accumsan interdum, nulla erat pulvinar felis, vitae dictum erat quam id lectus. Suspendisse urna massa, commodo at luctus eu, gravida sed massa. <> <div id="placeholder3"> Placeholder 3<br /> Vestibulum auctor lorem elit. Curabitur id quam eu quam congue pellentesque. Aenean venenatis magna sed tortor tempus bibendum ut vitae dolor. In hac habitasse platea dictumst. Mauris in ligula sapien, congue vestibulum diam. Quisque id euismod elit. Nulla rhoncus pellentesque lacus, congue facilisis tellus faucibus vel. Nulla dictum iaculis leo in ullamcorper. Fusce pulvinar vulputate mi non posuere. Morbi et sapien massa, et porttitor justo. Praesent viverra tempus elit et cursus. Vestibulum lacinia orci a eros lobortis sodales. Aliquam accumsan faucibus quam, ac aliquam mi tempus ut. Aliquam in turpis odio, id dictum est. Pellentesque mauris nibh, pharetra vestibulum ornare non, tincidunt sit amet lacus. Curabitur dictum leo nunc. Quisque eu nisi vel diam vehicula vehicula ut vel elit. Mauris pellentesque aliquam tellus non dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<> <> <div id="placeholder4"> <div id="headline"> <u>Headline</u><br /><br /> <> <div id="image"> <img src="#" height="100px" width="100px" alt="Image1" /> <> <div id="story"> Nam a lorem augue. Quisque interdum venenatis sollicitudin. Vivamus ut metus sed risus fringilla suscipit eget et magna. In eu elit lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris gravida pellentesque justo at pharetra. Suspendisse odio risus, ullamcorper non scelerisque non, molestie tincidunt lacus. Aenean tempus libero sit amet tellus posuere accumsan. Nunc ornare odio eget magna commodo pharetra. Donec vel turpis ut risus rhoncus fermentum ac id nunc. Vestibulum metus turpis, tincidunt suscipit facilisis nec, mollis in nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim risus nec quam aliquet a dictum purus feugiat. Vivamus id nunc ipsum. Praesent in lectus id dolor tempor facilisis eu eu diam. Etiam quis elit nisl. Sed id urna lorem. Nullam facilisis, dui ut vestibulum vulputate, nunc neque interdum ipsum, vitae adipiscing augue est eu eros. Nullam laoreet, nunc id accumsan interdum, nulla erat pulvinar felis, vitae dictum erat quam id lectus. Suspendisse urna massa, commodo at luctus eu, gravida sed massa. <a href="#"> Read More...</a> <> <> <> <div id="feeds"> <div id="twitter"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('STAFSummit').start(); </script> <> <div id="facebook"> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSouthern-Television-Film-Summit%2F120203984688166&width=250&colorscheme=light&connections=0&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe> <> <div id="news"> news feed<> <> </body> And here is my CSS just in case it's part of the problem: #container { width: 1000px; padding-left: 25px; } #feeds { padding-left: 25px; position: relative; top: -150px; } #banner { position: relative; top: -200px; left: 270px; border: dotted black 2px; height: 150px; } #content { position: relative; top: -250px; } #info { color: #ffffff; background: #0086bf; width: 250px; text-align: center; font-size: 26px; border-top-left-radius:30px 30px; border-top-right-radius: 30px 30px; border-bottom-left-radius: 30px 30px; border-bottom-right-radius: 30px 30px; top: -150px; position: relative; } #twitter { width: 250px; height: 200px; position: relative; top: -800px; } #facebook { width: 250px; height: 200px; position: relative; top: -580px; } #news { width: 250px; height: 200px; border: dotted black 2px; position: relative; top: -340px; } #nav { color: #ffffff; background: #0086bf; text-align: center; position: relative; left: 270px; top: -150px; font-size: 26px; border-top: black solid 2px; border-bottom: black solid 2px; } #icons { text-align: center; width: 250px; top: -125px; position: relative; } #placeholder1 { position: relative; left: 270px; top: -125px; border: dotted black 2px; height: 200px; } #placeholder2 { position: relative; left: 270px; top: -105px; border: dotted black 2px; height: 200px; } #placeholder3 { position: relative; left: 270px; top: -85px; border: dotted black 2px; height: 200px; } #placeholder4 { position: relative; left: 270px; top: -315px; border: dotted black 2px; height: 200px; } #story { position: relative; top: -100px; left: 110px; width: 850px; } #nav a:link {color: #ffffff; text-decoration: none;} #nav a:active {color: #0081bb;} #nav a:visited {color: #ffffff;} #nav a:hover {text-decoration: none; color: #ff9900;} body#home a#homenav, body#about a#aboutnav, body#sponsorship a#sponsorshipnav, body#attend a#attendnav { color: navy; text-decoration: none; } Can anyone help, please?
  18. twilitegxa
    I use absolute positioning when I need to place an image on top of another image or div. Is there another way?
  19. twilitegxa
    What is the best way to ensure your images line up as you expect them to when viewed in different sized browsers? Can someone please tell me? Do I need a specific setting, or use a specific unit? Do you need to see an example to answer my question? Please answer :-)
  20. twilitegxa
    Nevermind, I guess since I was using php, I needed to use the escape character and double quotes and now it's working. Sorry for not thinking of this sooner!
  21. twilitegxa
    I checked the source of the page and the additional text was showing up, like you said. How would I used htmlentities()? I tried doing it like this: $position = htmlentities($applicants_list['position']); But it didn't work. What did I do wrong? I should this when I view the source: <tr> <td><label for=position><b>Position:</b></label></td> <td><input name=position type=text size=20 id=position value=Technical Support /></td> </tr> The word "Support" is in red, even with htmlentities() being used.
  22. twilitegxa
    I'm having some trouble with displaying my white space between words. I have a table that holds records for resumes, and the administrator can access each record and edit them. I have the record displayed in text boxes for editing, but the white space between words is not showing up. Only the first word will show up. I have tried changing the field type in the table to text or blob instead of varchar, and I have tried using the nl2br function when displaying the records, but that isn't working either. What am I doing wrong? Here is my edit page: <?php $applicant = "SELECT * FROM applicants WHERE id = '$_GET[id]'"; $applicant_res = mysql_query($applicant, $conn) or die(mysql_error()); $display_block = "<h3>Edit Entry</h3> <p>To edit the entry, change any relevant information below:</p> <form method=post action=update_U3IP.php><table>"; while ($applicants_list = mysql_fetch_array($applicant_res)){ $id = $applicants_list['id']; $firstname = $applicants_list['firstname']; $lastname = $applicants_list['lastname']; $address = $applicants_list['address']; $city = $applicants_list['city']; $state = $applicants_list['state']; $zip = $applicants_list['zip']; $phone = $applicants_list['phone']; $position = nl2br($applicants_list['position']); $file = $applicants_list['resume']; $display_block .= " <table> <tr> <td><label for=id><b>ID:</b></label></td> <td><input name=id type=text size=2 id=id value=$id /></td> </tr> <tr> <td><label for=firstname><b>First Name:</b></label></td> <td><input name=firstname type=text size=20 id=firstname value=$firstname /></td> </tr> <tr> <td><label for=lastname><b>Last Name:</b></label></td> <td><input name=lastname type=text size=20 id=lastname value=$lastname /></td> </tr> <tr> <td><label for=address><b>Address:</b></label></td> <td><input name=address type=text size=20 id=address value=$address /></td> </tr> <tr> <td><label for=city><b>City:</b></label></td> <td><input name=city type=text size=20 id=city value=$city /></td> </tr> <tr> <td><label for=state><b>State:</b></label></td> <td><input name=state type=text size=20 id=state value=$state /></td> </tr> <tr> <td><label for=zip><b>Zip:</b></label></td> <td><input name=zip type=text size=20 id=zip value=$zip /></td> </tr> <tr> <td><label for=phone><b>Phone:</b></label></td> <td><input name=phone type=text size=20 id=phone value=$phone /></td> </tr> <tr> <td><label for=position><b>Position:</b></label></td> <td><input name=position type=text size=20 id=position value=$position /></td> </tr> <tr> <td><b>Uploaded Resume:</b></td> <td><input type=text name=file id=file value=$file /></td> </tr> <tr> <td colspan=2> </td> </tr> <tr> <td colspan=2 align=center> <input type=hidden name=hidden_id id=hidden_id value=$id /> <input type=submit value=Submit /> <a href=admin_U3IP.php><input type=button name=back id=back value=Back /></a></td> </tr>"; } $display_block .= "</table></form>"; ?> <!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>KulaE_WDP4451_U3IP</title> </head> <body> <?php echo $display_block; ?> </body> </html>
  23. twilitegxa
    I'm having some trouble validating a file upload. I have it set to display a message if the file upload name already exists, but it is also displaying the same message when the field is left blank. I tried adding in a message to display when the field was blank, but it always displays the previous message, plus the new message, and on top of that, the error message about the file field being blank displays even if the user has uploaded a file. can anyone help?? <?php $firstname = ""; $lastname = ""; $address = ""; $city = ""; $state = ""; $zip = ""; $phone = ""; $position = ""; ?> <!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>KulaE_WDP4451_U2IP</title> </head> <body> <form action="process_U2IP.php" method="post" enctype="multipart/form-data"> <h3>Please fill out the form below and upload your resume to apply for a position within our company:</h3> <table> <tr> <td><label for="firstname"><b>First Name*</b></label></td> <td><input name="firstname" type="text" size="20" id="firstname" value="<?php echo $lastname; ?>" /></td> </tr> <tr> <td><label for="lastname"><b>Last Name*</b></label></td> <td><input name="lastname" type="text" size="20" id="lastname" value="<?php echo $lastname; ?>" /></td> </tr> <tr> <td><label for="address"><b>Address*</b></label></td> <td><input name="address" type="text" size="20" id="address" value="<?php echo $address; ?>" /></td> </tr> <tr> <td><label for="city"><b>City*</b></label></td> <td><input name="city" type="text" size="20" id="city" value="<?php echo $city; ?>" /></td> </tr> <tr> <td><label for="state"><b>State*</b></label></td> <td><input name="state" type="text" size="20" id="state" value="<?php echo $state; ?>" /></td> </tr> <tr> <td><label for="zip"><b>Zip*</b></label></td> <td><input name="zip" type="text" size="20" id="zip" value="<?php echo $zip; ?>" /></td> </tr> <tr> <td><label for="phone"><b>Phone*</b></label></td> <td><input name="phone" type="text" size="20" id="phone" value="<?php echo $phone; ?>" /></td> </tr> <tr> <td><label for="position"><b>Position*</b></label></td> <td><input name="position" type="text" size="20" id="position" value="<?php echo $position; ?>" /></td> </tr> <tr> <td><b>Upload Resume*</b></td> <td><input type="file" name="file" id="file" /> </td> </tr> <tr> <td colspan="2"><p><i>Your information will not be sold or shared with others.</i></p></td> </tr> <tr> <td colspan="2"><p style="color: red;">* denotes required field</p></td> </tr> <tr> <td colspan="2" align="center"><input type="hidden" name="submitted" value="1" /> <input type="submit" value="Submit" /> <input type="reset" name="reset" value="Reset" /></td> </tr> </table> </form> </body> </html> <?php if (@$_POST['submitted']){ $firstname = (@$_POST['firstname']); $lastname = (@$_POST['lastname']); $address = (@$_POST['address']); $city = (@$_POST['city']); $state = (@$_POST['state']); $zip = (@$_POST['zip']); $phone = (@$_POST['phone']); $position = (@$_POST['position']); $file = (@$_POST['file']); if (get_magic_quotes_gpc()){ $firstname = stripslashes($firstname); $lastname = stripslashes($lastname); $address = stripslashes($address); $city = stripslashes($city); $state = stripslashes($state); $zip = stripslashes($zip); $phone = stripslashes($phone); $position = stripslashes($position); } $error_msg=array(); if ($firstname==""){ $error_msg[]="Please enter your first name"; } if(!preg_match("/^\b[a-zA-Z]+\b$/", $firstname)){ $error_msg[]="First Name can only contain letters"; } if ($lastname==""){ $error_msg[]="Please enter your last name"; } if(!preg_match("/^\b[a-zA-Z]+\b$/", $lastname)){ $error_msg[]="Last Name can only contain letters"; } if ($address==""){ $error_msg[]="Please enter your address"; } if(!preg_match('/^[a-z0-9 ]*$/i', $address)){ $error_msg[]="Address can only contain numbers, letters and spaces"; } if ($city==""){ $error_msg[]="Please enter your city"; } if (!preg_match("/^\b[a-zA-Z]+\b$/", $city)){ $error_msg[]="City can only contain letters"; } if ($state==""){ $error_msg[]="Please enter your state"; } if (strlen($state)<>2){ $error_msg[]="State can only contain 2 letters; use state abbreviation"; } if (!preg_match("/^\b[a-zA-Z]+\b$/", $state)){ $error_msg[]="State can only contain letters"; } if ($zip==""){ $error_msg[]="Please enter your zip code"; } if (strlen($zip)<>5){ $error_msg[]="Zip code can only contain 5 digits"; } if(!is_numeric($zip)){ $error_msg[]="Zip code must contain only numbers"; } if ($phone==""){ $error_msg[]="Please enter your phone number"; } if (strlen($phone)<>10){ $error_msg[]="Phone number can only contain 10 digits"; } if(!is_numeric($phone)){ $error_msg[]="Phone number must contain only numbers"; } if ($position==""){ $error_msg[]="Please enter your desired position"; } if(!preg_match('/^[a-z0-9 ]*$/i', $position)){ $error_msg[]="Position can only contain numbers, letters and spaces"; } if (file_exists("upload/" . $_FILES["file"]["name"])) { $error_msg[]= $_FILES["file"]["name"] . " already exists"; } if ((($_FILES["file"]["type"] != "document/msword") || ($_FILES["file"]["type"] != "document/pdf")) && ($_FILES["file"]["size"] > 50000)) { $error_msg[]= "Uploaded file can only be in MSWord or PDF format and can only be under 50KB in size"; } } if ($error_msg){ $display_errors = "<h3>There were errors in your submission.</h3> <p>Please review the following errors, press the Back button on your browser, and make corrections before re-submitting.</p> <ul style=color:red>\n"; foreach ($error_msg as $err){ $display_errors .= "<li>".$err."</li>\n"; } $display_errors .= "</ul>\n"; } if (!$error_msg){ echo " <h3>Thank you for applying! Applicants we are interested in interviewing will be contacted within 48 hours.</h3> <p>You have submitted the following information:</p> <table> <tr> <td><b>First Name:</b></td> <td>$firstname</td> </tr> <tr> <td><b>Last Name:</b></td> <td>$lastname</td> </tr> <tr> <td><b>Address:</b></td> <td>$address</td> </tr> <tr> <td><b>City:</b></td> <td>$city</td> </tr> <tr> <td><b>State:</b></td> <td>$state</td> </tr> <tr> <td><b>Zip Code:</b></td> <td>$zip</td> </tr> <tr> <td><b>Phone Number:</b></td> <td>$phone</td> </tr> <tr> <td><b>Position Desired:</b></td> <td>$position</td> </tr>"; move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $_FILES["file"]["name"]); echo "<tr> <td><b>Uploaded File:</b></td> <td><a href=upload/" . $_FILES["file"]["name"] . ">" . $_FILES["file"]["name"] . "</a></td> </tr> </table>"; exit(); } echo $display_errors; ?>
  24. twilitegxa
    Can you help me out a little more with this? I think I sort of understand what you are saying, but I am still unsure of how to code this properly. Currently I don't have that file upload renaming code within my code, so where do I need to put it exactly? With the part of my code that saves the file to my folder I suppose? I have never messed with the file upload code much before, so I really need help here! Please :-)
  25. twilitegxa
    I wasn't sure why my code was using the @ symbol. I was using part of this beginning code from a tutorial in a book, so I didn't know what it was being used for exactly. Originally, this code was validating on the same page and using the PHP_SELF as the action, but then I was having some trouble, so i changed it to validate on the second page. I was having trouble validating the file upload on the same page and that's why I had to change it, plus I was having issues with my data not resetting properly and other things that I mentioned earlier. Could you explain that @ symbol thing some and tell me when it's supposed to be used, how, and why?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.