Jump to content

I have some simple questions....


Sniffy

Recommended Posts

Hey everyone, my name is Sniffy the Gerbil and I'm new to the world of web and graphics design. I have no programming experience behind me and am pretty much have been a hopeless dreamer until, I came to W3schools. But still, I haven't found some of the important things I'm looking for. I've been mostly looking at the html guidelines and Flash as well.The questions I want to ask you today are for html possibly maybe even touching some stuff that may be easily accomplished with JS and CSS.My first question is how do I make a box/form that says: "Select One". Like a drop down box, but when they select one of the options it links them to one of my pages. I know this can be done, because I've seen it before.My next question is, how do I make a form so someone browses there computer for a file by clicking an upload button beside the form, and then locates and when they hit open, it's location on their harddrive appears on the form field?And then they can hit "submit", and a download link will appear on one of my designated pages for that purpose?The next question is touching CSS.I was wondering how do I make a sidebar/menu that appears on every page with links on it to other pages?The navigation bar is the proper term I think, and it's on practically every site....so I want it on mine lol.The rest of my questions were solved by this beautiful site, w3schools. :)

Link to comment
Share on other sites

The next question is touching CSS.I was wondering how do I make a sidebar/menu that appears on every page with links on it to other pages?The navigation bar is the proper term I think, and it's on practically every site....so I want it on mine lol.
<?xml version="1.0" encoding="ISO-8859-1" ?><!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"><head><style type="text/css">ul{float:left;width:100%;padding:0;margin:0;list-style-type:none;}a{float:left;width:6em;text-decoration:none;color:white;background-color:purple;padding:0 0 0 .6em;border-right:1px solid white;}a:hover {background-color:#ff3300}li {display:list-item;margin-bottom: 2px;}</style></head><body><ul><li><a href="#">Link one</a></li><li><a href="#">Link two</a></li><li><a href="#">Link three</a></li><li><a href="#">Link four</a></li></ul><p>In the example above, we let the ul element and the a element float to the left.The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line.The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).We add some colors and borders to make it more fancy.</p></body></html>

This was taken directly from the w3schools.com site with minor alterations. I changed it from a horizontal menu to a vertical. Click here for the original code.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...