|
HTML - Best Way To Let The User Know What Page They Are On?
I am working on a page at the moment and I am trying to figure out the best way to let the user know what page they are on. For example... if they click services... maybe the leftnav would go Bold or I could write services on the Top of the page? I was wondering if I could edit the CSS to automate this? I doubt you can do this but just in case here is my css
Code:
body {
margin:10px;
background-color:#f0f0f0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:18px;
}
#container {
width:776px;
margin:auto;
background-image:url(../images/container-white-bg.png);
box-shadow:#333 15px 15px 30px;
}
#banner {
display:block;
width:760px;
height:120px;
padding:8px 8px 0 8px;
background-color:#066;
}
#top-nav {
width:768px;
height:81px;
padding:8px 0 8px 8px;
margin:0;
list-style-type:none;
background-color:#066;
}
#top-nav li {
float:left;
margin-right:8px;
}
#top-nav a,#top-nav span {
position:relative;
display:block;
width:120px;
height:81px;
}
#top-nav span {
position:absolute;
top:0;
left:0;
background-image:url(../images/gallery-banner.png);
}
#mcad {background-position:-8px -8px;}
#nios {background-position:-134px -8px;}
#moad {background-position:-260px -8px;}
#scad {background-position:-386px -8px;}
#clou {background-position:-512px -8px;}
#what {background-position:-638px -8px;}
#nav {
float:left;
width:120px;
padding:0 8px;
margin:0;
list-style-type:none;
background-color:#066;
}
#nav li {
margin-bottom:2px;
}
#nav a {
display:block;
width:120px;
padding:30px 0;
font-family:arial,sans-serif;
font-size:90%;
font-weight:bold;
color:#033;
text-align:center;
background-color:#699;
}
#nav a:visited {
color:#000;
}
#nav a:hover {
color:#fff;
}
#content {
float:left;
width:610px;
padding:25px 15px 10px 15px;
}
#content p {
margin:0 0 10px;
font-size:90%;
color:#000;
}
#services {
font-size:110%;
color:#000;
}
.text-indent {
text-indent:20px;
}
.padding-bottom {
padding-bottom:16px;
}
#footer {
clear:both;
line-height:30px;
color:#000000;
text-align:center;
background-color:#066;
}
and here is an example page Contact us Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH, Inc. - Contact us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad_project.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad_project.html">mcad<span id="moad"></span></a></li> <li><a href="mcad_project.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="#">what<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a href="about_us.html">About Us</a></li> </ul> <div id="content"> <p>If you would like to get in touch with us about the services we can offer, please email us</p> <p> </p> <p>For general enquiry <a href="mailto:info@meshoxford.com">info@meshoxford.com</a></p> <p> </p> <p>For business development <a href="mailto:meshengineering@meshoxford.com">meshengineering@meshoxford.com</a></p> <p>or call us at 610-932-7754 </p> <p>MESH is located on 114 Barnsley Road, Oxford , PA 19363</p> <p> </p> </div><!-- end #content --> <div id="footer">Contact Us via phone 610-932-7754 or email <a href="mailto:info@meshoxford.com">info@meshoxford.com</a></div> </div><!-- end #container --> </body> </html> Thank you in advance M Similar TutorialsHello. I have a website all based in php-fusion, and before it, I had one based on php-nuke on the same address. Since I upgraded, every user who was automatically logged in the old site, when visits the new page, get a error message, because php-fusion is searching in his cookies info witch is mismatched, because it were made by Php-Nuke. So, I wanna create a welcome page, all in HTML, telling the user about the error and also telling him how to erase the mismatched cookies, and when he click in "proceed to home page", the site saves a cookie in his computer, and when he visit the page again, he will be automatically redirected to the home page. How can I do that? Hopefully this is something relatively simple. I am trying to make a page that contains a table that users can log into and add rows of information to the table. 1)How would I go about creating an editable table. 2)How would I go about saving the updates to the webpage so their changes appear the next time they log in. I was thinking this might have something to do with some PHP coding to write the changes but not sure. Thanks for all your help Hi, i'm an expereinced PC user, and am just getting into web design, thought you could help. I've got the basics of a website developed, i just need to get the difficult bits done now...just! I've split it up into two points... a) Basically I want users to add a page that I haven't got on my site, (for example, if my website was about bands, one could fill in a form with the title of the band and a few pieces of info. and then that information is taken and a page is created (the page has standard information the same as the rest of the pages, but the details the user entered are on the page)). b) Secondly I want to add to a page a text box one can type into, click submit (basically a review) and that typing be added to that page. I'm assuming some sort of database would be required, but im really not sure how to go about it. Any help would be great Many thanks Hi, I'm new here and need a simple question answered: I have a store I am putting online, the store resides in a folder under the main folder so I need to have the index.htm in the main folder redirect the user to the index.htm in the store folder. I'm a bit rusty on my html skills, CRS is begining to raise it's ugly head, and can't for the life of me remember how to do it or find a reference to it. Is this possible? I remember seeing this somewhere but I don't really remember how to place the info in the address. Is it something like http://test.com@username:password ? Thanks! Hi all, I have a form with 4 pages, there are few checkbox in the 2nd page. The problem here is when the user fills in the 2nd form and moves on to the 3rd form, and in case if he comes back to the 2nd form using the back button on the browser, then how can i automatically check the checkboxes the user has already checked in the 2nd page of the form. Thanks James NT Is there a way I can load a page (with a text informing that 'you need flash player to view this web') if he doesnt have it installed in his browser? How would I do this? Your help is greatly appreciated. hello, I'm working on a site with a lengthy online application. When a user begins the application he is told to use the back and forward buttons on our form (not on his browser). We find that users still accidentally use the browser buttons and when they do a "Webpage has expired" error page comes up. This error page is not part of our site and is a dead end. I'm not a programmer so I don't know the specifics. I take it as a given that that browser buttons cannot function normally in our application, but I'd like to know if there is a way to get control of the error page that comes up when users do click their browser buttons. If we can show them a page reminding them not to use the browser buttons and put a link there to get them back to the application it would be a big help. Thanks Hey guys very new, have this cool idea for a site and would like to go with it. How can I get a map like this sites. www.skatespots.net Where users can post on the map for others to see. Thank you Sorry if this isn't in the right place. Hello All- I'd like to add a user registration and login to my website. So that an individual may log in and be brought to a customized personal screen. Obviously this is some in-depth stuff but I'd like to know how to go about learning how to do such a thing. Any thoughts? thanks! This might have already been answered but I need html code for this. "User input field" redirects to www.website.com/"user input".aspx Simple I think but I am going crazy trying to get it to work. I would like it to open to the page not a frame. Thanks Pete Hi, is possible to differentiate css code depending on the operating system of the customers ? for example fonts look different in Firefox using Windows and Firefox using Safari thanks hello, I'm having a little trouble trying to find a solution, maybe I'm just searching the wrong key words as ive spent a hours trying to work this out, what I'm after is a way that once I have created a website, I can add some form of coding or software that allows the website owner/end user to change the content or add pictures easily with out the need to have any knowledge in HTML etc. I know this should be possible as many website company's offer this service and it's also used on the web site building software offered by most hosting providers. If someone could point me in the right direction or just what this type of service is called I would be very greatful. Many thanks Julian i have a windows live website, its the free basic version, the purpose of the site is to display minutes from meetings and other general info, however i would like to make the info private and was wondering if it would be possible to do this with html/xhml, i have the form script to login from the homepage but am unsure how to procceed with creating the users id's and passwords any help for a novice would be appreciated regards and thanks john www.erctrw.com Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Hi, I've recently started a website for a game i belong to and i have things like news items and feedback items, but i want my viewers to be able to post their comments on them and maybe leave a rating out of 5 stars or something like that for each item. I have only just recently started learning coding and this is my first site, so i'm not very experienced yet. But i have used a few php bits to create feedback forms, would it need that sort of thing? Or could it be done simply in html or javascript? If anyone knows of any online tutorials which cover this sort of thing i would appreciate it! i want to make a user agreement jsut like the one on alinshop.in can someone please explain how i could do this. but instead after you click continue i want it to go to pathwizard.com/forum Well first off I would like to say hello to the community here. I recently got an idea for a website. That with some time and hard work I think has the potential to turn over a decent profit. I just got the Domain name registered and Webhosting with www.fatcow.com I know just about nothing about html, xhtml , css all that stuff. I mostly used the computers to copy backup games for all my game systems. Then a collection of software. Then I run 5 computers on World Of Warcraft to bot characters. I've had to install 2 seperate comcast service plans and Verizon Fios to keep up with my computer demands. Also need the DSL to change ip's to AutoMouse free rapidshare points, Then accounts. So I do ok with computers, But this website stuff has my head spinning. I am intending to use Adobe Photoshop CS4 to Creat my template. Then going to try and use DreamWeaver CS4 to create the html ( if its called that..lol ) I've watched a ton of tutorials on the photoshop and finally got a basic template that I would like to go with. I am just paused at this time cause I was reading into the different screen resolutions. I created my template at 860 / 580 .. Also one at 955/600 I uploaded them both to my webhost background only, but they look so funny to me. Could someone help me to get the auto resolution going on this ? http://www.itemraffle.com is the site name. I you could view source and let me know what needs to be there. Its only like 6 lines long now. I also don't think I added the actual template I created in there the right way. I just saved the photoshop file as a jpeg then uploaded it the server and added a html image tag. Question 1 of I'm sure a million !! l |
|||||||