amandawhite.ajw
-
Posts
18 -
Joined
-
Last visited
amandawhite.ajw's Achievements
Newbie (1/14)
0
Reputation
-
Vertical sliding/scrolling website w/ jQuery tutorials?
amandawhite.ajw posted a topic in Javascript
I want to create a vertical sliding/scrolling website with jQuery but I haven't been able to find a good tutorial. I have found some tutorials but nothing that really explains in full. If you have any suggestions it would be greatly appreciated! Example of what I'm looking to do: http://2009.legworkstudio.com/#home Thanks for your help. Best. Amanda -
Local hosting help for first wordpress site
amandawhite.ajw posted a topic in Business of Web Design
I am creating my first site with wordpress and looking for the best way to work on the site without constantly uploading to FTP and making it live. I use media temple for my hosting, so I don't know if I could create something through there or if MAMP is the best option. I want to figure this out on the first go so I have an easy way to share with clients in the future before I make the site live. Any help with this is greatly appreciated! Thanks. Amanda -
Methods to share drafts/work with client
amandawhite.ajw replied to amandawhite.ajw's topic in Business of Web Design
Thanks for the tips and links. I will definitely check them out. And Conceptshare was the other site I had looked at, good to find it again! Thanks! -
I am starting to develop all of the systems for my business and wanted to get some opinions on methods to share drafts/work with clients. I have looked into using Basecamp and there was another site (I cannot remember the name and foolishly didn't bookmark!) where clients could even write comments directly on the draft, but I am not sure if these are the best ways to share files with clients. Thoughts? Thanks. Amanda
-
Beginner - HELP with Spry Textarea Label !!
amandawhite.ajw replied to amandawhite.ajw's topic in Dreamweaver
I tried adding label{ vertical-align: top; } to the css and nothing changed. I have been trying to search for an answer online but nothing I find will move the label to the top. Any other suggestions are greatly appreciated! Best. -
Beginner - HELP with Spry Textarea Label !!
amandawhite.ajw replied to amandawhite.ajw's topic in Dreamweaver
Thanks Quyen...I will try that out. Appreciate the help! Best. -
I am a beginner when it comes to websites and I am trying to set up a contact form on my website. Right now I don't have it set up with PHP (Next monster to tackle!) just with "mail to" and that is all working fine. The thing I am having trouble with is getting the comments label to line up with the top of my comments text area. Right now "comments" is positioned at the bottom of the text area. I am using spry for the form and buttons. If anyone can help me out I'd really appreciate it. I attached a picture of the site and included the source code below. THANKS!! SOURCE CODE: <!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>Contact Consulting By Charles</title> <style type="text/css"> body,td,th { font-family: "Courier New", Courier, monospace; font-size: 16px; color: #5f6062; } body { background-color: #F5F7F6; text-align: center; } a:link { color: #5f6062; text-decoration: none; } a:visited { text-decoration: none; color: #5f6062; } a:hover { text-decoration: none; color: #333; } a:active { text-decoration: none; color: #5f6062; } #apDiv1 { position:relative; top:30px; width:90%; z-index:1; background-color: #FFF; text-align: left; margin-right: auto; margin-left: auto; bottom: 30px; padding-top: 20px; padding-right: 15px; padding-left: 15px; } .contact_text { color: #000; text-align: left; } .footer { font-size: 11px; text-align: center; width: 100%; margin-right: auto; margin-left: auto; position: absolute; bottom: 0px; } .form { text-align: center; } .contact_emailtext { color: #5f6062; } </style> <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script> <script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script> <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" /> <link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" /> </head> <body> <p><a href="index.html"><img src="logo.jpg" alt="C By C" width="148" height="135" border="0" /></a> <br/> <br/> <a href="clients.html">Clients</a> ⋅ <a href="contact_2.html">Contact</a> ⋅ <a href="careers.html">Careers</a><br/> <div id="apDiv1"> <blockquote> <p><span class="contact_text">01. PHONE</span><br /> 212.514.6236 </p> <p><span class="contact_text">02. EMAIL</span><br /> <a href="mailto:Contact@ConsultingByCharles.com">Contact@ConsultingByCharles.com</a> </p> <p class="contact_text">03. FORM </p> </blockquote> <form action="MAILTO:contact@consultingbycharles.com" method="post" name="form3" id="form3"> <span id="sprytextfield3"> <label for="Name">Name</label> <input name="Name" type="text" id="Name" size="40" /> <span class="textfieldInvalidFormatMsg">Invalid format.</span></span> <p><span id="sprytextfield4"> <label for="email2">Email</label> <input name="email2" type="text" id="email2" size="40" /> <span class="textfieldInvalidFormatMsg">Invalid format.</span></span></p> <p><span id="sprytextfield1"> <label for="phone">Phone</label> <input name="phone" type="text" id="phone" size="40" /> <span class="textfieldInvalidFormatMsg">Invalid format.</span></span></p> <p><span id="sprytextarea1"> <label for="comments">Comments</label> <textarea name="comments" id="comments" cols="60" rows="8"></textarea> <span class="textareaMaxCharsMsg">Exceeded maximum number of characters.</span></span></p> <p> <input name="Reset" type="reset" class="contact_emailtext" id="Reset" value="Reset" /> <input name="Submit" type="submit" class="contact_emailtext" id="Submit" value="Submit" /> </p> <p> </p> </form> </div> <p> </p> <p> </p> <script type="text/javascript"> var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "custom", {validateOn:["blur"], isRequired:false}); var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "email", {validateOn:["blur"], isRequired:false}); var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "phone_number", {validateOn:["blur"], format:"phone_custom", isRequired:false}); var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {validateOn:["blur"], maxChars:600, isRequired:false}); </script> </body> </html>
-
Here is the final product! Thanks for your help. http://www.guyveeboxing.com/Index.html Any feedback on the formating of the schedule/pricing pages would be appreciated. When I viewed it on the PC I have at my house, the formating was off! (Format is good on my mac) All the best! Amanda
-
Thanks to all!
-
Source Code: <!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>GALLERY</title> <link href="Guy Vee.css" rel="stylesheet" type="text/css" /> <style type="text/css"> a:link { color: #EEE; text-decoration: none; } a:visited { color: #FFF; } a:hover { text-decoration: none; color: #c02f1c; } a:active { text-decoration: none; color: #EEE; } #apDiv4 { left:25px; top:3px; width:100%; height:65px; z-index:2; background-color: #555; text-align: center; padding-top: 1px; padding-bottom: 8px; vertical-align: middle; } </style> <script src="scripts/jquery.js" type="text/javascript"></script> <script src="scripts/lightbox.js" type="text/javascript"></script> <link href="css/lightbox.css" rel="stylesheet" type="text/css" /> <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="apDiv4"><p id="apDiv3" style="font-size:18pt; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;"><!-- #BeginLibraryItem "/Library/nav.lbi" --><a href="Index.html">HOME</a> <a href="About.html">ABOUT</a> <a href="gallery.html">GALLERY</a> <a href="pricing.html">PRICING </a> <a href="schedule.html">SCHEDULE</a> <a href="contact.html">CONTACT</a><!-- #EndLibraryItem --></div><br /> <p style="font-size:18pt; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;"> <div id="gallery1" class="lbGallery"> <ul> <li> <a href="In The Ring.jpg" title=""> <img src="in_the_ring_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Kids_1.jpg" title=""> <img src="Kids_1_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Kids_2.jpg" title=""> <img src="Kids_2_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Kids_3.jpg" title=""> <img src="Kids_3_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Workout_1.jpg" title=""> <img src="Workout_1_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Workout_2.jpg" title=""> <img src="Workout_2_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Workout_3.jpg" title=""> <img src="Workout_3_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Workout_4.jpg" title=""> <img src="Workout_4_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Workout_5.jpg" title=""> <img src="Workout_5_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Equipment.jpg" title=""> <img src="Equipment_SM.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="Speedbag.jpg" title=""> <img src="Speedbag_SM.jpg" width="72" height="72" alt="" /> </a> </li> </ul> </div> <script type="text/javascript"> // BeginWebWidget lightbox_gallery $(function() { $('#gallery1 a').lightBox(); }); // EndWebWidget lightbox_gallery </script> <p style="font-size:18pt; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;"><br /> </body> </html>
-
The link is working again! Thanks for your patience.
-
Thanks Lynne. I just saw that. I am trying to fix that as we speak!
-
Hi, I am new to dreamweaver and I am having trouble with the lightbox I am using on my site. I am using the "lightbox gallery" that I found on Adobe Exchange (http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1744525). It is easier for me to show you what is happening instead of explaining the problem, here is the link to my site http://www.guyveeboxing.com/gallery.html. I did not change any of the settings for the light box except to center it on the site, but when you click on an image, something is definitely wrong. If anyone could help me out with this I would greatly appreciate it! I can post up any coding needed. THANKS!
-
Thanks again for your help. This is where I have gotten to since your replies. Guy Vee Boxing
-
Thanks @falkencreative @virtual. On the right track now.
