Hello to all, My name is matt, 26 from the uk & i have signed up to the forum hoping to learn alittle more and hopefully to receive some good advice. As the title says im am new to css,html,xhtml etc so as im sure you would expect i often face problems that i dont intaialy know the answers to, with most that i face i find the answers but in time. I currently am trying to teach myself which is going ok but help is something that is always welcome as i dont really have anyone to discuss elements etc that i dont not yet understand. So my question is probaly easy for many but still.... As we know that when coding alot of the time it alters when veiwed in a different browser. Is this because in many cases you need to alter the code for that browser? or is it because there is an error in the code but whilst lets say I.E allows the page to display correctly, Firefox on the other hand is less forgiving and causes an unbalanced view? Here is my example - mattbarber.primaldesigns.co.uk/site (this is a project im working on please be nice ) Thank you matt
Here are some suggestions, im not trying to bash you or your code, just trying to help you out 1) Clean up your Code, it will help greatly when you are debugging, or coming back months later to change something. Not trying to toot my own horn, but check out my site's source code, i am very strict about keeping my code pretty. 2) Use a program such as Notepad++ (google it) this will help you with keeping your code clean 3) When you are developing your websites, keep both browsers open and take 1 thing at a time, making it work in both browsers how you want, and 99% of the time, with a little bit of determination, it can be done. 4) personally, i make sure my sites work in firefox before IE, because unlike IE, firefox is based more around standards, rather than IE's.... methods On other notes, the site looks great sofar. I'm viewing using firefox, so i wont go and point out all of the little bugs i see here and there, because im sure you will get to them eventually. Good luck in learning the basics of web dev, and if you have any questions, post them!
ok im looking into this notepad++ now thank you. At the moment i use CS3 Dreamweaver to code and obviously CS3 Photoshop to design other than notepad would you recommend any other good tools? Thanks for a quick reply also
Dreamweaver is good to learn how website structure works, and how things are laid out, but i suggest you maybe start looking at html and trying to code it yourself. start with the basics, and move up. there are lots of sites that provide step by step instructions on starting out with html, even videos im sure.
There are various instances where some code will make an element display different in another browser. As you code more sites you'll find out what things usually cause it. You can keep messing with the code, making something display the same using different methods, or you can use a different .CSS file for browser specific code.
Would you mind pointing out an example? only i use dreamweaver but i will be honest and say only to display the html that im writing, i know it has many features and tbh the only one i really know how to use is the roll over images for the nav buttons. Also with my index page not displaying properly in fire fox were would you look at first from a coding perspective? My first thought was in the css rather than the html. (Im not asking you to correct it for me, id rather you didnt or i wont learn, just point me in the rite direction.) i did an error check online through - //validator.w3.org/ found a few errors an seems to tidy the code alittle. is this a good route to take or would you leave this out? And as i said thanks for the advice.
ok lol I have been looking at the site css & the html i have had somewhat of a tidy up and play around with the code. As i said before in Internet Explorer the page is fine but in Firefox its still messed up. Anyone who can see the reason for this problem is welcome to tell me were. mattbarber.primaldesigns.co.uk/site/ If possible can u tell me were i have gone wrong. who knows i may even remember for next time. Thanks For Veiwing..
There can be a lot of places that there is incorrect code. Even the slightest bug in the code could cause it to look wrong in ie or ff. Look at one bug at a time, and try to validate just that section of code
So i have been a little busy working on the code to make the page dispaly correctly. mattbarber.primaldesigns.co.uk/site so far this is 3 pages showing - home/contact us/archive. Now i have been facing one proble that i have never faced before and im certain the solution will be easy. Usally when writing the css i make my #container{ width: 800 ; height: ;} as you can see i leave the hight blank so it fills the page arcordingly to what is going inside. one of my previous problems was that the container height was left blank, now that i have inserted a size it displays ok. im 99% certain thats not right. But as you will see in the contacts page because of the resize it looks horrid and in I.e it leaves somewhat of a 40px margin top and bottom also the search form i wanted to use = <FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <font color="#FFFFFF" size="-2" face="Arial, Helvetica, sans-serif" style="margin-left:11px">Site Search</font> <center> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#c3ba86"><INPUT type="text" size="19" MAXLENGTH="30"></TD><TD BGCOLOR="#c3ba86" VALIGN="Middle"><INPUT type="image" name="submit" src="go.gif"></TD></TR></TABLE></center> </FORM> is this sutiable or should i look into another? Feedback on all please. Thanks Matt