Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by holmedwa04

  1. Thanks, seem to be getting the hang of it now. I am just stuggling with this at the moment, I am trying to get this to display after the body: body:after {content: url("tech.html")display: block;} But the link to the URL doesn't work, anyone know why? I can just put the text in there and set the properties up but I thought it would be cool to be able to change the text in there etc.EDIT: I have come to a solution for this now, just don't try it! I don't need to link to it because in the print.css it only needs to be changed once to change on all of the pages!
  2. I used some PHP to do this, but I don't think it only loaded part of the page, it loaded all of the page but the extra bits like navigation etc. only needed to be edited in one file rather than all of the files. It is in the HTML section and is called Trouble with Table based layout I think, but to save you searching here is a link:http://w3schools.invisionzone.com/index.ph...st&p=122891
  3. Hi All,It me again, back with another problem! What's new you say! I have recently made a simple print.css file from my original stylesheet and it doesn't do what I want it to because it seems to want to cut some of my text off all of the time! There is absolutely no problems with the width of the content that I can see but maybe a second pair of eyes to have a glance over my code a second time, maybe one of you can spot an error in it! #content:before {content: "This is a printer-friendly version of this page. All unnecessary elements have been removed from your printout. Please visit again at: www.goathland.co.nr";display: block;margin-bottom: 3mm;padding: 3px 3px 2px;background: #f9f8e4;text-align: center}a:link {color: #000000;font-size: 12px;font-weight: bold;text-decoration: none}body {color: black;font-size: 12px;font-family: calibri, arial, sans-serif;background-color: #990033;margin: 5%}table { color: black;font-size: 12px;font-family: calibri, arial, sans-serif;empty-cells: show;border-collapse: collapse;margin: 0px auto;width: 99% } td {color: black;font-size: 12px;font-family: calibri, arial, sans-serif;border: 2px solid black;}.w70 {width: 70%;}.w15 {width: 15%;text-align: center;}.add {width: 20%;text-align: center;border: none}th {color: black;font-size: 12px;font-family: calibri, arial, sans-serif;font-weight: bold;font-style: italic;text-align: center;border: 2px solid black}h1, h2, h3, h4, h5, h6 {margin-top: 0px;margin-bottom: 6px;padding: 0px}div.container {line-height: 150%;background-color: #ffffff;margin: 0;width: 100%}div.header, div.nav, div.right, div.footer, div.footerbox {display: none;}div.main {padding: 0px}img {margin: auto;display: block;border-width: 0px}p.ref {font-family: calibri, arial, sans-serif;font-style: oblique;font-weight: bold;color: #666666;text-align: center;font-size: 12px}pre {font-family: calibri, arial, sans-serif} Also the content before doesn't work at the moment but that isn't one of my main issues! Here is a link to a small page that you can download to test the stylesheet with if you like:http://hosting.burrawcentral.org/goathland/archive.htmlAny help is much appreciated, I am sure it is just something really small that I have set wrong or missed out that is sending the whole thing wrong!
  4. Glad it worked. Have a look at W3Schools main site. If you cant find what you are looking for the search box at the top is very accurate and will usually display the answers you want straight away.
  5. Try changing your iframe code to this: <iframe marginwidth="0px" marginheight="0px" height="400" width="300" frameborder="1" name="main" scrolling="no" src="julesfront.jpg"></iframe> This should set the margins to 0 pixels hopefully. Let me know if it works.
  6. holmedwa04

    Piece of css

    I don't see as there is a problem with it, as long as you understand their code. If you copy and don't understand then you don't learn anything. But if you copy and tweak, edit and maybe delete some bits, add extra bits in and understand the code then it is your code is it not?
  7. Yes, you don't want to be putting the whole path in there because inevitably unless you plan on hosting it from that place it won't work when uploaded. You just need the name of the file relative to where the file you are linking from is. Lets say you have an images folder in your root and an image called test.jpg. I the file that the link is in is in the root then the link would be "images/test.jpg".The first bit is the folder name and the second bit is the file name. File names are case sensitive so I would reccomend using all lower case for file names folders and extensions.If you would like to link to a file that is on the same level, say for example you had a page in a folder called documents and the image you wanted to link to was in a folder called images then you would use this code:"../images/test.jpg"The .. means that you are leaving a folder, going up the folder tree, then the images goes back down into a different part of the folder tree, then obviously the image file name and extension.HTH
  8. Thanks, will change that for you, working on a print style sheet at the moment, isn't working properly at the moment though! You don't know of a free text editor that has a spell chocker in it do you? I am using Notepad 2 at the moment and I like all of the features but a spell checker that just checked text and not code would be really useful. Do anyone know of one? I have heard of Notepad ++ but don't know if that includes one or not.
  9. holmedwa04


    Ok, so here goes, I was offered some hosting space and couldn't think what to put on it. I pondered for a while and then ceased the opportunity to make a site devoted to my model railway. Initially I used a table based layout to get everything where I wanted it because I knew no better, but upon receiving problems I decided to go completely CSS based. The site should view at a resolution of 800 - 600 in most browsers however I think you need to be in 1024 - 768 to be on the safe. All pages should validate but if you do come across any problems please do let me know:GoathlandThats all that is to be said from me I think, so I leave it to you, ratings out of 10 are nice, and constructive criticism is welcomed! :)Kindest Regards Edward
  10. I couldn't agree with you more to be honest. Google Chrome for the win! So... the next thing is print style sheets not working... actually maybe I should end this thread, it hardly seems appropriate to continue it when I am not even talking about table based layout any more!
  11. Do you think that the back button problem is an issue? I find it really annoying when on a website and someone has made the code so that you can't go back to the page that you were previously on. I suppose this is only going to happen to people that are using IE 6 because the script is only operational in that browser and if they wish they can click the little drop down to see pages that they have recently visited. What do you think, any solutions or code would be much appreciated.Kindest Regards Edward
  12. This does exactly the same unfortunately, so I have moved to this code: <!--[if lte IE 6]><script type="text/javascript">if(top.location != self.location) top.location = self.location;</script><![endif]--> The only little problem I have now is that I can't go back unless I click the drop down box on the back button, which I know people don't like doing when it locks them onto a site.
  13. No sorry, this just refreshes the page very quickly. It does seem to only be doing it in IE which is good. Not sure about 7 though. As I can't run 6 and 7 parallel.I have found out why. Because it is taking it back to the index which then obviously does the refresh again. So the only way to stop it that I have found is to specify a target of _parent, but I don't know how to do this in Java and I know it is redundant in HTML 4.01 Strict.
  14. I really don't mind, I suppose Javascript really, and then if people have Javascript disabled it will just display with the scroll bar.
  15. Ok, I have been looking around and have managed to cobble together the following code: <!--[if IE]><META http-equiv="refresh" content="0;URL=http://www.hosting.burrawcentral.org/goathland"><![endif]--> But I am having problems with it because it just keeps refreshing and not staying in the one place. Plus it doesn't take it back to the link I have specified. It takes it back to goathland.co.nr for some reason.And finally I have heard that this is bad because when the user tries to click the back button it puts them in a loop and they can't go back without clicking the drop down.
  16. I think I know what you are talking about but I don't know how I would do this. Please could you post an example of the code or something that I can then change to suite?Kindest Regards Edward
  17. Does anyone know if my brainwave would work? I am guessing it would involve Java Script but I would like to do it with CSS if possible.
  18. Sorry don't want to hi-jack the thread, but could this be used for linking to a print.css style sheet, this would then reduce the amount of code in my HTML files, because I would only have a link to one css files instead of one for print and one for online rendering.
  19. Well you can set font in CSS, a font family is just a group of fonts. If the user of your site doesn't have the first font that you specified it will use the next one. And if they don't have the next one then it will use the next etc. The code is really simple the example below would display your page in Calibri but if you don't have Calibri it would display in Arial and if you didn't have Arial (can't think why you wouldn't have Arial?) it would display in the users default sans serif font (font without serifs (tails on letters)). p {font-family: calibri, arial, sans-serif} Remember you don't have to use the P tag, you can change it for whatever you like maybe body? HTH
  20. I don't want to have to pay though, because what I have got already is free. www.goathland.com, .co.uk, .info and .org are already take so there are no good ones left now I will just stick with what I have got.I did come up with a brainwave thought...Browser sniffing! If the user is using IE 6 then it could re-direct back to the original site:http://www.hosting.burrawcentral.org/goathlandinstead of the re-direct link which is:www.goathland.co.rnSo most people that view the site will see the re-direct but if using IE 6 they will see the actual link? Maybe, would this idea work? Let me know if you have any ideas on this, because I haven't got the fogiest how I would go about coding such a thing? I was thinking in terms of something that would work in my CSS? Because I know you can get CSS things that change the apperance of a site depending on the broswer you are using.
  21. holmedwa04

    centering stuff

    Try using this, my knowledge of CSS is limited but this has worked for me before: p {margin: auto;} This would do it for something in a paragraph but can be done for anything from divs to images etc.
  22. Thanks, never thought about the margin: auto thing! Doh! Will that allow me to centre the table inside the div or just the contents of it? And thanks for the advice on the cellpadding and cellspacing. I didn't realise that these hadn't been depreciated.
  23. That is great, thanks so much! I knew I would have missed something so obvious out. But it looks like it was the class names that I had used, being just numbers and not having letters in them. Racking my brains I seem to remember something about that on one of the tutorials that I had read but it never crossed my mind, worth remembering though!This is the code that I used for the CSS: table { color: black;font-size: 12px;font-family: calibri, arial, sans-serif;empty-cells: show;border-collapse: collapse;padding: 10px;width: 99% } td {color: black;font-size: 12px;font-family: calibri, arial, sans-serif;border: 2px solid black;}.w70 {width: 70%;padding: 10px;}.w15 {width: 15%;padding: 10px;text-align: center;}.add {width: 20%;padding: 3px;text-align: center;border: none}th {color: black;font-size: 12px;font-family: calibri, arial, sans-serif;font-weight: bold;font-style: italic;text-align: center;border: 2px solid black} And this is the HTML code that I used with content in it so you can test it if you like: <table><tr><th class="w70">News Item:</th><th class="w15">Date:</th><th class="w15">Time:</th></tr><tr><td class="w70">CSS based layout now up and running. Site stucture no longer uses tables!</td><td class="w15">08th November 2008</td><td class="w15">12.05am</td></tr><tr><td class="w70"><a href="layout.html">Track Plan</a> page has been added. Do you want to know what me track plan looks like? Go to this page to find out. Track plan is 400 pixels wide to ensure it will display on most resolutions, if you would like a bigger picture, just click on it and it will go to full resolution.</td><td class="w15">03rd November 2008</td><td class="w15">12.20pm</td></tr><tr><td class="w70"><a href="about.html">About the Layout</a> page has been added. Did you ever wonder why the layout is called Goathland? Go to this page to find out.</td><td class="w15">01st November 2008</td><td class="w15">08.15pm</td></tr><tr><td class="w70"><a title="goathland@hosting.burrawcentral.org" href="mailto:goathland@hosting.burrawcentral.org?Subject=Contact Us">Contact Us</a> button at the bottom of every page. Have a query about the site or my layout? Want help with something? I am always willing to be of assistance, but as an A2 student studying Electronics, ICT and Physics it is hard for me to reply straight away, you may not recieve a reply for up to a week!</td><td class="w15">30th October 2008</td><td class="w15">10.20pm</td></tr><tr><td class="w70">The <a href="archive.html">News Archive</a> page is online, it just doesn't have any news in it yet!</td><td class="w15">29th October 2008</td><td class="w15">04.35pm</td></tr><tr><td class="w70">Goathland is online! Compatable in the following browsers:<BR><pre> - Internet Explorer 7.0 - Internet Explorer 6.0 - Google Chrome - Mozilla Firefox - Apple Safari - Opera 9.6</pre><table><tr><td class="add"><img alt="Internet Explorer 7 Logo" title="Internet Explorer 6 & 7" src="images/compatible_ie.gif"></td><td class="add"><img alt="Google Chrome Logo" title="Google Chrome" src="images/compatible_chrome.gif"></td><td class="add"><img alt="MOzilla Firefox Logo" title="Mozailla Firefox" src="images/compatible_firefox.gif"></td><td class="add"><img alt="Apple Safari Logo" title="Apple Safari" src="images/compatible_safari.gif"></td><td class="add"><img alt="Opera 9.6 Logo" title="Opera 9.6" src="images/compatible_opera.gif"></td></tr></table><BR>N.B. At resolutions of 1024 x 768 or higher. Can be viewed in lower resolutions however left/right scrolling may occur.</td><td class="w15">27th October 2008</td><td class="w15">11.55pm</td></tr></table> The only problems that I am having is that I cant work out how to centre the whole table and not just the content in it. And I would like the cell padding on the "add" table to be 3px and for the table to be as small as possible not stretched out.Regards Edward
  24. holmedwa04

    Tables in CSS

    HiI am trying to write a table in CSS. Basically remove all of the width="%%" from my html, this is what I have so far but it just doesn't seem to want to work.I have played around with absolute and fixed etc. but I don't really get what they are doing, this is my CSS code: table { color: black;font-size: 12px;font-family: calibri, arial, sans-serifwidth: 99% } .70 { width:50%; } .15 { width:25%;} th {color: black;font-size: 12px;font-family: calibri, arial, sans-serif;font-weight: bold;font-style: italic;text-align: center;} And this is my HTML: <table width="99%" border="1" bordercolor="000000" cellspacing="0" cellpadding="10"><tr><th>News Item:</th><th>Date:</th><th>Time:</th></tr><tr><td class="70">CSS based layout now up and running. Site stucture no longer uses tables!</td><td class="15"><center>08th November 2008</td><td class="15"><center>12.05am</td></tr></table> Any help working out how to set the widths of the columns in the table would be greatly appreciated, I am sure it is just something really basic that I have missed out on!
  25. Thanks for your reply, but it is $3 dollars a month for the domain that I want.
  • Create New...