Comments on: Simple Menus With (x)HTML Lists And CSS http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/ Helping you build search engine friendly websites Sun, 12 Feb 2012 17:29:40 -0700 http://wordpress.org/?v=2.9 hourly 1 By: Steven Bradley http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-135890 Steven Bradley Tue, 06 Sep 2011 19:16:04 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-135890 Thanks Pete. Is your page online? If so can you post a link to it. I think I'm going to need to see your code to figure things out. If not feel free to email me your code. Nothing in my code should be aligning the menu to the right by default. I'm guessing it's something in your code that's affecting the menu. If I can see the code I'm sure I can find the problem. Thanks Pete. Is your page online? If so can you post a link to it. I think I’m going to need to see your code to figure things out. If not feel free to email me your code.

Nothing in my code should be aligning the menu to the right by default. I’m guessing it’s something in your code that’s affecting the menu. If I can see the code I’m sure I can find the problem.

]]> By: Pete http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-135841 Pete Tue, 06 Sep 2011 15:36:04 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-135841 Hi Steven. Many thanks for this post. I am trying to place your simple vertical css and html menu in a div/layer called leftnav but am having difficulty in placing it centrally within that space. The menu seems to align to the right and I have tried all means to correct this but nothing seems to work. I am using Dreamweaver MX2004. I would be very grateful if you could give any advice to align the menu centrally please. Hi Steven. Many thanks for this post. I am trying to place your simple vertical css and html menu in a div/layer called leftnav but am having difficulty in placing it centrally within that space. The menu seems to align to the right and I have tried all means to correct this but nothing seems to work. I am using Dreamweaver MX2004. I would be very grateful if you could give any advice to align the menu centrally please.

]]> By: Steven Bradley http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-127428 Steven Bradley Thu, 14 Jul 2011 04:29:38 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-127428 Hi Connie. If you want to send me an email with all your code I'll take a look. I might not be able to get to it until the weekend, but I promise to look. The solution will depend a little on how everything has been coded, but the general idea is to set up the html in some way so you can style the menus independently of the other lists and links on the page. In the code in this post I gave the unordered list an id of list-menu so the list can be styled with ul#list-menu instead of just ul. Then a link inside could be styled with: ul#list-menu a and only those links get styled instead of all of them. There are other ways to do the same and I usually do things a little differently today than I did when writing this post. Again, though feel free to send me all your code and I'll take a look and see if I can fix things for you and give you an explanation for what I did and why it hopefully worked. Hi Connie. If you want to send me an email with all your code I’ll take a look. I might not be able to get to it until the weekend, but I promise to look.

The solution will depend a little on how everything has been coded, but the general idea is to set up the html in some way so you can style the menus independently of the other lists and links on the page.

In the code in this post I gave the unordered list an id of list-menu so the list can be styled with ul#list-menu instead of just ul. Then a link inside could be styled with:

ul#list-menu a

and only those links get styled instead of all of them.

There are other ways to do the same and I usually do things a little differently today than I did when writing this post.

Again, though feel free to send me all your code and I’ll take a look and see if I can fix things for you and give you an explanation for what I did and why it hopefully worked.

]]> By: Connie Ryals http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-127419 Connie Ryals Thu, 14 Jul 2011 02:54:14 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-127419 Hi Steven, I've read many posts trying to solve a problem related to my menu made from an unordered list and I'm hoping you can help. This is for a college project and I'm very new to HTML and CSS and Dreamweaver 5.5. I used an ordered list to make a menu across the top and bottom of my page. But, I have other unordered lists on the same page. Everything was fine until I made some hyperlinks to some of the list items. Now the link words are on a separate line and the entire line highlights when I hover. It looks really bad. I think the true unordered lists in the middle are absorbing the formatting for the "menu" unordered lists, but how can I turn that off? Thanks for any help. Connie Hi Steven, I’ve read many posts trying to solve a problem related to my menu made from an unordered list and I’m hoping you can help. This is for a college project and I’m very new to HTML and CSS and Dreamweaver 5.5. I used an ordered list to make a menu across the top and bottom of my page. But, I have other unordered lists on the same page. Everything was fine until I made some hyperlinks to some of the list items. Now the link words are on a separate line and the entire line highlights when I hover. It looks really bad. I think the true unordered lists in the middle are absorbing the formatting for the “menu” unordered lists, but how can I turn that off? Thanks for any help. Connie

]]> By: Steven Bradley http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-114439 Steven Bradley Thu, 28 Apr 2011 03:55:55 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-114439 The link stuff you can leave as is. The href has to point to the location of your css file. The path you show with C:\ etc points to the file on your hard drive so it wouldn't work if you moved the page online somewhere. It should work to display on your computer though. However you don't really need to use the full path. Assuming your html page (index.html) and your css file are located in the same folder you could just use href="cssfile.css" Usually I create a folder named css inside the folder where index.html lives and then have href="css/cssfile.css" As long as you keep the same folder structure when you move the page online the above should work the same as it does on your computer. Glad to help. Feel free to ask more questions if you have any. The link stuff you can leave as is. The href has to point to the location of your css file. The path you show with C:\ etc points to the file on your hard drive so it wouldn’t work if you moved the page online somewhere. It should work to display on your computer though.

