HTML - External Style Sheets
I want to be able to transfer all the code in my menu to an external stylesheet.
The menu can be seen at www.brand-newhomes.co.uk/page135.htm Thus far I have: Made a file called "menustyle.css" and uploaded it to the root of my server. I then pasted the link:- <link rel="stylesheet" href="menustyle.css" type="text/css"> into the head code and no menu is displayed. I then cut and pasted the rest into a file and called it " stylesheet.js " and uploaded it to the root in my server. I then linked to this as <link rel="stylesheet" href="stylesheet.js" type="text/javascript"> into the body code. It didnt work. What have I done wrong? Similar TutorialsI'm new to this forum, a complete newbie, but I was wondering how I can tell my html page to open another html page and read what is in the new page for that specific section. For example: I have google ads on the right side of my website, where I would put the ad, is there a way to link it to another html script without actually putting it in my html page? Kinda like a CSS sheet but the other way around. I don't want to have to go through every page to change the ad code, I just want to change an external sheet where the ad code is. I also want to do this for the body of my website where the content is. Can I link a external sheet that would input content into the body of the website? I am createing HTML page in notepad++ some code is here. My problem is , i would like to apply the same formatting to each <td> without using <p> how to do it please reply. <html> <head> <title>Policy</title> <style> how to write style style here? </style> </head> <body lang=EN-US link=blue vlink=purple> <table border=0 width=100% height=100% cellpadding=10 cellspacing=0> <tr > <td > <p style='margin-left:30%;'> <img width=332 height=144 src="ftp_files/image001.jpg"> </p> </td> </tr> <tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr> <tr> <td > <p style='font-size:26.0pt;font-family:Arial;margin-left:25%;'>Foreign Travel Policy &Procedures</p> </td> </tr> <tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr> <tr> <td> <p style='font-size:26.0pt;font-family:Arial;margin-left:40%;'>Version 1.1</p> </td> </tr> <tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr> <tr> <td> <p style='font-size:12.0pt;font-family:Arial;margin-left:5%'><b>Document Version Control<b></p> </td> </tr> <tr> <td> <table border=1 cellspacing=0 cellpadding=3 width=568 style='margin-left:5%;background:silver;border-collapse:collapse;'> <tr> <td> <p style='font-size:10.0pt;font-family:Arial;text-align:center'>SR. No.</p> </td> <td> <p style='font-size:10.0pt;font-family:Arial;text-align:center'>Date</b></p> </td> <td > <p style='font-size:10.0pt;font-family:Arial;text-align:center'>Description/Comments</b></p> </td> <td> <p style='font-size:10.0pt;font-family:Arial;text-align:center'>Submitted by</b></p> </td> </tr> <tr style='background:white'> <td><p style='font-size:10.0pt;font-family:Arial;text-align:center'>1</p> </td> <td><p style='font-size:10.0pt;font-family:Arial;text-align:center'>22 October 2007</span></p> </td> <td ><p style='font-size:10.0pt;font-family:Arial;text-align:center'>Initial draft on Foreign Travel Policy & Procedures</span></p> </td> <td><p style='font-size:10.0pt;font-family:Arial;text-align:center'>Gianfranco Di Bonaventura</span></p> </td> </tr> <tr style='background:white'> <td ><p style='font-size:10.0pt;font-family:Arial;text-align:center'>2</span></p> </td> <td> <p style='font-size:10.0pt;font-family:Arial;text-align:center'>1st November 2008</p> </td> <td><p style='font-size:10.0pt;font-family:Arial;text-align:center'>Review on Foreign Travel Policy & Procedures</p> </td> <td><p style='font-size:10.0pt;font-family:Arial;text-align:center'>Gianfranco Di Bonaventura</p> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr style='background:white'> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </td> </tr> <tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'> Authorized Signatory</b> </td> </tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>On behalf of Arjuna IT Solutions Pvt. Ltd.</b> </td> </tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Gianfranco Di Bonaventura </b> </td> </tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>( Managing Director ) </b> </td> </tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Sign: </b> </td> </tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Date:</b> </td> </tr> <tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr> <tr> <td> <b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Table Of Contents</b> </td> </tr> <tr> <td><b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Objective................................................................................. </td> </tr> <tr> <td><b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Scope..................................................................................... </td> </tr> <tr> <td><b><p style='font-size:10.0pt;font-family:Arial;margin-left:5%'>Procedure................................................................................. </td> </tr> <tr> <td><p style='font-size:9.0pt;font-family:Arial;margin-left:8%'>PLANNING................................................................................... </td> </tr> <tr> <td><p style='font-size:9.0pt;font-family:Arial;margin-left:8%'>Travel Checklist........................................................................... </td> </tr> <tr> <td><p style='font-size:9.0pt;font-family:Arial;margin-left:8%'>Travel Budget.............................................................................. </td> </tr> <tr> <td><p style='font-size:9.0pt;font-family:Arial;margin-left:8%'>Expense Maintenance Sheet ................................................................. </td> </tr> <tr> <td><b><p style='font-size:9.0pt;font-family:Arial;margin-left:5%'>Attachment................................................................................. </td> </tr> <tr> <td> </td> </tr> </table> </body> </html> hello, html-ers; I should learn more about css so took a stab at my first tiny external style sheet. It has two problems as mentioned on that sheet. My test page is http://www.sticksite.com/test.html and the stylesheet is at http://www.sticksite.com/mystyle.css Can anyone please tell me why I have those 2 problem? Thank you. I haven't learned this, and I can't really find anything on this. Is it possible to link multiple CSS sheets for different pages on the same website? I have some pages which I want to be abit shorter than they are, but they're going by the index.html and gets pretty annoying when I change the main content area on the index.html and it changes the main content size on every other page. Is this somehow possible? Here is the page I am currently working on. Everything is funtioning and working properly. But there's a problem. I validate my page and I get errors fo the style sheets in the head. It is the cause of like 5 errors on my page. Theres 2 other errors are so, but they are fixable and I will get to them after I fix the style sheet errors. NOTE: The default style sheet is chose using PHP. Here is the whole coding for the actual head of my site, what you don't see in the "view source": <link rel="stylesheet" type="text/css" media="screen" title="User Defined Style" href="<?php echo (!$sitestyle)?'layout':$sitestyle ?>.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="playstation interface" href="ps3.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="wii interface" href="wii.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="xbox interface" href="xbox.css" /> I am using multiple style sheets that user can change, and when they change, the page sets a cookie on there browser. I got this trick from alistapart.com. It works great so people that like an individual game system can change the layout, but I just wanted to fix these errors because it is chaining into other errors on the page. Does anyone have a solution for fixing this problem? I have done much research and messed around with it alot, but all things have failed. I also don't understand what hte title and media things mean in the link to the style sheet. If someone could define this for me I would appriciate it. Hi folks. I suspect this a total noob type question but I can't find anything in DW help or by searching so here goes. I have a page with frames. In one of the frames I want an external URL to be displayed rather than content from the mother site, if that makes any sense. I don't mean asa a link, I mean the actual content to be displayed. How do I do that? Something like... TopFrame = ./top.html LeftFrame = ./left.html BottomFrame = someother.domain/fred.html And they all get shown when the page is loaded. Ta muchly for your help! Simon. Could anyone please tell me the code to call an external html file? I need to refresh my memories! Is it possible to log the amount of times an external link has been clicked on your site? I have managed to get an external style sheet to work on 7 of my 8 pages. I cannot figure out why it will not work on the 8th page. The code was copied and then modified to fit the new page so there should be no reason it shouldn't work. http://ironhillsclan.com the forum page (rules.html) is the only on that doesn't work. Any ideas? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Dagorhir | Iron Hills Clan: Forum Rules</title> <link rel="stylesheet" type="text/css" href="style.css"/> <meta name="keywords" content="iron,hills,dagorhir,larp,sword,fighting,clan,ragnarok,battle,forum,rules"/> <meta name="description" content="These are the rules for our fourm, please abide by them for the sake of all."/> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Language" content="EN-GB"> <script type="text/javascript"> function show_confirm() { var r=confirm("By choosing yes you agree that you have read, understand, and will abide by the terms of use."); if (r==true) { location.href = "phpBB3/index.php" } else { location.href = "index.html" } } </script> </head> <body> ... </body> </html> Hi I have a Flash and HTML version of my friends site at www.backlash.net.au On the main page, I have an ABOUT and NEWS section, that gets it's text from external .txt files. Problem is, the text gets formatted without line breaks in the HTML version, but fine in Flash. I was wondering if there is a better way to import the text, whilst only having one external source for each section, and still keeping the process simple (my friend isn't too computer savvy)? I thought of using a php include, and having my friend just enter the text in a simple HTML editor. I can set that up for HTML, but am unsure how to import the PHP page into Flash. Any ideas on the best way to tackle the problem? Thanks for your time and info. Shaun I have a page where i want to remove the page from an iframe, but not from the parent document. How? Example code: Code: ... <head> ... <style type="text/css"> body { background-image: url("back.png"); } </style> </head> <body> ... <iframe src="frame.html" name="frame"> </iframe> ... </body> ... How? hi, i'm quite new at the whole html stuff but excited about it. i'm making up a testnewsletter in html, and with the 'read more' function i would like to put up a link to an external anchor on the homepage. This way the reader jumps to the right location on the news menu on my homepage. I tried but it doesn't seem to work: in the html on my homepage i place: <a name="location1"></a> in the html in my newsletter: <a href= http://www.ecopuur.be/index.php?option=com_content&task=view&id=21&Itemid=40/#location1> something must not be quite right. thanks for advice How can get a free program that lets be use movies hosted on other site such as youtube and put them on mine while still hosted at the other site. Its kinda a set-up like on game websites but for videos. like this http://cruiseshipfan.webs.com/apps/videos/ the only ones i have been able to find have to be hosted at the site but i don't want that. I have an html application consisted of a number of html files, js files and css files. Is it possible to have an external property file where I can keep the name of the server so as to use a variable for the urls? For example to have something there like nameOfTheUrl=andreana and in the html file to have something like http://nameOfTheUrl/content/index.html My server has java but it is not a servlet container so I can not use jsp. Hi there, I am looking for a way that if a user clicks on a button on my website it will autofill a search field on a website that I have no control over. I have been told that I just need to add the url http://www.externalsite.com?fieldname=123456789 This doesn't seem to work. Can anyone help with this? is it possible to link html code from a seperate external html file. example, the footer and header is always the same and the content changes. can i create a header.html and a footer.html and have my content pages link to the header.html and footer.html. so if i ever need to update the header or footer, i have to do it once. I tried to look on the net but don't know what key words to look under. thanks., Hi, I am having some difficulty with the "datascr" tag for marquee and a few others, including div. Would anyone please upload 2 files the first being html with a maruqee or a div with exertnal data using the datascr="#asdasdf" formatdatas="text" tags. Because I have tried numerous times WITH NO SUCCESS!!!! I tried just about everything and it desen't cath the external file. Thanks in advance. i have been asked to create a website for a friend i have the design up and running but i want to make it easy for him to edit the text is there a way of linking to an external file with the text required for the page that he can edit without the risk of damaging the template to give you an idea i need the text on the book pages on http://www.sabbathkeepers.000a.biz |