Jump to content

holmedwa04

Members
  • Posts

    743
  • Joined

  • Last visited

Everything posted by holmedwa04

  1. Yes it is a re-direct, because it works on other browsers, I don't know what it thinks it is doing on IE6 though. As you say it seems to be putting things in frames. I really must see if I can get a better one, but it must be free, because I am not paying for it. I am on the case and think I may have one.
  2. I have worked out why I am having trouble with the scrollbars in IE6. I am using freedomain to re-direct my site from its original URL. And when you view the source code in IE6 and you are viewing the site by the re-direct it doesn't display the source code at all. It displays something totally different. So it is because of the re-direct that it is doing it. But when you view the source in any good browser you see the proper source code. I think I am going to have to use a better re-direct because I don't like the scrollbars unless you think there is a work around for this?Any advice, comments, criticism etc. is welcomed.
  3. I just couldn't for the life of me get it working. And then I suddenly realised that I had some code that opened a new browser window. And you could set things like scrollbars, tool bars, status bars etc. So I had a look back at the code that I used and it works great, plus it validates fine with HTML 4.01 Strict:Code in external JavaScript file, but obviously doesn't have to be linked to really. It just makes it easier for what I am doing: function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);} And this is the code that I used for the link, I have replaced the values with what you need to include to use the code: <a href="java script:MM_openBrWindow('www.yourlinkhere.com','Name of Site','width=value,height=value,menubar=yes/no,toolbar=yes/no,status=yes/no,scrollbars=yes/no,resizable=yes/no')">Name of Site</a> And that is all it is, the width and height values can be set, but if you don't want to set a value the width and height attributes can be omitted. All of the other attributes take the value of yes or no. HTHI am still having problems with IE 6 and scrollbars, but I haven't done the tables yet.
  4. Sorry to be such a pain, I have included the code above in the head of my document and changed the file name to target.js. And this is my link code, I have used two classes this is okay isnt it? <a class="bot" class="blank" href="http://hosting.burrawcentral.org">Burraw Central Hosting</a><BR><a title="goathland@hosting.burrawcentral.org" class="bot" href="mailto:goathland@hosting.burrawcentral.org?Subject=Contact Us">
  5. Sorry you didn't tell me what code I should use to link to a Java Script file, and where do you include it? In the head?
  6. Thanks so much doing physics homework on Simple Harmonic Motion at the moment so will give it a go in a bit. I dread to think what complicated harmonic motion is! The name simple suggested it would be hard right from the start!
  7. How would I put the script in something that I link to a .js file or how would I link to it? Also do I have to use a menu with a bullet? Is it possible to get it to work with a link to that any link with class="blank" maybe? Because most links are internal, it is only a limited number that are external. As for the character set I think I used UTF-8 is the one you are suggesting better?
  8. I have tested it in Chrome, Safari, Opera, IE 6 and Firefox and Firefox is the only browser that doesn't like the HTML 4.01 transistional. It doesn't center the image as it should, surely there is some sort of other code available to use for opening a link in another window? I must have it open in another window as it is a link external to the site. I have all external links open in separate window otherwise when they close the browser they lost your site, if it opens in a separate window they can go back to your site.
  9. It hasn't been an easy decision but I have decided it is best to go completely CSS based. And like you say remove things like <center> <br> etc. I have had to change the doctype to HTML 4.01 Transistional instead of strict because it would not validate with target="_blank". And I have added character encoding as well so, so far I haven't uploaded but one of the pages validates completely!
  10. Thanks, I have changed the width and to even 99%. The blank space disappears with this. And for some reason the scrollbars left and right have disappeared? This might be because I haven't uploaded it though, I have only testing it locally.
  11. When I view the site in IE 6 it looks like this:I get a scroll bar and this is even on a monitor with 1280 by whatever the other one is! Plus for some reason I get loads of space in between the top of any table and the text above it.The scrolling appears on every page and the blank space only happens when I have a table in the page such as the index and also the news archive.HTH
  12. Ok. I have done this now, I just have to keep uploading the files before I check them. Having a few problems with how I should do a mailto link, because instead of trying to send it to my email address it tries to send to index.php.Have a look and see what you think. It seems like a simple enough idea, I just kept changing small things and then checking it all the way along just to make sure that I didn't mess anything up while I was doing it!www.goathland.co.nr/phptestI have been having trouble with the way that IE displays the page even at resolutions above 1024 768. Ever since I have been using the CSS layout. Maybe there is something that I am doing wrong in the CSS?
  13. Thanks, I think I get this, seems like a simple enough code. But do you know if there is any way of viewing PHP files on my computer before I upload them? Because I don't want to have to keep uploading them to view them? Or can I call main test and table with .html?
  14. Ok, I have been playing around making a print.css file and it seems to work ok, there are just a few problems, I am going to have to link to the print.css in every page? Or can I link to it in the main style sheet? Currently I am using the following code: <LINK rel="stylesheet" type="text/css" href="stylesheet.css"><LINK rel="stylesheet" type="text/css" href="print.css" media="print"> This is the print stylesheet that I have made, I basically editted the main one, I am sure someone can find some things in there that aren't needed! a.nav:link {color: #ffffcc;font-size: 13px;font-weight: bold;text-decoration: none}a.nav:visited {color: #ffffcc;font-size: 13px;font-weight: bold;text-decoration: none}a.nav:hover {color: #ffffcc;font-size: 13px;font-weight: bold;text-decoration: underline overline}a.bot:link {color: #ffffcc;font-size: 11px;font-weight: bold;text-decoration: none}a.bot:visited {color: #ffffcc;font-size: 11px;font-weight: bold;text-decoration: none}a.bot:hover {color: #ffffcc;font-size: 11px;font-weight: bold;text-decoration: underline overline}a:link {color: #000000;font-size: 12px;font-weight: bold;text-decoration: none}a:visited {color: #000000;font-size: 12px;font-weight: bold;text-decoration: none}a:hover {color: #339900;font-size: 12px;font-weight: bold;text-decoration: underline overline}#menu {list-style-type: none;margin: 0;padding: 0}#menu li {background-color: #990033;margin-left: 10px;padding: 3px;border: solid 1px #ffffcc}body {color: black;font-size: 12px;font-family: arial;background-color: #FFFFFF;margin: 0%}td {color: black;font-size: 12px;font-family: arial}div.container {line-height: 150%;background-color: #ffffcc;margin: 0;width: 100%}div.header {display: none;color: black;background-color: #ffffcc;padding-top: 20px;padding-bottom: 0px;padding-left: 20px;padding-right: 20px;clear: left}h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 6;padding: 0}hnav{font-weight: bold;font-size: 17px}div.nav {display: none;text-align: center;margin: 0;padding: 1em;width: 160px;float: left}div.right {display: none;text-align: center;margin: 0;padding: 1em;width: 160px;float: right}div.main {padding-left: 0px;padding-right: 0px;padding-top: 0px}div.footer {display: none;padding: 20px;clear: both}div.footerbox {display: none;padding: 8px;clear: both;background: #990033;border: 2px inset #FFFFCC;font-family: Arial;font-size: 11px;color: #FFFFCC;line-height: 120%;width: 35%;text-align: center;margin: 0 auto}p.ref {font-family: arial;font-style: oblique;font-weight: bold;color: grey;text-align: center;font-size: 12px} Another thing, does anyone know how I can edit the header and footer that is printed on the sheet, I know this is something that is controlled by the browser usually. Can I change the font? Or maybe what is displayed and what order?I think that is everything that I wanted to ask about the print stylesheet.Again, any help is greatly appreciated!
  15. Thanks I am quite pleased with it! I looked at the holy grail then I went back to your comments and flicked back and forth then it clicked! And I suddenly realised how it was all working, the panels are floating on top of the main and it is only because they have content in that the main was going in the middle, then you said about the padding or margins. I have one set to a different width because it seems to be more central, not sure if this is right or not though?Yes it is only the main div that would ever change. The server does has PHP enabled. I don't suppose you would be talking about a piece of code called include() would you? I looked into iframes, and PHP and all sorts of things when first designing the site to see if it was possible to only load the main div as it is now. But I couldn't for the life of me get it right and the PHP worked but I couldn't view what the page looked like unless I uploaded it to the server which was kind of annoying when just checking what something looks like.You don't know if I could use targets and names on the divs to get links in the navigation to target the main div and then the browser would only have to refresh the main div every time someone clicks on a link? Just a thought, don't want to make it too complex though! And I would like to start investigating print CSS.
  16. Ok, sorry I have sorted it now. In the footer box in the CSS I just added this code:margin: 0 auto;Seems to work ok. I will probably be back soon asking how to get a print stylesheet working!
  17. Ok, I have been experimenting and I am getting the hang of it I think! This is what I have got so far. I have made the kindly hosted by table into a nested div if you like. But I am having trouble trying to center the div. Any help would be greatly appreciated, I haven't forgotten about the print thing, I am just trying to get this bit right first!Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <style type="text/css"> a.nav:link { color: #ffffcc; font-size: 13; font-weight: bold; text-decoration: none } a.nav:visited { color: #ffffcc; font-size: 13; font-weight: bold; text-decoration: none } a.nav:hover { color: #ffffcc; font-size: 13; font-weight: bold; text-decoration: underline overline } a.bot:link { color: #ffffcc; font-size: 11; font-weight: bold; text-decoration: none } a.bot:visited { color: #ffffcc; font-size: 11; font-weight: bold; text-decoration: none } a.bot:hover { color: #ffffcc; font-size: 11; font-weight: bold; text-decoration: underline overline } a:link { color: #000000; font-size: 13; font-weight: bold; text-decoration: none } a:visited { color: #000000; font-size: 13; font-weight: bold; text-decoration: none } a:hover { color: #339900; font-size: 13; font-weight: bold; text-decoration: underline overline } #menu { list-style-type: none; margin: 0; padding: 0 } #menu li { background-color: #990033; margin-left: 10px; padding: 3px; border: solid 1px #ffffcc } body { color: black; font-size: 12px; font-family: arial; background-color: #990030; margin: 5% } td { color: black; font-size: 12px; font-family: arial } div.container { line-height: 150%; background-color: #ffffcc; margin: 0; width: 100% } div.header { color: black; background-color: #ffffcc; padding-top: 20px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; clear: left } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 } div.nav { text-align: center; margin: 0; padding: 1em; width: 160px; float: left } div.right { text-align: center; margin: 0; padding: 1em; width: 160px; float: right } div.main { padding-left: 195px; padding-right: 190px; padding-top: 15px; } div.footer { padding: 20px; clear: both; } div.footerbox { padding: 8px; clear: both; background: #990033; border: 2px inset #FFFFCC; font-family: Arial; font-size: 12px; color: #FFFFCC; line-height: 120%; width: 35%; text-align: center; } </style> </head> <body> <div class="container"> <div class="header"> <h1>Welcome to Goathland</h1> <p>This site is designed to display advances and updates in my railway layout named Goathland. It is a steam era Pre 1960s 00 Gauge layout. I am a firm believer of IMR (Its my railway) therefore not everything on the layout will be prototypical! I see a train that I like, I buy it, I run it and that's that! If it looks good then it must be good!</p> <img width="100%" src="http://www.hosting.burrawcentral.org/goathland/images/top.jpg"> </div> <div class="nav"> <center><font size="4">Navigation</font></center><BR> <ul id="menu"> <li><a class="nav" href="">Home</a> <li><a class="nav" href="">How to Make Lights</a> <li><a class="nav" href="">News Archive</a> <li><a class="nav" href="">About the Layout</a> </ul> </div> <div class="right"> </div> <div class="main"> <h2>Free Web Building Tutorials</h2> <p><a href="">Click Here</a> At W3Schools you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p> <p>W3Schools - The Largest Web Developers Site On The Net!</p> </div> <div class="footer"> <div class="footerbox">Edward Holmes - Goathland<BR>Kindly Hosted by: <a class="bot" target="blank" href="http://hosting.burrawcentral.org">Burraw Central Hosting</a><BR><a title="goathland@hosting.burrawcentral.org" class="bot" href="mailto:goathland@hosting.burrawcentral.org?Subject=Contact Us">Contact Us</a></div></div> </body></html>
  18. The trouble is I dont know how big the page is going to be each time, I just dont want the page to start flowing underneath the navigation and other side.What code would I use so that when you press print it only prints the center section?
  19. That is great! Thank you so much, I have just come across a slight problem though. When the text in the middle extends beyond the navigation it goes underneath it. It there a way of setting the divs to 100% height or something? I am just working on the footer at the moment. Seeing if I can create it without a table.EDIT: Sorry to be a pain aswell... but I have heard that you can use CSS to print just part of a webpage, i.e. the main div section? Is this an easy piece of code to add?
  20. I have tried to follow what you said about how the divs float and how you need to float them, but it doesn't seem to have worked...This is the code that I was using... <html> <head> <style type="text/css"> a.nav:link { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 13 }a.nav:visited { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 13 }a.nav:hover { color:#FFFFCC; font-weight: bold; font-size: 13; text-decoration:underline overline } a.bot:link { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 11 }a.bot:visited { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 11 }a.bot:hover { color:#FFFFCC; font-weight: bold; font-size: 11; text-decoration:underline overline } a:link { color:#000000; text-decoration:none; font-weight: bold; font-size: 13 }a:visited { color:#000000; text-decoration:none; font-weight: bold; font-size: 13 }a:hover { color:#339900; font-weight: bold; font-size: 13; text-decoration:underline overline } #menu {list-style-type: none;padding: 0;margin: 0;} #menu li {border: 1px solid #FFFFCC;background-color: #990033;margin: 0;padding: 3px;} body{background-color: #990030;margin: 5%;font-family:arial;color:black;font-size:12px;} td {font-family:arial;color:black;font-size:12px;} div.container{background-color: #FFFFCC;width:100%;margin:0px;line-height:150%;} div.header{padding:20px;color:black;background-color:#FFFFCC;clear:left;} h1.header{padding:0;margin:0;} div.nav{float:left;width:160px;margin:0;padding:1em;text-align:center;}div.right{float:right;width:160px;margin:0;padding:1em;text-align:center;} div.main{float:right;padding:20px;}</style> </head> <body> <div class="container"> <div class="header"><h1>Welcome to Goathland</h1> This site is designed to display advances and updates in my railway layout named Goathland. It is a steam era Pre 1960s 00 Gauge layout. I am a firm believer of IMR (Its my railway) therefore not everything on the layout will be prototypical! I see a train that I like, I buy it, I run it and that's that! If it looks good then it must be good!<BR> <img width="100%" src="www.goathland.co.nr/images/top.jpg"></div> <div class="nav"><ul id="menu"> <li><a class="nav" href="">Home</a></li> <li><a class="nav" href="">How to Make Lights</a></li> <li><a class="nav" href="">News Archive</a></li> <li><a class="nav" href="">About the Layout</a></li> </ul></div> <div class="main"> <h2>Free Web Building Tutorials</h2> <p><a href="">Click Here</a> At W3Schools you will find all the Web-building tutorials you need,from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p> <p>W3Schools - The Largest Web Developers Site On The Net!</p></div><div class="right">Hello</div></div> </body> </html> Sorry to be such a pain, its just this CSS thing is new to me!
  21. Ok, I have been playing around with the template and have been quite pleased with how it is going, but there are a few problems. This is the code: <html><head><style type="text/css">a.nav:link { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 13 }a.nav:visited { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 13 }a.nav:hover { color:#FFFFCC; font-weight: bold; font-size: 13; text-decoration:underline overline }a.bot:link { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 11 }a.bot:visited { color:#FFFFCC; text-decoration:none; font-weight: bold; font-size: 11 }a.bot:hover { color:#FFFFCC; font-weight: bold; font-size: 11; text-decoration:underline overline }a:link { color:#000000; text-decoration:none; font-weight: bold; font-size: 13 }a:visited { color:#000000; text-decoration:none; font-weight: bold; font-size: 13 }a:hover { color:#339900; font-weight: bold; font-size: 13; text-decoration:underline overline }#menu {list-style-type: none;padding: 0;margin: 0;}#menu li {border: 1px solid #FFFFCC;background-color: #990033;margin: 0;padding: 3px;}body{background-color: #990030;margin: 5%;font-family:arial;color:black;font-size:12px;}td {font-family:arial;color:black;font-size:12px;}div.container{background-color: #FFFFCC;width:100%;margin:0px;line-height:150%;}div.header{padding:20px;color:black;background-color:#FFFFCC;clear:left;}h1.header{padding:0;margin:0;}div.nav{float:left;width:160px;margin:0;padding:1em;text-align:center;}div.main{padding:20px;}</style></head><body><div class="container"><div class="header"><h1>Welcome to Goathland</h1>This site is designed to display advances and updates in my railway layout named Goathland. It is a steam era Pre 1960s 00 Gauge layout. I am a firm believer of IMR (Its my railway) therefore not everything on the layout will be prototypical! I see a train that I like, I buy it, I run it and that's that! If it looks good then it must be good!<BR><img width="100%" src="www.goathland.co.nr/images/top.jpg"></div><div class="nav"><ul id="menu"><li><a class="nav" href="">Home</a></li><li><a class="nav" href="">How to Make Lights</a></li><li><a class="nav" href="">News Archive</a></li><li><a class="nav" href="">About the Layout</a></li></ul></div><div class="main"><h2>Free Web Building Tutorials</h2><p><a href="">Click Here</a> At W3Schools you will find all the Web-building tutorials you need,from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p><p>W3Schools - The Largest Web Developers Site On The Net!</p></div></div></body></html> I would like to know how I can make a right panel that just doesn't contain anything at all. And when I try and set widths of 15% 70% and 15% everything seems to go mad. The navigation left div doesn't go to the bottom of the page, how would I make it do this? And the final problem is padding. I have set padding of 3px for the navigation list and it seems to have worked on the top and the bottom but it hasn't on the left and the right sides. And also I have tried to set the padding on everything else to 20px but as you can see when you open it in a browser the top infomation doesn't have equal padding on the left as it does on the top.Again any help would be greatly appreciated.Regards Edward
  22. Thanks, its a shame that you can't put content in them in a style sheet but that isn't a great worry to me. I just can't seem to work out why the body code that I posted doesn't work. It is really baffling me and yet if I use this code: body{margin: 5% 5% 5% 5%}body{background-color: #99003} It works? I just don't understand why the above code works, but the code I posted before doesn't!
  23. Thank you so much! I have been looking at all of the tutorials about the basics and the likes on CSS on the W3Schools main site and the try me editor thing works a dream! Really is great!I never knew how much you could do with CSS, right down to specifying how thick the left or right border of a table is! I am currently working with the link that you gave me to try and make the layout for my site.At the moment the contents of the little box at the bottom of every page and also the content of the top bar and even the navigation wont be changing, but when it does it needs changing on every page, can content be included in a style sheet? So it displays the content of the style sheet and then if there is content in the div in the HTML as well it using that instead?The navigation code that you sent me will be really useful thank you.I am currently having a problem trying to set up the body of the document... body{margin: 5% 5% 5% 5%;background-color: #99003;} for some reason the background doesn't want to work! And also as I understand it divs can be nested can they not? So the example that I am using has a div container that holds the whole site and then there are containers inside it?Sorry to ask so many questions but I am a noob with this stuff! I really appreciate your help, the code and reply you sent me has been indispensible!
  24. I would personally call it an image map myself because like people have said you have defined a region within an image and not just the whole image like the title attribute of <a> would do. I think the way your teacher marked you was wholly unfair as the question didn't state to have two hot spot regions. But if you gotta do it to get the marks, just accept it and smile to yourself because you know you are right and the teacher is wrong! I have an ICT teacher that is like that, and it really isn't worth arguing with her because she thinks she is always right! We make a system in Access for our A2 project and for the testing you have to document any problems that occur and I was told off for there only being 2 documented problems! She said that I needed at least 4 to get the marks and I should make them up or break my system just to show 4 and then fix it to show that I can fix the problems that were set up!The ICT course that I am doing is called Applied ICT and it is the most boring course in the world! But the school don't offer anything other than it so I suppose I will just have to stick with it and bite my tongue when I know I am right!
  25. Thanks for all of the comments, the site that I have at the moment is upload and working, just not in smaller resolutions how I would like it! So if I give you a like to it, I would like it to look exactly like it does already, but I will need a bit of help with the CSS and <div> container bits!www.goathland.co.nr
×
×
  • Create New...