However you don’t really need to use the full path. Assuming your html page (index.html) and your css file are located in the same folder you could just use

href=”cssfile.css”

Usually I create a folder named css inside the folder where index.html lives and then have

href=”css/cssfile.css”

As long as you keep the same folder structure when you move the page online the above should work the same as it does on your computer.

Glad to help. Feel free to ask more questions if you have any.

]]> By: sean http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-114431 sean Thu, 28 Apr 2011 03:18:43 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-114431 Do I leave "link rel=”stylesheet”" and "type=”text/css”" as is? And should "href=”theme.css” />" be the file directory, like "C:\user\websitefolder\cssfile.css"? Thanks a ton for your help. Do I leave “link rel=”stylesheet”” and “type=”text/css”” as is?

And should “href=”theme.css” />” be the file directory, like “C:\user\websitefolder\cssfile.css”?

Thanks a ton for your help.

]]> By: Steven Bradley http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-108194 Steven Bradley Wed, 23 Mar 2011 03:01:51 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-108194 Yep. The typical name is style.css, but you can name it anything you want as long as you give it the .css extension. You also don't need to use the style tags if you create a separate css file. Then use the link tag I used above and make sure to have the href point to your css file. Yep. The typical name is style.css, but you can name it anything you want as long as you give it the .css extension. You also don’t need to use the style tags if you create a separate css file.

Then use the link tag I used above and make sure to have the href point to your css file.

]]> By: Sean http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-108191 Sean Wed, 23 Mar 2011 02:43:54 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-108191 Thanks! If I wanted to put the CSS in a different file, could I do that in notepad and save it .css? Thanks! If I wanted to put the CSS in a different file, could I do that in notepad and save it .css?

]]> By: Steven Bradley http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-108179 Steven Bradley Wed, 23 Mar 2011 01:30:06 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-108179 Sean that's my bad. You're right about the solution. The css needs to either be in its own file, which you would then link to in the head section of your html or you can place all the css between style tags in the head section of your html. Linking to a stylesheet <link rel="stylesheet" type="text/css" href="theme.css" /> Style tags <style type="text/css"> css here </style> Hope that helps. If you still have trouble feel free to email me your file and I'll take a look. Sean that’s my bad. You’re right about the solution. The css needs to either be in its own file, which you would then link to in the head section of your html or you can place all the css between style tags in the head section of your html.

Linking to a stylesheet
<link rel=”stylesheet” type=”text/css” href=”theme.css” />

Style tags
<style type=”text/css”>
css here
</style>

Hope that helps. If you still have trouble feel free to email me your file and I’ll take a look.

]]> By: sean http://www.vanseodesign.com/css/simple-menus-with-xhtml-lists-and-css/comment-page-1/#comment-108155 sean Tue, 22 Mar 2011 21:57:56 +0000 http://www.vanseodesign.com/blog/uncategorized/simple-menus-with-xhtml-lists-and-css/#comment-108155 Hey I'm new to html... when I copy the final result for the nav bar into notepad and save it as a .html, the webpage just looks like a bullet list with the css actually written out and appearing on the page. Do I need to put the css somewhere else like in the head and say type=css or something? Hey I’m new to html… when I copy the final result for the nav bar into notepad and save it as a .html, the webpage just looks like a bullet list with the css actually written out and appearing on the page. Do I need to put the css somewhere else like in the head and say type=css or something?

]]>