HTML - Linking External Stylesheet
Similar TutorialsHi, I'm the webmaster of http://english.eduhope.net/ (or rather webmuppet, as a glance at the site will tell, but I haven't found any one else willing to do it). My browsers are rendering the text in most files in verdana, but for all the files in the "news" folder, the text now looks scruffy a**, some Korean sans-serif font that has no business with the latin alphabet. I have no idea why, as all the files use the same stylesheet. The other style elements work fine - is this because they're class level? Perhaps The Webmaster of the parent eduhope.net has changed some php thing? I can't ask him, as we don't share a language, either programming or human. Feel free to insult me, the coding, or the design, but I need help with this. I can't submit links to union news sites dressed like this. Thanks. Can someone tell me how to do stylesheets for html and javascript. I know how to do the files copy in notepad but I need to know what to save them as and what code to use in the head code for the links to the files. I have done one for css with help from here. hey guys, i am working on a project for school and trying to go above and beyond the assignment by placing a srollable table data cell in my table. the web page i am trying to make is for "customer contracts" and i would like to have a "description" section but i dont want a lengthy description making my table huge. if someone could tell me how to turn a <td></td> into either a scrollable data cell or maybe even a clickable link that brings up a seperate bigger text box (if its not too much coding) that would be great. heres the code Code: <xsl:stylesheet version='1.0' xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" version="4.0" omit-xml-declaration="yes" /> <xsl:param name="group" select="//person" /> <xsl:template match="/"> <br /> <br /> <table width="370" cellspacing="0" cellpadding="2"> <tr> <th colspan="5">Contract List</th> <th id="total">Total: <xsl:value-of select="format-number(sum($group/amount),'$#,##0')" /> </th> </tr> <tr> <th>Sign Date</th> <th>Start Date</th> <th>Name</th> <th>Address</th> <th>Job Description</th> <th>Amount</th> </tr> <xsl:apply-templates select="$group"> <xsl:sort select="signDate" data-type="text" order="descending" /> </xsl:apply-templates> </table> </xsl:template> <xsl:template match="person"> <tr> <td width="70"><xsl:value-of select="signDate" /></td> <td></td> <td width="100"><xsl:value-of select="last_name" />, <xsl:value-of select="first_name" /> </td> <td width="130"> <xsl:value-of select="street" /><br /> <xsl:value-of select="city" />, <xsl:value-of select="state" /> <xsl:value-of select="zip" /> </td> <td></td> <td width="70" align="right"> <xsl:value-of select="format-number(amount,'$#,##0')" /> </td> </tr> </xsl:template> </xsl:stylesheet> the code i need to modify it the empty <td></td> tags below <xsl:value-of select="zip" /> thanks in advance for any help and if you know of a link that will help me feel free to post that instead of a lengthy response. I was wondering if it is required to use the following in XHTML. This: HTML Code: <?xml version="1.0" encoding="UTF-8"?> Instead of: HTML Code: <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> And... This: HTML Code: <?xml-stylesheet href="style.css" type="text/css"?> Instead of: HTML Code: <link rel="stylesheet" type="text/css" href="style.css" /> Also, what charset do you recommend and should I use XHTML 2.0 instead of XHTML 1.0? Thanks! - Jason - As some may know I have been trying tom gte my nav menu code ina style sheet, which I thought would be relatively straightforward with a bit of help. I approached the support of my program Serif WebplusX5 yesterday and said; "Please look at http://www.brand-newhomes.co.uk/page134.htm I want to get all the nav code intop an external stylesheet. The page will load faster (better for SEO) Every page wont contain the 120 links (better for SEO - google penguin!) and it will be easier for me to manage and edit without re loading the whole site every time. All in all it is a must have for me! I was advised on the forum that X5 would let me do this and that X5 had external stylesheets. I just need some help with the script and javascript files and links to them. I have with some help managed to do the CSS ones. Can you also tell me where the "Optimise your sites for search engines and speed" is located in X%? I have looked in Site Properties and that is not much better than WP10 that I had been using". This was the reply i got fobbing me off - so much for "support" "Stylesheets are used in WebPlus, but only as far as listing text styles. This doesn't to extend to fully fledged CSS stylesheets I'm afraid. The navigation bars in WebPlus use Flash and in some cases JavaScript. As the nav bars are in this format, you would wee need some form of 3rd party tool / coding to convert this into a CSS stylesheet. I'm afraid as we are essentially modifying the code that WebPlus provides, here in technical support would not be provide help or support on making a stylesheet from a nav bar - my sincerest apologies for this. "Optimize your sites for search engines and speed", as advised on the forum, as a catch all term for a number of different parts of the program. the site checker can detect any problems in the site such as long loading times and the Search section of the Site Properties will help you cerate robots.txt file for SEO purposes, amongst other tools." THIS IS WHY I AM DESPERATE FOR A BIT OF GUIDANCE ON MY OTHER POST AT: http://www.htmlforums.com/html-xhtml...ml-147517.html Hi, I have a final project due in 3 hours for javascript class. I need to use cookies to change a stylesheet on a page and keep it consistent on every page until the user changes it. The link is http://www-scf.usc.edu/~javery/itp204/finalproject.html Its a dumb page about my cat. Anyway if you view the source, a lot of the javascript is for the style switch. The user is supposed to switch styles and click Save Style and then it sets that style for every other page. The code is in the other pages too. The style switches but it doesnt save. If anyone can help me it'd be much appreciated! Joel hello i am wondering if it's possible to load content into a div by clicking a link in div 1 and changing what is shown in div 2 and clicking a link in div 3 would change what is shown in div 4 i have attached a generic png of how i would want the page to look....and to give a better idea of what i am wanting...any idea's as to how to do this would be appreciated...but be prepared depending on your suggestion i may need some help with how to get it accomplished. Below are two notepad docs. I want to add a link from one to the other. Whenever I add the <a href="..... "></a> nothing shows up when I view the webpage. What am I doing wrong? Thanks. FIRST DOC <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Departments</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY style="text-align:center; font-family:verdana,helvetica,san-serif ;background-color:#c0c0c0"><!-- 2D departments Lastname Firstname --> <H1>Business and Information Technology</H1> <H1>Health</H1> <H1>Law Enforcement</H1> <H1>Communications and English</H1> <H1>Math and Science</H1></BODY></HTML> SECOND DOC <!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>Culinary Arts Recipe</title> </head> <body> <!-- 1G Recipes Lastname Firstname --> Hawaiian Chicken <hr size="2" width="100%" /> This dish can be seved quickly and easily. Boil and debone chicken. Add 1 can of your favorite cream of chicken soup to the chicken. Make 2 cups of cooked rice. Prepare plates immediately before serving. Lay chow mein noodles, rice, chicken, crushed pineapple, green onions, shredded cheese, sour cream, tomatoes, and coconut. </body> </html> hi again, i think that i know the answer to this question...but i needed reassuring. basically my website's hierarchy is pretty confusing but it seems to link fine on my computer and everything, then it didn't link on the school computers but i solved that problem because all that was wrong was the file pathways were different. Now however when my teacher tries to open my files, all she gets is that file that cant be found stuff. Do you think maybe the problem could be that my files are too complicated and that maybe i should put all my pages in one place and then all my other files in folders underneath those... please tell me your advice, with many thx Sam i'm trying to get a link to open in a frame not quite working thought.. <H4><A HREF="sub.html"TARGET="UntitledFrame-11.html">-> Resor</A> </H4> here's my attempt but this just opens a new windows and shows sub.html i want it too show in untitledframe-11 any ideas? Ok - first of all I'm quite sure that you can't actually like an image, but is there anyway that I could link the blue circle on this site with some kind of HTML/CSS workaround? http://www.yearofthebus.co.uk All suggestions welcome. Thank you, Steve How do i link to a page thats outside of a folder. Example i have a folder called "Home" and a page called home.html within the folder and I have a sub folder called "Main", within the Main folder how do I link to the home.html Hello.. i am creating a work webpage to display goodies are staff might like to buy for christmas! Ive got a slide show in the middle and other images around Ive been able to code the slide show so that when i click the image on the slide it display it in another window Im having a problem though with being able to code the images around the slide when i click the individual ones it just brings up the picture in the slide ? Ive had a little play with it and cant get my brain around it! It may be simple but ive been doing these for days and i am extremly tired from them lol.. can anyone help? i will display code below thanks Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript"> var image1=new Image() image1.src="image1.jpg" var image2=new Image() image2.src="toy2.jpg" var image3=new Image() image3.src="toy3.jpg" var image4=new Image() image4.src="toy4.jpg" var image5=new Image() image5.src="toy5.jpg" </script> </head> <style> body { background-image:url('logo2008.jpg'); } .boxed { position:absolute; left:25%; border: 2px black; border-style: plain; width: 700px; height: 800px; } .boxed1 { position:absolute; left:25%; border: 1px blue; border-style: dotted; width: 700px; height: 350px; text-align:center; float: left; padding:2px; background-color: white; } .image { border: 1px blue solid; width: 200px; height:100px; } </style> <body> <a href="javascript:slidelink()"> <div class="boxed1"> <img src="image1.jpg" name="slide" border="0"width="35%" height="100%" /> </div> <div class="image"> <img src="360s.jpg" border="0" width="200px" height="100" href="360s.jpg" /> </div> <div class="image"> <img src="ps3.jpg" border="0" width="200px" height="100" /> </div> <div class="image"> <img src="DS.jpg" border="0" width="200px" height="100" /> </div> <script type="text/javascript"> <!-- var step=1 var whichimage=1 function slideit(){ if (!document.images) return document.images.slide.src=eval("image"+step+".src") whichimage=step if (step<5) step++ else step=1 setTimeout("slideit()",4000) } slideit() function slidelink(){ if (whichimage==1) window.location="image1.jpg" else if (whichimage==2) window.location="toy2.jpg" else if (whichimage==3) window.location="toy3.jpg" else if (whichimage==4) window.location="toy4.jpg" else if (whichimage==5) window.location="toy5.jpg" } //--> </script> </body> </html> Hi guys, I'm wondering if there is an easy way to provide links or image links to a file in the root directory of my domain. I know there's the "/" method but it will not do for me because I maintain the files offline on my PC, and if I used "/" then it will not refer correctly. Example: Code: <IMG SRC="/example.gif"> This will work 100% of the time when it's uploaded on the web, regardless of which directory the HTML file is at, I will still open the same "example.gif" at the root dir. Perfect. But since I'm maintaining the files offline (before uploading), this causes a problem as I will have numerous "broken links". FYI I even tried to map my folder to a drive (W, or placing the entire file system on a USB drive, but none of those work. I realise I could use Code: <IMG SRC="../../example.gif"> and so on, but shouldn't there be an easier method? Hello everyone, I am currently building a site that has a iframe in it. Unfortunately no matter what I try it is always linking to the sites 404 page. Here is the code I am using. Code: <iframe src="sulphurmountaingps.html" width="600" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> <a href="sulphurmountaingps.html">Click here for the map</a> </iframe> Now I currently have the second page in the same folder as the HTML page it is being called from since it started in its own directory but eventually ended up here by trying to weed out what the problem could be. So I really cant see what I could be missing. Its a very simple iframe code calling a page that is in the same directory. Any help or suggestions would be great, Thank you Peter Hi There I have a slight problem with a project i am working on which i really do hope somebody can help me. I wanted to build a tracker for my work and have been kindly given a copy by a friend of mine who works with me the problem is that i have added a comment box to the page and i want to remove the submit button as my page already has a submit button which sends the other info in it to txt file. Secondly i want to be able to link my comment box to that txt file so all the data is in one place. I am so sorry for posting such noobie question and would so much appreciate if somebody could help me out. Regards Craig I'll do my best to explain this. I have an iframe and its source changes a lot. I want to have a link that will take you to the source of the iframe, whatever it may be at the time. This has been kicking at me for some time and I thought it was time to ask for help, it's probably something simple that I'm just not getting. Thanks in advance! Hi everyone, Could someone help with a hyperlink problem I have please? I am currently working on our company website and am constructing some pages detailing the Health and Safety training we do. I have created a page which contains a link to a second page with the course dates on. Is it possible to then link from the page with the course dates to the previous page but I want to link the the bottom of the previous page. Is there a way to do this? Many thanks! Jess First off, I would classify myself as having a basic working knowledge of HTML, but I'm far from experienced. I use Expressions (I know, first mistake), and do at least 50% of the work in the code view window. I'm having a problem right now linking a PPS document. I made the PPT and saved it as a PPS, and linked it using <a href="images/anamaited.pps" target="_blank"> When I preview the website on my computer and click the link the document opens in a new explorer window as a PPS, but when I publish the site and click the link it downloads the document and opens PPT. I don't want visitors opening my presentation in PPT, is there anyway to have the pps display in a browser window or do I have to convert the PPS into flash? If I need to display it as a different file type, I need to do it for free, any suggestions? -edit- wanted to clairfy when I click the link on the live site, it actually opens MS PowerPoint, not a new browser window as the tag specifies. Hey guys, Ive been trying to google this but i just cant seem to find a tutorial, im hoping you guys can help me out. I want to link to a set of links on my website. More specifically, I have a horizontal navigation bar on my site and I want the link "required reads" to make a row of links appear under the navigation bar of the various readings when you click on it. I've seen this done before but I cant pull up an example at the moment, hopefully that makes sense... Please help! Thank you. |