Jump to content

grabenair

Member
  • Posts

    338
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by grabenair

  1. It is not that you cannot control it that well. It is just with Dreamweaver if you have it generate code for you it takes a little while to learn what it is doing and how to edit it. As you use DreamWeaver use the split screen to see the code that it is written for you. It will help you see what is going on. But better yet it is better to learn to code and then use Dreamweaver to help speed up the process. Then again I can now write code faster than I can use the dialog window in Dreamweaver. When using the the spry in Dreamweaver it is easier, at least for me, to look at the html that it wrote and then write new css and add it to the bottom of the spry css that it wrote. That is how I got your code that I wrote for you in my last post. I did try to edit the spry css before I went and wrote a new rule. For some reason I could not get the margin: 0 auto to center so that is why I went with the way I did to make it work for you. Remember css is read from top to bottom so when using spry just target the id or class that you need and write a new rule and add it to the bottom. This may not be the best way, but it will work for you as you learn to write all your own code and not use Dreamweaver to do it for you. You can and should learn to use Firefox and Chrome developer tools, they will help you find the rule that is causing you problems. Firebug for Firefox is also a great tool. I have Dreamweaver cs6 but I prefer to write code in notepad++ I know I have been rambling but hope this helps you some.
  2. Stepenius Spry is what Dream Weaver thing. It is generated css and javascript. I went and made a spry menu bar in Dream Weaver. The only way I could move it from the left is to add this code to the SpryMenuBarHorizontal.css I put it at the bottom of the code for it is the last rule. Also do not forget to load the spry folder to your server when uploading your site. Just play with the 200px until you get it right. #MenuBar1 { margin: 0 0 0 200px; } This is shorthand code top, right, bottom, left, think of a clock 12,3,6,9.
  3. Do you have a link to the site for we can look at the code?
  4. The Parable of the “Still Works” Programmer There was once a programmer who was facing a JavaScript program he didn’t understand. By rewriting one character in a JavaScript statement he did not understand and refreshing the browser to see if the code “still works” he progressed toward making his website work. He (or she of course) is a programmer who was also a “does it work now?” type of programmer. He refreshed his browser to see if the code that didn’t work... After he changed one character to another or replaced {} with ... if it still worked now. Of course he was also the “copy and paste” type of programmer. He pasted code from tutorial websites into his own and miraculously they would work. But when they didn’t he was very frustrated and started asking others for help without considering to type a few words into Google. Don’t be the “still works” kind of programmer. The “Still works” programmer is slow. He doesn’t learn anything. That is why he is stuck on every single new problem he faces. It’s because he was looking to make the code work without understanding it. He doesn’t utilize his own ability to resolve problems logically. To innovate on his own learning abilities. The “still works” kind of programmer is impatient. Programming requires patience because without practice we cannot write a perfect program the first time around. Programming requires discipline and the ability to lean logical ideas and implement them efficiently. The danger of being the “still works” programmer is not in sliding down to become “still kinda works” programmer. If it is evident in our programming habits then it will be the general attitude we look at other things in with. The danger of it lies in carrying the “still works” attitude into other areas of your life. Does your life still work? Or do you copy and paste solutions from other people hoping they could apply in your life too? Are you just a bunch of copy and paste habits that “still work” but you’re not quite really sure? Or do you seek to take responsibility for your own situation in life? To be your own self? To figure out how things work by yourself? To apply yourself and your abilities? The alternative to being the “Still works” programmer is to understand JavaScript. Giving credit where credit is due This was written by Greg Sidelnikov, just wanted to share.
  5. grabenair

    Html To Psd

    Why? What are you trying to do?
  6. 1. killersites.com 2. A computer 3. A code editor 4. A graphics program 5. A willingness to learn new things everyday 6. Patience 7. Learn how to do research online 8. Willingness to shut off your TV
  7. Thanks Andrea, I was not sure about the yellow either. I wanted to add a little contrast. The yellow is where I left off. I have been using the color scheme designer web site trying to come up with a good combo. I am not very good at getting the color contrast down. I have gotten better over the years but it is still the hardest part of web designing for me.
  8. Here is my site, http://www.midwestwebdesignstudio.com Everything is going well until I went and did a cross browser check. The problem on my contact page. In Fire Fox When you focus on a form input field the field gets smaller and has a black outline. The outline is supposed to be blue. The smaller effect is only on my MacBook pro, only the color change on the PC. I am used to dealing with IE problems, this is new to me. I am not all that worried about the color change, although I would like to know why it is happening. I am more worried about the form input getting smaller on focus.
  9. Looks awesome! I am doing a redesign on my tutorial site also mine is pretty plain and boring. But easy to find what you want. Now I have to go back and rethink the look as you have now raised the bar on the astecits of a tutorial site.
  10. Here are a couple of links that may help you. This one is for CSS http://www.w3.org/TR/css3-syntax/ it is a little technical but not too bad. This one is for browser support of things like box shadows, gradients excedra. It will tell you if you need to put on the vendor-specific extension for each browser version. http://caniuse.com/#feat=css-boxshadow Just put what you are looking for in the search bar. This one is for gradients http://www.colorzilla.com/gradient-editor/ it is the lazy way to make gradients or the easy way depending on how you look at it. Another tip is when you have code that you will probably use often keep it in a folder for reuse. This is good for things like forms that you know work well. Then all you have to do is change a couple of things in the code and you are ready to go. Remember once you get going reuse code, for me it is the number one time saver.
  11. Just a little advice with using word press. Always make a child theme. When your site or admin panel starts acting funny you will probably have a plugin not playing well with others. So always check you site after you install a new plug in to make sure everything is working. When setting up your site do not use admin as your admin login name, it makes it easer to hack. Also when siting up your word press change the database prefix from wp_ to something like a password, for example Wk8rthkvf_ I just hit some keys. Again this will help a lot with security for your site. You do not need to remember this prefix if you need it for for some reason you can log into your phpadmin on your server and get it from there. Although I have never before needed it. Also install some kind of security on your wordpress site like, BulletProof Security, there are others but this one has a free version and I have not had a WP site hacked sense using this plug in. One more thing do not use godaddy as a hosting server for WordPress it does not get along with godaddy servers at all. Good Luck.
  12. Some plugins do not play well with others. I would suggest that you uninstall the plugin and do a manual organization of your files and folders.
  13. Start here to learn what Soap is for and how to use it. http://www.w3schools.com/w3c/w3c_soap.asp
  14. Just a note and off subject, has anybody noticed that this question was originally posted Aug. of last year.
  15. You'll need to find out the height of the header and its position on the page then show or hide the div depending on the scrollTop value. // Get the headers position from the top of the page, plus its own height var startY = $('header').position().top + $('header').outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $('.fixedDiv').slideDown(); }else{ $('.fixedDiv').slideUp(); } } // Do this on load just in case the user starts half way down the page checkY(); This should get what you want, if not let me know and I will try again. Instead of adding a new replay I am adding it here. I just found something that will do what you want. You will just have to do a little customization. Scroll down to the bottom and check out the demo. What you will do is make your <div id="nav_main"> sticky. Here is the url http://css-tricks.com/persistent-headers/
  16. You might be able to customize this code to get what you want. You could also do it with css. On all of your pages except the home page set a negative margin on the top of your header to place it where you want it. Then customize this code to work only on your home page. //makes the heder dispear when clicked on the links $(document).ready(function(){ $(".nav_home").click(function(){ $("#branding").animate({ top:'0px', }); $("#nav_main").animate({ top:'175px', }); }); $(".nav_contact, .nav_projects, .nav_about").click(function(){ $("#branding").animate({ top:'-170px', }); $("#nav_main").animate({ top:'5px', }); }); $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); }); });
  17. The best thing that you can do is would have wrote your php with security in mind as you were writing it. Bad code is what hackers like the most.
  18. Just a suggestion, If you want a word press site do not use godaddy for hosting. I and all of my friends have had nothing but problems with wordpress on goddaddy. Use somebody else. There is a lot of good documentation out there on this and the wordpress forum is a good place to go and ask which one people use the most. Me and my friends use hostgator and have had no problems.
  19. This is a project for a web designing class. Am I right?
  20. Google responsive web design. Start studying.
  21. I have done some research on this and am still not sure. I have seen html 5 doctype in lower case letters and upper. Does it make a difference? The code editor that my friend uses calls an error if not in upper case. But then again Dream Weaver cs6 uses lower case. I have experimented with both and they seem to work. What I was wondering is. Is there a genoral rule?
  22. This is called a conditional comment. What you do is build your site and test with firefox or chrome and then test in IE back to IE 7 should be fine. Then you see what is not working right then rewrite your css in a style sheet for IE. Make sure to link the conditional comment sheet below your main rules in the head. Here is a good article on this http://www.impressivewebs.com/conditional-comments/
  23. Just a fyi for Stephenius. Responsive design is what happens to your web site when the viewport is different sizes. For example phone 480, 768 tablet. Then you use media queries to target the view port size. So to sum up they go hand in hand. Back to Rachelle Y, Try this to fix your problem: <meta name ="viewport" content = "width=device-width"> This goes in the head of your document. What it does for a fluid layout is tell your website what size of viewport your site is being viewed on. There are other properties that you can put in the meta tag but this should fix your problem. If you would like to do some research on this go to http://dev.w3.org/csswg/css-device-adapt/ Hope this helps and not made it worse.
  24. I found this for you I Googled (how to make a web page slide when clicked on) http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery
×
×
  • Create New...