woodturnersvilla Posted November 25, 2009 Report Share Posted November 25, 2009 Hi I'm building a website, following the beginners website design videos that I bought- all going well so far except - one of my navigation links stays underlined when I'm on that page. In the text doc (do you call it the code?) I have formed it exactly the same as the other linked pages. I have taken out the hyperlink tags where it is listed. I think it should not be underlined when that is the page that is open. AS it is, it acts like a link in that if clicked on while it is open, the page closes and goes to home page (index link) even if home page wasn't the last page I was on. Thanks - I'd appreciate help! Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 25, 2009 Report Share Posted November 25, 2009 Can you copy/paste the code you are using for that page in here, and point out specifically which section you are having trouble with? Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted November 25, 2009 Author Report Share Posted November 25, 2009 Home PageImage Gallery Map Prices and Bookings Woodturners Villa Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 25, 2009 Report Share Posted November 25, 2009 Looks like you have an error in your code -- you're missing a closing ">" on the element on this line which is most likely causing your issue: Prices and Bookings Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted November 26, 2009 Author Report Share Posted November 26, 2009 Thanks - I've corrcted that but the "image gallery" line still behaves like a link, and i've found that the Woodturners Villa line behave like a link also - and they both link to different pages!! Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 26, 2009 Report Share Posted November 26, 2009 Can you either give us a link or post your entire code again? There must be a new mistake in there somewhere. Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted November 29, 2009 Author Report Share Posted November 29, 2009 Home PageImage Gallery Map Prices and Bookings Woodturners Villa Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted November 29, 2009 Author Report Share Posted November 29, 2009 Oops! Sorry I posted the old one -I have now managed to get rid of the unwanted links. Thanks for the help Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 29, 2009 Report Share Posted November 29, 2009 Prices and Bookings You are missing the closing '>' after the 'Prices and Bookings>/a' --- and your doctype is incomplete. It should be Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted November 29, 2009 Author Report Share Posted November 29, 2009 CAn you tell me how to complete the doctype please? Quote Link to comment Share on other sites More sharing options...
virtual Posted November 29, 2009 Report Share Posted November 29, 2009 That is what Andrea put in her post, you must have misunderstood. Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 1, 2009 Author Report Share Posted December 1, 2009 Thanks- the post seemed to finish with the words "It should be" with a horizontal scroll below it. I had the following for the doctype... Are you saying I should change that line for..... /p> On all my pages? Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted December 1, 2009 Report Share Posted December 1, 2009 (edited) you forgot the last part which is displaying as a link on the Forum. br /> and use that on all of your pages, yes. http://www.w3.org/QA/2002/04/valid-dtd-list.html Don't include the xml line from the sample page. It will cause Quirks mode in IE browsers. Edited December 1, 2009 by jlhaslip Quote Link to comment Share on other sites More sharing options...
Wickham Posted December 1, 2009 Report Share Posted December 1, 2009 (edited) Thanks- the post seemed to finish with the words "It should be" with a horizontal scroll below it. I had the following for the doctype... Are you saying I should change that line for..... /p> On all my pages? NO !!! including the url from w3.org as shown here:- http://www.w3.org/QA/2002/04/valid-dtd-list.html Edited December 1, 2009 by Wickham Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 4, 2009 Author Report Share Posted December 4, 2009 I've got the pages linking thanks and now working on CSS. It doesn't seem to work as explained and demonstarted in the videos. I have written in my code the ROOT.css page is filed in the website folder as Stefan shows and I have only written the following so far. p { width: 80%; colour: blue; } Which I understand should tell the browser to apply the styles on the css page to the webpage however it is not working, any ideas? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted December 4, 2009 Report Share Posted December 4, 2009 Well, two things: -- width:80% - This may be working correctly, but it's possible that it won't make any visible difference. It just depends on the content on the page, and also the width of your browser window. I'd ignore this for now, fix the issue that I mention below, and make sure that your styles are being applied correctly first. -- colour: blue - This needs to be spelled "color" (no "u") Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 4, 2009 Author Report Share Posted December 4, 2009 Changing the spelling to color doesn't seem to make a difference. Any further ideas? Quote Link to comment Share on other sites More sharing options...
virtual Posted December 4, 2009 Report Share Posted December 4, 2009 Is your CSS file is in a different folder to the other files? If so you need to link it like this replace foldername by the name you have used for your folder. Always use lowercase letters when naming css, html files, images and folders. Most web servers (the computers you?ll eventually be putting your site onto) are case-sensitive, which means it matters to them whether your files use capital letters or not. Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 4, 2009 Report Share Posted December 4, 2009 Is any of your CSS showing up on your page and just this p thing not? If nothing shows, then you have a path or spelling issue - if just the p declarations aren't showing, you may have an error in your stylesheet somewhere before the p {.... that prevents the CSS from being read. Or there might be an error in your html (is there even a p tag? Is there any content between your p tags?) --- or you have some inline or internal styling that overwrites the external stylesheet. Can we see the code that you have now again - html AND css? Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 5, 2009 Author Report Share Posted December 5, 2009 HomePage Image Gallery Map Prices and Bookings Woodturners Villa Luxury Accommodation New Zealand Come and enjoy this unique Ohakune property on the Mangateitei Stream with unlimited views of Mt Ruapehu. Set among mature trees on a hectare of tussock grassland divided by the mountain stream, you won?t find anything better. Woodturners Villa is a newly restored 1910 villa, renovated for your comfort. A large log fire greets you as you arrive, restored double glazed windows capture the sun, and the house is fully insulated throughout. Crafted antique furniture complements the native timber floors, ceilings and stained glass doors. To top it all off, the full length veranda overhangs the stream edge; wind down to the music of water, watch the beautiful river stones and you may even spot trout! Situated only a comfortable stroll to the town centre, Woodturners Villa is your perfect destination for exploring natural New Zealand. Tongariro National Park provides the exceptional Turoa ski field for an awesome snow holiday; mountain biking tracks, tramping and day walks extend throughout the alpine area . Rich in natural and cultural history this World Heritage Site has much to offer visitors to Aotearoa New Zealand. Whatever your adventure, come home to relax in the luxury of Woodturners Villa. Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted December 5, 2009 Report Share Posted December 5, 2009 Each of your "paragraphs" should be within their own tags. Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 5, 2009 Author Report Share Posted December 5, 2009 OK done that now thanks, but no difference to color or paragraph dimensions. Somehow it seems there is no link between the css page and the code - is this possible? Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 5, 2009 Report Share Posted December 5, 2009 Somehow it seems there is no link between the css page and the code - is this possible?Of course that's possible - per your HTML, your css file is called 'root.css' - just like that - all lower case. And your root.css is saved into the same folder your html is saved into -so not another directory, they sit right next to each other. I uploaded your html & css: http://aandbwebdesign.com/misc/wood.html - and it works. Just note that I've renamed the css to wood-css -only because I already had another root.css file in that folder. Also, it'd be better to start your css in order - so defining your background, container, etc, and work your way down to the finer details like paragraph tags. I always start my css with * (margin: 0; padding: 0;} to prevent cross-browser discrepancies. Then I add the margins and padding back in wherever they are needed. Alternatively, there is a whole and much more detailed 'initial css' here: http://www.killersites.com/forums/topic/150/initial-css-file-to-jump-start-your-project/ that might help you get started. Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 5, 2009 Author Report Share Posted December 5, 2009 So if it is working for you and not for me, could it be a problem with my computer? I have found that when I add something to the code and save it, it doesn't show up on the html page by refreshing. I have to 'save as' the code to the html page for it o show up on the page. Yes I have the css page and the html sitting in the same folder. I have even tried placing the code (index.txt) in the same folder also and I am still unable to get the results I see in http://aandbwebdesign.com/misc/wood.html. Thanks for all your help! Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 5, 2009 Report Share Posted December 5, 2009 What code are you talking about (the index.txt you mention?)? All you need is your root.css and your index.html. Quote Link to comment Share on other sites More sharing options...
virtual Posted December 5, 2009 Report Share Posted December 5, 2009 I assume you are using a text editor to write your html and css code. You need to save your index file as index.html and your css files as root.css, your text editor is probably saving them as .txt files. You need to change this so that the file extensions are .html and .css only. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted December 5, 2009 Report Share Posted December 5, 2009 One other thing to check, since no one has mentioned it yet... By default, Windows hides the file extension on files. So, for example, you could have a file named root.css.txt, which would cause your issues. To check this: -- open up a new file explorer window -- Go to Tools > Folder Options -- select the "view" tab -- make sure that the checkbox "hide extensions for known file types" is unclicked This may have nothing to do with the problems you are experiencing... but it's worth checking just in case. Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 5, 2009 Author Report Share Posted December 5, 2009 The code I'm talking abut is the index.txt file that I posted. I save this as an html which is the web page I view. When I save the index.txt I need to 'save as' index.html and the root.css as root.css. Yay ! I have now unclicked the "hide extensions for known file types" and I can see the css style on the html page THANK YOU Quote Link to comment Share on other sites More sharing options...
falkencreative Posted December 5, 2009 Report Share Posted December 5, 2009 Cool, glad you figured it out. Quote Link to comment Share on other sites More sharing options...
woodturnersvilla Posted December 5, 2009 Author Report Share Posted December 5, 2009 I still can't seem to get the image to appear. Does it need to be a gif file or is jpeg ok? I tried to save it as a gif when it didn't show up as thats what is used on the videos, now I can see the file extensions I see it is actually still a jpeg image, it looks like this WT_logo.gif.jpg. From the code, can you see any reason I am unable to view the image on the html page? The images folder is sitting in the same folder as the html page. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.