|
HTML - 2 Dropdown List Boxes On One Page?
I am trying to make two drop down list boxes (each with a "Enter" button), but I can't get them both to work. The second list box works fine, but the "Enter" button from the first box uses the selection of the second box as its reference. Does anyone know why this is happening? Below is the code that I am using.
Code: </ br>
<h1 style="text-align: center;">View Routes</h1>
<p style="text-align: center;">Browse By Location:</ br><script type="text/javascript">
function submitForm() {
var list = document.navList.subMenu;
var page = list.options[ list.selectedIndex ].value;
if (page != "home")
window.location = page;
return false;
}
</script>
<form style="text-align: center" name="navList" onsubmit="return submitForm();">
<select name="subMenu">
<option value="home"> </option>
<option value="http://climb-utah.modern-graphix.com/bryce-national-park">Bryce National Park</option>
<option value="http://climb-utah.modern-graphix.com/capitol-reef-national-park">Capitol Reef National Park</option>
<option value="http://climb-utah.modern-graphix.com/cedar-mesa">Cedar Mesa</option>
<option value="http://climb-utah.modern-graphix.com/escalante-grand-staircase">Escalante Grand Staircase</option>
<option value="http://climb-utah.modern-graphix.com/lake-powell-area">Lake Powell Area</option>
<option value="http://climb-utah.modern-graphix.com/miscellaneous">Miscellaneous</option>
<option value="http://climb-utah.modern-graphix.com/moab-area">Moab Area</option>
<option value="http://climb-utah.modern-graphix.com/robbers-roost">Robbers Roost</option>
<option value="http://climb-utah.modern-graphix.com/san-rafael-swell">San Rafael Swell</option>
<option value="http://climb-utah.modern-graphix.com/wasatch-mountains">Wasatch Mountains</option>
<option value="http://climb-utah.modern-graphix.com/uinta-mountains">Uinta Mountains</option>
<option value="http://climb-utah.modern-graphix.com/valley-of-fire">Valley Of Fire</option>
<option value="http://climb-utah.modern-graphix.com/zion-national-park">Zion National Park</option>
</select>
</ br>
<input type="submit" value="Enter" />
</form>
<p style="text-align: center;">Browse By Category:</p><script type="text/javascript">
function submitForm() {
var list = document.navCat.subMenuCat;
var page = list.options[ list.selectedIndex ].value;
if (page != "home")
window.location = page;
return false;
}
</script>
<form style="text-align: center" name="navCat" onsubmit="return submitForm();">
<select name="subMenuCat">
<option value="home"> </option>
<option value="http://climb-utah.modern-graphix.com/family-fun">Family Fun - Easy</option>
<option value="http://climb-utah.modern-graphix.com/weekend-warrior">Weekend Warrior - Moderate</option>
<option value="http://climb-utah.modern-graphix.com/hardcore">Hardcore - Difficult</option>
<option value="http://climb-utah.modern-graphix.com/technical">Technical - Highly Skilled</option>
<option value="http://climb-utah.modern-graphix.com/adventure-tales">Adventure Tales - Stories</option>
<option value="http://climb-utah.modern-graphix.com/video-audio-clips">Video & Audio Clips</option>
<option value="http://climb-utah.modern-graphix.com/other-stuff">Other Stuff</option>
</select>
</ br>
<input type="submit" value="Enter" />
</form>
Similar TutorialsHi, I am using css to create a dropdown menu. It works fine in all browsers except IE6. In IE6 a dropdown list covers the dropdown menu. please see the atachment/screenshot. Here is the html/css code I am using. HTML Code: {
position: relative; z-index: 1;}*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
z-index: 599;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
z-index: 598;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
z-index: 598;
}
ul.dropdown li:hover > ul {
visibility: visible;
z-index: 598;
}
HTML Code: <div id="header" class="header" style="background-image: url(./images/blue-curve.jpg); background-position: top;">
<h1>
Finance and Risk
</h1>
<ul class="dropdown dropdown-horizontal noPrint">
<li><a href="#" class="dir">Data Management</a>
<ul>
<?php echo '<li><a href="main.php?PageName=import3' . SID . '">Upload Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=list' . SID . '">Download Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=delete' . SID . '">Delete Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=assetupdate' . SID . '">Update Data</a></li>'; ?>
</ul>
</li>
<li><a href="#" class="dir">Reports</a>
<ul>
<?php echo '<li><a href="main.php?PageName=reports' . SID . '">BS Overview</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=CDO' . SID . '">CDOs</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=impairment' . SID . '">Impairments</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=fvecapreport' . SID . '">FairValue and Risk</a></li>';?>
<?php echo '<li><a href="main.php?PageName=creditrisk' . SID . '">Credit Default Risk</a></li>';?>
<?php echo '<li><a href="main.php?PageName=securitydata' . SID . '">MarketData</a></li>';?>
</ul>
</li>
<li><a href="#" class="dir">Files & Manuals</a>
<ul>
<?php echo '<li><a href="magnitude.pdf" target="_blank">Product Codes</a></li>';?>
<?php echo '<li><a href="uploadmanual.pdf" target="_blank">Upload Manual</a></li>';?>
<?php echo '<li><a href="main.php?PageName=osmdocs' . SID . '">OSM Files</a></li>'; ?>
</ul>
</li>
<li><a href="#" class="dir">Miscellaneous</a> <ul>
<?php echo '<li><a href="main.php?PageName=creditcrises' . SID . '">Credit Crises</a></li>'; ?>
</ul>
</li>
<?php if ($_SESSION['Admin'] == "Yes") { ?>
<li><a href="#" class="dir">Admin </a>
<ul>
<?php echo '<li><a href="main.php?PageName=message' . SID . '">Flash Alerts</a></li>'; ?>
<?php echo '<li><a href="testmarcel1.php?' . SID . '">Test Marcel1</a></li>'; ?>
<?php echo '<li><a href="testmarcel2.php?' . SID . '">Test Marcel2</a></li>'; ?>
<?php echo '<li><a href="testmarcel3.php?' . SID . '">Test Marcel3</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=testajay1' . SID . '">Test Ajay1</a></li>'; ?>
<?php echo '<li><a href="testajay2.php?' . SID . '">Test Ajay2</a></li>'; ?>
<?php echo '<li><a href="testajay3.php?' . SID . '">Test Ajay3</a></li>'; ?>
</ul>
</li>
<?php } ?>
<li><a class="dir" href="main.php?PageName=menu">Menu</a>
<ul>
<?php echo '<li><a href="logout.php">Logout</a></li>'; ?>
<?php echo '<li><a href="#">Change password</a> </li>'; ?>
</ul>
</li>
<li><a class="dir" href="javascript:window.print()" color="green">Print</a> </li>
</ul>
</div>
Any one has an idea how to get the css menu on top of the dropdown list? Thanks in advance Hello there. We are right at the finish line of being done with our site. We are one of the biggest Youtube Optimizers on the net. We are the ones that get your videos to the top We have just been building a whole new site. Ok Basically it is set up to where there are multiple packages for the user to order. Each package they can pick how many videos they would like to have optimized. I have started with this script but i'm lost. I'm a software developer not real deep in html. All I am needing it to do is if you pick 1 for 1 video only 1 text box appears. If you pick 4 for 4 videos only 4 text boxes appears.(The text boxes are for the user to enter in there Youtube Video url) And of course if they enter in 9 text boxes 9 will appear. The problem right now is it doesn't matter which number you press all 9 text boxes appear. I'm sure this is something very simple I am just not experienced in javascript if statements. If you can help it will be so much of a blessing! Here is what I have: Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<form action="">
<select onchange="if (this.selectedIndex==1){this.form['box'].style.visibility='visible'}
{this.form['box2'].style.visibility='hidden'} {this.form['box3'].style.visibility='hidden'}
{this.form['box4'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==2){this.form['box2'].style.visibility='visible'} {this.form['box'].style.visibility='visible'}
if (this.selectedIndex==3){this.form['box3'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box4'].style.visibility='hidden'}
{this.form['box5'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==4){this.form['box4'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'}
{this.form['box5'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==5){this.form['box5'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'}
{this.form['box4'].style.visibility='visible'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==6){this.form['box6'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'}
{this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==7){this.form['box7'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box8'].style.visibility='hidden'}
if (this.selectedIndex==8){this.form['box8'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box7'].style.visibility='visible'}
{this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==9){this.form['box9'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box7'].style.visibility='visible'} {this.form['box8'].style.visibility='visible'};">
<option value="">0</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
</select>
<br />
<input style="visibility:hidden;" type="text" name="box"><br />
<input style="visibility:hidden;" type="text" name="box2"><br />
<input style="visibility:hidden;" type="text" name="box3"><br />
<input style="visibility:hidden;" type="text" name="box4"><br />
<input style="visibility:hidden;" type="text" name="box5"><br />
<input style="visibility:hidden;" type="text" name="box6"><br />
<input style="visibility:hidden;" type="text" name="box7"><br />
<input style="visibility:hidden;" type="text" name="box8"><br />
<input style="visibility:hidden;" type="text" name="box9"><br />
</form>
<body>
</body>
</html>
Hello everybody I'm struggling with something, and was hoping somebody could point me in the right direction. I have a long list that I would prefer as a dropdown selection, but don't know how to do it. If you go to: http://pcbytes-inter.net/domain-needed Type in an imaginary domain that you will manage the DNS settings for then press continue. You will see the long list of hosting packages. I would like this to be 2 dropdown boxes, eg choose package type and choose billing cycle. It still needs to submit the same information it currently does though. It does not need to be dynamic, as every package will have monthly, quarterly and yearly billing cycles. The code for the current page is below, does anybody have any ideas? Many thanks Lee Code: <%= user_menu %>
<div id='t-package-chooser'>
<h2>Hosting Packages</h2>
<form accept-charset='utf-8' method='post' action='basket'>
<% if no_upsell? %><input type='hidden' name='no-upsell' value='1'/><% end %>
<h3>Select a Domain Name</h3>
<p>This will be the name of your web site.</p>
<p>http://www.<select name='domain-'>
<% domains.each do |domain| %>
<option value="<%= domain.html %>"><%= domain.html %></option>
<% end %>
</select></p>
<p>If the domain name you would like to use is not listed above, please <a href='domain-needed'>click here to search for new domains or transfer existing ones</a>.</p>
<h3>Select a Web Hosting Package</h3>
<p>Please pick the kind of hosting package you'd like to order.</p>
<% i = 0 %>
<% hosting_products.each do | product | %>
<h4><%= product.name.html %></h4>
<p><%= product.description %></p>
<input type='hidden' name='base_renewal_period-<%= i %>' value="<%= product.base_renewal_period %>" />
<input type='hidden' name='quoted_unit_price-<%= i %>' value="<%= billing.price(product.unit_price) %>" />
<p><input type='radio' name='add-product' value='<%= product.specific_type.html %>:<%= i %>:base_renewal_period,quoted_unit_price,domain' /><%= billing.currency_symbol.html %><%= billing.price(product.unit_price, :use_tax_prefs) %>
<% if product.base_renewal_period != 'never' %>
every <%= product.unit_period.to_s_short.html %>
<% end %>
<% if product.setup_fee != 0 %>
plus a one off fee of <%= billing.currency_symbol.html %><%= sprintf("%.2f", if billing.include_tax? then billing.price(product.setup_fee) else product.setup_fee end) %>
<% end %>
<% if product.has_free_products? %>
<br />
includes free domains
<% product.free_products_list.each do | free_product | %>
<%= free_product["free_name"] %>
<% end %>
<% end %>
*
</p>
<% i = i + 1 %>
<% end %>
<p><input type='submit' value='Add to Basket'/></p>
</form>
<% unless basket.nil? or basket.empty? or no_upsell? %>
<p><a href='basket?add-no-product=package'>No thank you, please continue with my order ....</a></p>
<% end %>
<% if not billing.tax_applies? %>
<% elsif billing.include_tax? %>
<p>* Includes <%= billing.tax_name %></p>
<% else %>
<p>* Excluding <%= billing.tax_name %></p>
<% end %>
</div>
I am having a problem with IE7 rendering this page's last two select boxes. It renders fine in Firefox. It doesn't seem to like the height properties of the select boxes being set to percentages. Thanks in advance HTML Code: <!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>
<title>BLAH BLAH BLAH, WEIRD IE BEHAVIOUR</title>
</head>
<body id="bodyBODY">
<form name="frmFORM" id="frmFORM">
<table align="center" width="100%" height="800px" border="1">
<tr>
<td style="width: 30%; text-align: center; vertical-align: top; height: 90%;">
<div>
TITLE 1<br />
</div>
<select name="select1" size="2"
id="select1" style="height: 90%; width: 100%;">
<option value="00023">00023</option>
<option value="04988">04988</option>
<option value="05560">05560</option>
<option value="05565">05565</option>
<option value="05915">05915</option>
<option value="05M">05M</option>
<option value="06970">06970</option>
<option value="07M">07M</option>
<option value="09015">09015</option>
<option value="09020">09020</option>
<option value="09030">09030</option>
<option value="09065">09065</option>
<option value="09275">09275</option>
<option value="09330">09330</option>
<option value="09335">09335</option>
<option value="09340">09340</option>
<option value="09441">09441</option>
<option value="09442">09442</option>
<option value="09491">09491</option>
<option value="09615">09615</option>
<option value="09763">09763</option>
<option value="09810">09810</option>
</select>
</td>
<td style="width: 30%; text-align: center; vertical-align: top;">
<div>
TITLE 2<br />
</div>
<select name="select2" id="select2" size="2"
style="height: 90%; width: 100%;">
<option value="09330">09330</option>
<option value="09335">09335</option>
<option value="09340">09340</option>
<option value="09441">09441</option>
<option value="09442">09442</option>
</select>
</td>
<td style="width: 40%; text-align: center; vertical-align: top;">
<div>
TITLE 3<br />
</div>
<select name="select3" id="select3" style="height:90%;width:100%;" size="2">
<option value="A-008FXD">A-008FXD</option>
<option value="A-1251BOLTE">A-1251BOLTE</option>
<option value="A-1251F31">A-1251F31</option>
<option value="A-6901RW7">A-6901RW7</option>
<option value="A-6901RW8">A-6901RW8</option>
<option value="A-6901RW9">A-6901RW9</option>
<option value="A-6901SA1">A-6901SA1</option>
<option value="A-6901SA2">A-6901SA2</option>
<option value="G-813R0070">G-813R0070</option>
<option value="G-813R0127">G-813R0127</option>
<option value="G-813R0174">G-813R0174</option>
<option value="G-813R0192">G-813R0192</option>
<option value="G-813R6500">G-813R6500</option>
<option value="G-813RDJX">G-813RDJX</option>
<option value="G-813RGEL">G-813RGEL</option>
<option value="G-813RICM2">G-813RICM2</option>
<option value="G-813RLIQD">G-813RLIQD</option>
<option value="G-813ROPT">G-813ROPT</option>
<option value="G-813RPCC">G-813RPCC</option>
<option value="G-813RQTM">G-813RQTM</option>
<option value="G-813RTAB">G-813RTAB</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
Hi all i would like to know how to create a combobox/dropdown box that the user can use to up grade options on a pc and the price change with it? here is an example http://www.gr-tek.com.au/proddetail.php?prod=Corei3 many thanks Nick ok i have this code it works fine for what i want but also id like to add in when the option is selected to have an alert that pops up acording to what option was selected Code: <html> <head> <title>Tech Support</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <form> <select onchange="this.form.solu.value=this.options[this.selectedIndex].value"> <option value="" selected>Select from Drop Down List</option> <option value="Plug in the Computer">No Power</option> <option value="Turn on the Monitor">Screen is Dark</option> </select><br> <br> <table> <tr> <td valign="top">Solution:</td> <td><textarea name="solu" rows="3" cols="30"></textarea></td> </tr> </table> </form> </body> </html> Hey guys, I'm having a little problem. My client is being very picky and he doesn't like the way his "form dropdown box unfurls". I did some research and I can't seem to find a way to changed the speed or way that the dropdown box drops down. Can someone help me out? Thank in advance! Aaron Hello all, I have created a dropdown list in a form using the <select> tag. My question is, is there any way to have that dropdown list display a different <option> as the default option when the page loads? The default option right now is always whatever option is the first one in my code. EX. <select> <option value="1">1</option> //by default this first option shows up on page load <option value="2">2</option> <option value="3">3</option> //can I have this option show up instead by default? </select> Thanks in advance. I'm a noob so please forgive me if this is a stupid question or if the info is listed somewhere else. I really did try and find it on my own. I'm trying to make a simple website that incorporates amazon's free "astore". It has a search function included in the sidebar already but i don't like it and really want to set up my own. I found this search box code: Quote: <form action="http://astore.amazon.com/adbabel-20/search" method="get" target="_blank"> <input name="node" value="8" type="hidden"> <input name="keywords" size="12" value="" type="text"> <button type="submit" >Search</button> </form> it works well but is limited to searching only one category in my store (i have several). each category is assigned a "node" number. By changing the node value in the code I can change which category the box searches. I want to create a drop down list that, upon selection, changes the node value and thus the category that is to be searched. Can anyone let me know how this might be done? http://addictinginfo.webs.com/politics.htm ^^the page at hand Looking for a comment box that i can use for every story rather than just the page. If i try to copy the same comment box html over to the next stories it has errors. Any help is great. Thanks. for an example... I would like to create a link or have a button called dropdown on a page, and once clicked, I would like it to drop down and give a description or show a paragraph or something... I don't want it to show up in another page once I click the link, just show up on the same page, but droped down directly under the link... Does anyone have an Idea what I mean? and how to do this... an easy way to accomplish this? or some nice tutorials? Thanks a lot... Hi, I need a dropdown menu where I can assign a different link to each option (and when the option is chosen that link is opened in the same window), it should be as simple as possible so it works on the majority of browsers and doesn't get blocked by various utilities that block java/scripting and all that stuff... I don't mind if the user has to press a 'submit' button or whatever. What's the best way to do this? Thanks. What I have is a list of songs on page. I need to be able to have user ckeck mark the songs they want this list will need more then one check box but only submit the box's that are checked i have found many order forms but i don't need the total for this only what song titles they want can any one help or know of a topic i can look at? I have a task that I need help with... I have been tasked to build a simple HTML page with a list of Hyperlinks that represent the files within a specific folder. The page must be HTML. The folder name will be hard coded. Show file names, extentions optional. Links will not be pages Links will be files (mostly PDF) Thanks in advance for any assistance with this task. Thanks SquireDude I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks I am making a website with a list inside list for my navigation bar. It looks good on safari(win/mac) and firefox but the list looks horrible in IE7.0(didnt check 6.0) I was wondering if anyone know what it could be HTML Code: Code: <div id="nav"> <img class="menupic" src="images/mainmenu.png" alt="Main Menu"/> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_findme.png" alt="findMe"/></a></li> <li> <ul class="navlinks"> <li><a href="#goto_facebook" id="facebook">- Facebook</a></li> <li><a href="#goto_myspace" id="myspace">- Myspace</a></li> <li><a href="#goto_youtube" id="youtube">- Youtube</a></li> </ul> </li> </ul> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_blog.png" alt="blog"/></a></li> <li> <ul class="navlinks"> <li><a href="#blogid2" id="blogid2">- Testing | May 01</a></li> <li><a href="#blogid1" id="blogid1">- Debut Album | Apr 30</a></li> <li><a href="#goto_blogarchive" id="blogarchive">- Archives</a></li> <li class="donthidethis"><ul class="navli donthidethiseither" style="padding:0;"> <li><a class="point" href="#">- Categories</a></li> <li><ul class="navlinks"> <li><a href="#goto_catid2" id="catid2">- Media</a></li><li><a href="#goto_catid1" id="catid1">- News</a></li><li><a href="#goto_catid3" id="catid3">- Off Topic</a></li><li><a href="#goto_catid4" id="catid4">- Tutorials</a></li> </ul></li> </ul></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_eliasmusictv.png" alt="eliasMusic Tv"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="coming">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_about.png" alt="about"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_biography" id="biography">- biography</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_links.png" alt="links"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="links">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_contact.png" alt="contact"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_contact" id="contactpage">contactForm</a></li> </ul></li> </ul> CSS Code: Code: #nav { float:right; width:195px; padding-left:20px; background:url("images/navback.png"); } #nav ul { list-style: none; margin-left:1px; border: none; } #nav .navli { padding-top:3px; padding-bottom:3px; } #nav .navlinks { padding-left:25px; } #nav .navlinks a,a:link { color:#262626; } #nav .navli img { margin-top:5px; margin-bottom:5px; } #nav .navlinks a:hover { color:#dadada; } #nav img.menupic { margin:20px 10px 5px 95px; } #nav a { font-size:14px; display:block; } #nav a.point { font-size:14px; font-weight:bold; } .navliover { background:url("images/navhover.jpg"); }
Any help at all would be appriciated please I can show u the website via Private message if you are interested in helping Thanks in advance Reply With Quote I am making a site consisting of articles, and i need comment boxes to comment on the articles, so please a simple comment box, with no smilies or anything, and a possible way to mod it if i get innappropriate comments, please, i need this quikly! Hi everyone!! I have a div box that has a fixed position so it is always there when you scroll down a page.... but as I have a long footer, the fixed div box goes over the footer when I scroll to the bottom of the page what is the best way to scroll a div box within another div box, so the div box is visible and scrolls with the page up to where the footer div starts? hope that makes sense? many thanks for you're help. I have worked with pre-made scroll boxe codes online but I happen to come across a profile online and I loved the layout of it and wanted to know if anyone would be willing to help me out. Thanks for your help! |
|||||||