|
HTML - Left Menu And Anchor Tag
I am new to CSS and trying to crate a page with HTML/CSS. I want to display menu on left side and when user click on the menu item -> right side content should be displayed along with the Menu on the left side. Below is the sample code(this code may not be appropriate).
Please suggest me how to make this code work correctly. HTML Code: <html>
<head>
<link rel="stylesheet" type="text/css" href="my.css" />
</head>
<body>
<div id="left-menu">
<a href="#" class="current">Hello</a>
<a href="C:\xxx.html">Section 1</a>
<a href="#">Section 2</a>
<a href="#">Section 3</a>
<a href="#">Section 4</a>
<a href="#">Section 5</a>
<a href="#">Section 6</a>
<a href="#">Section 7</a>
</div>
</body>
</html>
my.css file
---------------
#container {
padding: 0;
margin: 0;
background-image: url(container.png);
background-repeat: repeat-y;
background-position: top left;
}
#left-menu {
position: absolute;
top: 220px;
left: 0;
width: 160px;
height: 100%;
border-top: 1px #9ad815 solid;
border-bottom: 1px #9ad815 solid;
}
Thanks! Similar TutorialsI am wanting to link to a certain option in a select list via an anchor link on another page. Each option displays different info below it using javascript. Example: I have a date on a php based calendar linking to a events page. On the events page is the select list with different events that will show below the list when selected. How can I link that specific date to that event so that it is displayed? Is this possible? Hi, I have a website in which the menu is the same on all pages (http://www.hiltrain.com) I have set this up so that the menu item is in bold to identify the specific page the viewer is on. This works perfectly in function and is set up by using: <body id="help"> and then using the same id in the link code, e.g. <a href="howwecanhelp.htm" id="help"> In the css file I have an entry: body#help a#help, font-weight: bold; This gets the menu item for that page to be in bold and this works fine. However this doesn't vaildate well as according to the W3C standards I can't use the id twice. Can anybody advise me on a way to change these to achieve the same affect but so that it complies with W3C. Any help greatly appreciated. Cheers Iain Good day , I want to create a menu in my div block but the menu will be like this Categorie <-- this is the title Plastic <-- this is 3 categorie hard <-- type of plastic soft wood metal my problem is that I would like that when you click on a categorie the type would appear and the other categories would go down to give some room for the type. I tryed to use a menu builder from coffecup but it wont put under like I would like. Can someone help me please . thanks in Advance Marc Hello, I am a newbie to html but am working on a company website. I am looking for help with the drop down nav bar. I want to have the bar justified underneath the part that you are hovering over (for example, when you hover over Douglas Cardinal, the words biography, philosophy, etc would be justified underneath. When you click portfolio, current projects, museums, etc would be justified under portfolio) http://www.djcarchitect.com/portfoli...tprojects.html Is this possible? Thanks!! Is there anyway to do a sort of "go to next anchor" link? ... and previous anchor? I would like to show some details in table format inside the anchor link, is this possible or not... Hey guys, I'm really new to HTML coding so be nice. I'm trying create an anchor on a new page. Is this possible, I can create an anchor that jumps down a page, but I can't get it to work on a different page. I thought I had it, but it only worked in Safari, and wouldn't work in Firefox or IE. Any help would be greatly appreciated Right this is not for the faint-hearted cos I'm going to make a real hash of explaining what I'm trying to do probably I'm using <a> tags to move the user around a single page, so for example: HTML Code: <a href="#room1">Room1</a> <a href="#room2">Room2</a> <a href="#room3">Room3</a> <a href="#room4">Room4</a> <div id="room1"> Some Content </div> <div id="room2"> Some Content </div> <div id="room3"> Some Content </div> <div id="room4"> Some Content </div> It works fine, but the browser places the viewing window right at the very start of the <div id=""> bit. I want to have it move to say 50px higher up. I can't move the <div> tags or set any margin or padding on them as this really messes up the page. Is there any way to move the browser window 50px back up after it has moved to the <div> position. Maybe using javascript? Any help really appreciated Hi everybody, im new here. i've done lot of search and nothing solved my problem. here is my situation. I have 2 pages, in the first page i want to make a link to the second page but at a specific point in the second page. Here is my code: in the first page, i make this link: <a href="page2.html#70" class="Style1">linktopage2 (1)</a> in the second page at the point i want to link: <a name="70"></a> Did i forget something? right now when i click the link in the first page, it open the second but at the top of it and not at the point i want. someone have a better way to do what i want? thank you all!! mike Hi all, I'm trying to embed a flash file on my page that will act as a link to another page (please see code below). However, for some reason it's not working. Can someone please tell me what I'm doing wrong or point me towards some documentation? <div class="promowrapper"> <a href="http://promos.kansan.com/summersplash"><embed width="955" height="60" src="http://media.kansan.com/static/images/SummerSplash.swf" /></a> </div> Thanks, Kansan I'm creating an alphabetical search of products. I have a table with the letters of the alphabet and just below that table I have a scroll box with the list of products. Each section of this list of product has an anchor that is called by the letter in the table. When the letter is clicked the scroll box scrolls to show the products with names starting with that letter. What I did so far is working. The problem is that the whole page of the website is moving up when I click a letter and not just the scroll box. How do I do to make just the scroll box to scroll? Using help from (http://www.echoecho.com/htmllinks08.htm) I added links to my page (http://laititudefestival.zxq.net/whosplaying.html) When clicked on the title 'Lake Stage' it should redirect you to the line up image lower down in the page. The link (http://laititudefestival.zxq.net/whosplaying.html#lake) appears in the address bar . It should move the page down but it dosent Please help Just give me one working example I would be very happy I could change text and so on ! Thanks , Sorry for English so i have these 3 files, frame.html, menu.html, and page.html frame.html sets up the frameset with menu.html on the left side and page.html on the right side. the page is very large and scrolls and has a bunch of named anchors in it, and the menu doesn't scroll so its always visible no matter where on the page you are. so u probably get the idea by now. normally if i want to have an anchor link in the page i would just say href="#anchorname", but instead i want to have links in the menu frame jump to anchors in the page frame, so that someone could browse the page very easily without having to scroll all the way back to the top for all the anchor links. is that possible, and how would i do it? Hello, I have a webpage with several html anchors. The anchor part works ok, but when I click on the links, I only goto to the part of the page with all the anchors (all anchors are gathered low in the page) and I wanted to know if there is any way of highlighting the specific anchor that the user has clicked on. Thank you. How do I make an H1 heading (example: <h1>Business to Business</h1>) into a link that will jump to an anchor lower on the page? What is the code for this? HELP! Any help would be much appreciated Karen Hello, NVM. solved, delete please. Hi dudes, I am having a value in the hidden field of the form and i need to use the value of the hidden field as the source for the anchor tag href. How could this be possible. Suggest me a solution as quick as possible. Thanks & regards, Muthuselvan.N I am creating an FBML page in Facebook and can not figure out how to do an anchor point in the page - mostly because instructions online only tell you how to do it and show snippets of code, not the entire portion, so I can't tell where to put the two different parts of the code (a name & a href with #). This is the code I have: <a name="Current Projects" id="Current Projects"> <a href="http://www.facebook.com/familysearchwiki#currentprojects"><strong>Current Projects</strong></a></a><p> I want it to link to the "Current Projects" section of the document. I do not know how to set this up. Seems like it should be easy... I know it is, right? |
|||||||