Jump to content

grabenair

Member
  • Posts

    338
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by grabenair

  1. Your last question take the line of text out of the new div (and git rid of the new div) and make it an h2 or a p tag. I would make it an h2 and just put in in the headcontainer after the h1. Then postion it with css. The reason I would make it an h2 is for SEO. You have an h3 later in the contactContainer. H tags should be in order from top to bottom of page for SEO reasons. But first put this as your first css rule because I see some default margin that needs to be gone to help with placing elements in your head. h1,h2,h3,h4,h5,h6,p { margin: 0; padding:0; } You probably do not need it all of the way to the h6 but way not it will be there if you need it and will not have to go back and fix it later. What this does is strip out any defaults that a browser put in by default. You can then go back and add css to the p tag and sit the margin bottom to something that looks good and they will now all be constant. To get everything to line up you can give the img,h1,h2 an id for targeting with css. For the img to put in an id add, id="logo", or whatever you want after the height. You can get rid of the mottoContaner if you want and put the p that is in it in your head container after the new h2 you are going to add there. But not necessary, just cleaner code. The rule you added to the li is right but you do not need a new li just add it to your .inline li rule. I was looking through all of yo0ur css and you need to move all of the styles you add up to line 95 in the template. Why, your css need to be above the @media rules. Is this just a template you are using or a web service site? On your h tags you can get rid of the line-height part of the css, not needed. Back to the header. Get rid of the vertical-align: middle. This is going to help with placing things in your header. Like I stated earlier give the logo an id and now give your h1 and h2 an id and use margins and padding for placing. Here is what is called short hand for css, margin: 1px 2px 3px 4px; Here is how it works the 1 is top 2 right 3 bottom 4 left. There are other ways to do this but for now just use this. I think you may be getting a bit overwhelmed. I am going to leave you with this for now and give you more latter.
  2. You really need to put all of that stuff above your head tag in the head. It has to do with making it change for the screen size and other stuff. If you are wondering where to put it copy everything and past it right before that IE7 stuff right before the closing head tag. Fix the code as Andrea said. Just a couple of things for looks. Get rid of the # for the phone numbers or make it constant. In the copyright you do not need the word (to) that is what the dash is for. You will have to come back every year and change the date. When you get everything done I will teach you how to make it do it by itself. But only when everything else is done. I have a question is this going to be the only page for the site? If it is I feel that it would look better if all three images where beside each other, but that is just me. One more question is the logo something new that you made or is it one they already have established for the company?
  3. In the content info section I would make it a unordered list like this: The html <ul> <li>phone info</li> <li>fax stuff</li> <li>email stuff</li> </ul> The css ul { list-style:none; } li { display:inline; or display:inline-block; /*Add margin and padding as needed to line up the way that you want. Also you have to float them right or left to get them to display horizontal*/ } Remember to use css and not &anbsp for positioning. Make the changes that Andrea and I gave you, then let us know and we can go from there. Andrea, I did not know about not having to close the p tag. I am always learning from you thank you. Although I will probably still close it because it will look funny to me.
  4. Change the css for .pictureBoxRight and the left one to display block. When I did this the border showed up. Now float these respectively right and left. Then sit the margins to get them where you want them. After the two divs box right make a div with class of clear and make this the clear class .clear{ clear:both; } I do not know why but with html5 I have had problems with clearing the float rule in the div that follows but this works. You are very class heavy. You should use id's and use classes only when you need to use the css on an element more then once per page. Also it is better to use margins and padding instead of line breaks. This is all of the time I have I will check back in the morning have a good night.
  5. When looking through topics and responding take a look at the date in the upper left corner of the post. I did the same thing when I first joined this form, respond to a post that is over a year old. Do not get me wrong like the enthusiasm but they probably have the issue fixed by now. Also just an fyi do not take anything we say personal. What we give is constitutive criticism. Sometimes very to the point but not ment as being mean. Thank you and have a good day.
  6. Well lets start here. First take the html file that you have and go to http://validator.w3.org/check and past it there and fix all of the errors. It showed me 28 of them. Also ul closing tags go at the end of the ul this is causing you problems because between you opening ul and closing ul it is trying to make everything a ul. You can git rid of all of the &nbs and </br> tags use css to postion your elements this is most of your problem you are not telling the browser where to put your elements just to put a space in there. On your border left instead of using js for this you can use css like this. Put a border left on all the links with css and then put this in your css li:last-child { border-right: none; } This will get you started in the right direction.
  7. I do not think this is correct. I have moved word press sites frommy local server to my hosting server using dreamweaver built in ftp. I did notdeactivate the plugins. I do not have an answer to your problem, but when Ihave a word press problem I go to wordpress.org and go to the form and lookthrough it and somebody has already had the same problem. If you think it is a dreamweaver problem try using filezilla foryour ftp. I do think it is a database problem although. A little advice is whenbuilding a wordpress site I just do it right on the hosting server and go tosettings/reading and check the box that says discourage search engines from indexing this site. There is also a checkbox for this when you first install a wordpress site on the page where you putall the database and password stuff. This is not a 100% guaranteethat search engines will not index your site.
  8. Hello, sorry to interrupt. But I have a couple of things for you. If you put your links in a list like <ul><li>link here</li></ul> and make them display inline or block and then you can put a border right on them instead of the pipe on the right. The pipe will give you an error on the page when you learn to valdate your code. Then to get rid of the last pipe on the end for you do not have an extra divider. Do this li:last-child border-right: none; } If you have more then one ul put the id or class before the li:last child, preferably a id. Make sure to leave a space like this #something li:... Important only one id per page but you can have as many of the same class per page as you want. Although not necessary, but common practice to make your code easier to read. You should use camel case or an underscore to separate names of ids and other things. Camel case is twoWords, does not matter wich one just be consistent. Also formatting your code helps make it readable also. The easiest way I can think of to give you advice on that is to go look at some sites at radome and go and view source. Well that is about it I just wanted to let you know about the pipe thing and just added the other couple of things because. Well I will leave you back to Andrea now she is a lot better at fixing code then I anyway.
  9. You NEED to put a break in the code to stop or will keep going for ever and can cause problems. You can find a the info you need here, http://php.net/manua...tures.break.php You good also Google, stoping a for loop from running in php, I came up with a few ways of doing this besides the break.
  10. I do not know never used it. But you could go and download wamp or mamp. They are a server for your computer, I use mamp. Wamp has had problems on windows 7 do not know if they have fixed it yet. I now do all my work on a mac book pro as I do not hace a pc anymore. I do check my work on my wife's laptop although because sometimes there are problems you have to fix between mac and windows. But anyway back to topic. Wamp is a what is called a local server. You download it then you can install WordPress on you pc or mac. You will also need it if you do not use WordPress and just have a site that has php files. How it works is after you download Wamp you install WordPress, or make your root folder in the htdocs folder for a none WordPress site. I make a shortcut on my desktop for easy access. Oops backup before you install WordPress you have to make a database using phpmyadmin. This way you can experiment with WordPress without going live.
  11. I am not sure but I do know that this does https://code.google.com/p/sierra-os/ Here is another one that I like it uses jQuery http://www.jquery4u.com/tutorials/jquery-desktop-ui-ext-js/
  12. This is wrong, The html tags you declared blocked are already block by default. You declare them just to make sure. To make sure that the html5 tags work in IE 7 and 8 and 9 put this in the head because older IE does not recognize the new html5 tags and can display wrong. <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> I am not saying your javascript is wrong. Just that html5 tags are block by default. What this is doing is checking to see if the browser is IE 9 or less. In the code [if lt IE 9] the lt is a lowercase L not an uppercase i. Stands for less then. Also a very good reference to see what browsers support what is http://caniuse.com/ just click on one of the topics and it will take you to a link with a table that tells you the browser support. This site will also let you know if you need a prefix for css like -webkit- and so on.
  13. I do not know, never used them. I just have a web host, mine is Hostgator but I here Ipage is very good also. Again do not use Godday for word press. I just download word press and install it on my web host. First you have to make a database on your hosting server. Then follow the instructions to install your wordpress site. I will be happy to walk you through this. It is simple once you do it once. You can get my email in my profile. I am on my computer most every day. If you do not have Skype download it or we can use gmail so we can chat as I help you upload word press to your server. If you go with that method.
  14. Start at wordpress.org all the info you are looking for. You will need at least a basic understanding of PHP. Learn what a child theme is and make one. Do not use Godaddy for hosting. Install one plugin at a time then go through site and make sure it still works. Some plugins do not play well with others.
  15. Ya I am like Curious George, had to go and do some research on the * thing. Not a lot out there but check out this site http://www.marcofolio.net/css/css_trick_debug_your_html_and_css.html (check out the demo) it will help or make things worse. lol ya I know lol but could not help myself I am felling goofy tonight.
  16. Cool thank you for correcting me. Not trying to be a smart butt. I was taught to zero out like this * body {code here} I also see this in a lot of sites that I like and go look at their code to try to figger out how they did it for I can learn more. Is this something that used to be done or are we being taught wrong. The reason I am asking is I like to do things right. Also it makes me fell bad when I try to help someone and I do not do it right.
  17. He is right you do not need the html but if you want it you can put this * body {body code} The * is shorthand for html. The code looks good to me. But remember IE 7 and 8 can balk at all % and ems for font size so put the body font size to px. Believe it or not there are still people out there with IE7 and 8. I had a meeting with a client on Thur. he still had IE7 in his office and at our local college they still have IE8. In your nav when I hover over the links they all but disappear. You really do not need a back to top link the page is not long enough. But here is a better way of doing it using jQuery. In your head put this <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> And put this in a folder something like _jQuery with a file in it named something like javascript.js //scroll to top link $(document).ready(function() { $('.top').click(function(){ $('html, body').animate({scrollTop: 0}, 3000); }); }); //the html <p id="backtop" ><a class="top" href="#">AUTO SCROLL BACK TO TOP</a></p> The Top: 0 is the top of the page, The 3000 is how many seconds it takes to scroll to top. Then put a link to the file just before your closing body tag to the _jQuery folder like this <script type="text/javascript" src="_jQuery/javascript.js"></script> You can see this in action on my site on the portfolio page. Link at the bottom. (Still working on site.) If you want the year of the copy right, although not required, it is generally with the year the site is built to the current year and you can do this with one line of PHP. <p id="copyRight">© 2008 - <?php echo date("Y") ?> - name of site here</p> Thank Andrea for the php she is where I got it from. The php block will change the year automatically, you do not need it in <p> tag it is just the way I center it. Also if you add this all of your files will now have to be .php not .html or .htm do not forget to change your links also. I know this is way more then you asked for but what the heck.
  18. Personally I do not see a problem with the 12px that you have for font size on your links. I would leave it alone. One thing you could do is add a line height to center the text. Also this is just a little piece of advice. You should pick a word separator meaning the underscore or camel casing and stick to it. I see both and none in your code. It will make it easier for you in the long run when you write your css, call an id or class with PHP or Javascript, you will not have to go back and see what you did because it will always be the same. And if you ever work on a team your team members will like you better.
  19. Well is has been a couple of days. I have not taken that course or any other for a very long time. But I will try to help. Paste your PHP code and I will see if I can spot what is wrong. If you click on the icon second from the left < > it will put the code in the post in color makes it easier to read.
  20. Points are for print. Ems are best. But do not sit everything in Ems it can cause problems in IE. You should set a base font at the beginning of your css. Where you sit the margin and padding to 0 on the body. Something like 12px this is just for IE does not balk at all Ems. Well with that out of the way. Try using % so it will change with the browser. If all else fails go old school and use photoshop to make the links.
  21. Well I am awake now so not so much rambling. For a better explanation on why learn to code, like your dropdown menu you are having problems with, see DreamWeaver Myth in the DreamWever section as LSW is a better writer than I by far.
  22. How totally new? For help getting started I am going to suggest go to the tutorial section of this site and start with html and css.
  23. I see the boss has a b-day today, Happy 42 b-day boss.
  24. Hello, and welcome I am sure you will like it here. Everybody is truly helpful with no bull. Sometimes direct but no offense meant.
×
×
  • Create New...