Hi i keep getting this issue my friend has a mac and i have a mac now both our mac have the same safari version 5.0 i have desktop which the monitor is bigger than is has he uses a mac laptop but now everytime i style a page on is mac laptop looks different even thou we using the same browser version is there a reason why and how can i fix that issue? i've attached a foto which probably as you can see the sentence where it says (Please complete form bellow and we will contact you within 24 hours) is longer than the dark grey bar on top of it which is wrong but if you actually look at the page itself link is http://www.1st4film.biz/test/contactus.php the sentence fits nicely smaller than the bar on top of it what are the reasons that happens??
Firstly the source code shows that you have the <head> code 3 times remove the duplicates. Secondly around that writing your have <p4></p4> (paragraph) should these be <h4></h4> (heading) this may alter it. I have checked through your three CSS pages and not found a mention to <p4> so you can't be using the tags to style the writing.
The reason i have like 3 head tags is because i am using a include header thats another issue i wanted to ask but if you mention what i wanted to know is when writting headers and footers if i create a header file which i will include on the page like <?php include("header.html"); ?> on the header file do i just write the head tag open because on the body page which is another file do i put there the closing header? because when loading the page the head tag open will come frm the <?php include("header.html"); ?> or i am doing it wrong??
The header.html should have everything that comes before the <body> tag so you should open the <head> put the style sheets and scripts in it and then close the head tag in the file. The body.html page should start with <body> Have you tried changing the tags from <p4> to <h4>?
Yes they will. If you want to change them for every page then don't use an 'include' in the head. IE different keywords for different pages
ok what about if i wanted to use a middle header that will be located in the middle of the body so i would have to had include header middle section .php inside the body do i not include head and open and close body tags on that include middle file??
Basically all a PHP include does is take a file and drop it into the page. It's useful for menus that are on every page or that get changed regularly, this way similar to CSS you don't have to change the code on every page. If it helps, code the page in HTML and then split it up into sections forgive the simplicity of the drawing. Basically if you code the whole page in HTML then split it up like that you end up with an index page code that looks like <?php include('header.inc') ?>; <?php include('head.inc') ?>; <?php include('right.inc') ?>; <?php include('subhead.inc') ?>; <?php include('content.inc') ?>; <?php include('left.inc') ?>; <?php include('footer.inc') ?>; Code (markup): That could be the whole page code as the html is in the .inc pages as below. the header.inc would include all the info between the <doctype> and </head> head.inc would start with <body> and include anything that is going at the top of the page logos/headers/taglines right.inc is next and gets everything in the left hand column of the layout (menus, banners, etc) subhead.inc would probably be a heading/menu content.inc would be the main content of the page left.inc is again the right column (banner ads, links, pages, etc) footer.inc any footer links and this would end with </body></html> hope this helps
the drawing was perfect ok just to clarify codewise so the right column i would have it like this <body>bla bla bla bla and leave the body tag open?? so then on the left side i would hav no open tag bla bla bla bla and close body tag</body> hope thats right so what if i wanted to style those columns with css wouldnt i need the head to put the css link like <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="author" content="Redesign and Programming by www.eurico.co.uk"> </head> Code (markup): or i would have to just <style> #div{float right} </style> <body>bla bla bla bla and leave the body tag open??
You can put the link to any CSS pages in the <head> that is in the head.inc file. They will still be located and used the same way as any other HTML document. The </body> tag should be the last thing on the page so that would be found at the bottom of the footer.inc just before </html> I'll write a quick code explaining it for you.
I have quickly put together some code that should show you what I mean by this. The Full HTML with Comments.. <!--start header.inc--> <!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" xml:lang="en" lang="en"> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link href="main_layout.css" type="text/css" rel="stylesheet" /> </head> <!--End header.inc--> <!--start head.inc--> <body> <div id="container"><!--a wrapper--> <div id="head"> <img src="images/logo.gif" alt="logo" /> </div> <!--End of head.inc--> <!--Start of right.inc--> <div id="sidebar_left"> <ul> <li><a href="http://google.co.uk">Google</a></li> <li><a href="http://ask.co.uk">Ask</a></li> </ul> </div> <!--End of right.inc--> <!--start subhead.inc--> <div id="main_div"> <div id="subhead"> You could have a tag line here above the content of the page </div> <!--end of subhead.inc--> <!--start content.inc--> <div id="main_content"> Main content of the page, in this case a contact form </div> </div> <!--end of content.inc--> <!-- start of left.inc--> <div id="sidebar_right"> <a href="http://google.co.uk"><img src="google_ads.gif" alt="google_ads" /></a> </div> <!-- end of left.inc--> <!--start footer.inc--> <a href=" <div id="footer"> This template is a <a href="http://www.philipbroadhead.org">Philip Broadhead</a> template </div> </div> </body> </html> <!--end of footer.inc--> Code (markup): And how this would look if you were to use the includes. If you are using PHP though don't forget to save it as 'index.php' rather than 'index.htm'.. <?php include('header.inc'); ?> <?php include('head.inc'); ?> <?php include('right.inc'); ?> <?php include('subhead.inc'); ?> <?php include('content.inc'); ?> <?php include('left.inc'); ?> <?php include('footer.inc'); ?> Code (markup): split up HTML code for Header.inc is <!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" xml:lang="en" lang="en"> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link href="main_layout.css" type="text/css" rel="stylesheet" /> </head> Code (markup): and so on..
@Toycel thank you very much understood thank you for taking the tiem to explain hope one day i can return the knowledge thanks
It's not a problem, I have ten years experience in this field so I should know what I am on about, although sometimes not able to portray it correctly. Hope the site goes well