Jump to content

amandawhite.ajw

Member
  • Posts

    18
  • Joined

  • Last visited

Everything posted by amandawhite.ajw

  1. 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
  2. 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
  3. 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!
  4. 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
  5. 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.
  6. Thanks Quyen...I will try that out. Appreciate the help! Best.
  7. 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>
  8. 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
  9. 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>
  10. The link is working again! Thanks for your patience.
  11. Thanks Lynne. I just saw that. I am trying to fix that as we speak!
  12. 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!
  13. Thanks again for your help. This is where I have gotten to since your replies. Guy Vee Boxing
  14. Thanks @falkencreative @virtual. On the right track now.
  15. Updated code below: <!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>Boxing For Fitness</title> <style type="text/css"> <!-- --> </style> <link href="../Documents/C BY C/Guy Vee/Website/Guy Vee 2.css" rel="stylesheet" type="text/css" /> <link href="CSS/Guy Vee.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="Content"><!-- #BeginLibraryItem "/Library/Nav.lbi" --> <p style="font-size:13pt; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;"><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></p> <!-- #EndLibraryItem --><p> </p> <p><img src="../../Documents/C BY C/Guy Vee/Website/Logo.jpg" width="455" height="409" alt="Boxing For Fitness Logo" /></p> <p> </p> <div class="left">77 FRONT STREET</div><div class="right">TO CLARK STREET</div> <div class="left">2ND FLOOR</div><div class="right">TO HIGH STREET</div> <div class="left">BROOKLYN, NY 11201</div><div class="right">TO YORK STREET</div> </div> </body> </html>
  16. Below is the code that I have so far. I have attached a screen shot of what the design looks like in dreamweaver as well. I need to horizontally separate: 77 front street 2nd floor brooklyn ny 11201 and to clark street to high street to york street Also, in the original picture I included of the website plan, I have images representing the subway train numbers. How would I move those into the correct position as well? Thanks! <!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>Boxing For Fitness</title> <style type="text/css"> <!-- --> </style> <link href="../Documents/C BY C/Guy Vee/Website/Guy Vee 2.css" rel="stylesheet" type="text/css" /> <link href="CSS/Guy Vee.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="Content"><!-- #BeginLibraryItem "/Library/Nav.lbi" --> <p style="font-size:13pt; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;"><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></p> <!-- #EndLibraryItem --><p> </p> <p><img src="../../Documents/C BY C/Guy Vee/Website/Logo.jpg" width="455" height="409" alt="Boxing For Fitness Logo" /></p> 77 FRONT STREET 2ND FLOOR BROOKLYN, NY 11201 TO CLARK STREET TO HIGH STREET TO YORK STREET </div> <p> </p> <p> </p> <p class="Footer"> </p> <p> </p> </body> </html>
  17. I am new to dreamweaver and having some problems getting the site to look the way I want it. I have attached the image of how I want the site to look. The part that is holding me back is separating the text at the bottom of the site, the address/train directions. Can anyone help me out with how to do this? (I need to get this site up fast and then I am going to go back and learn about HTML/CSS, which I know should be learned first, but I do not have the time before I need to get this up.) Thanks for your help!
×
×
  • Create New...