|
HTML - Urgent Help - Dropdown Issue
Hey guys / gals
When you select one example "Faith.jpg" from the first dropdown, then another dropdown should link this and display several prices. Each image with different prices. How to do this in code?? I urgently need your help. I'm busy developing for my client. Thanks! Look at my codes below: Code: <body> <select name="ORDER 1" id="dlist1" onchange="swapImage1()"> <optgroup label="Sow Seeds of Love"> <option value="None">None</option> <option value="Images/SowSeeds/Faith_small.jpg">Faith </option> <option value="Images/SowSeeds/Hope_small.jpg">Hope</option> <option value="Images/SowSeeds/Grace_small.jpg">Grace</option> <option value="Images/SowSeeds/Peace_small.jpg">Peace</option> <option value="Images/SowSeeds/FlowerSeedSachet_small.jpg">Flower Seed Sachet</option> </optgroup> </select> //This is linked to the above first dropdown when you select Faith.jpg <select> <option>Description</option> <option>Card A6 (blank) - R32.00 </option> <option>Memo Book A6 - R62.00 </option> <option>Gift Tags (4 designs per packet) - R8.50</option> <option>Gift Tags - Single - Assorted - R1.80</option> <option>Key Rings Perspex - R30.00</option> <option>Fridge Art - R40.00 </option> </select> AND for example you choose another image with different prices //This is linked to the above first dropdown when you select Hope.jpg (different prices) <select> <option>Description</option> <option>Card A6 (blank) - R35.00 </option> <option>Memo Book A6 - R65.00 </option> <option>Gift Tags (4 designs per packet) - R9.50</option> <option>Gift Tags - Single - Assorted - R1.80</option> <option>Key Rings Perspex - R20.00</option> <option>Fridge Art - R40.00 </option> </select> </body> Similar TutorialsHere is a link to what I am working on now... http://209.97.201.191/ If you notice the drop down menus they disappear, or only partially show when using Firefox. In IE they work perfect. I have never come across this problem before. Any ideas as to what is causing it? Hi, 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 I have developed a website just for my final year project... I have created this website for IE7. Now I have a problem... I have 3 frames in the page which are placed horizontally <frameset rows="185,*,38" frameborder="no" border="0" framespacing="0" SCROLLING="auto" > <FRAME SRC="page1.htm" NAME="frame1" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" noresize="noresize"> <FRAME SRC="page2.htm" NAME="main" scrolling="auto" marginwidth="0" marginheight="0" noresize="noresize"> <FRAME SRC="page3.htm" NAME="bottmFrame" scrolling="no" marginwidth="0" marginheight="0" noresize="noresize"> There are links in the frame1 that change the pages in the main frame.... I have set it such that there is no Horizontal scrolling only vertical scrolling.... But in IE I have a big problem... The scroll sometimes disappears completely... Leaving only half the page in the main frame.... I have a dead line to meet and this is the only headache I am facing. I have hundreds of similar HTML files. Each of them is for a devices and consists of many performance of the devices. For instance. in File Device1.html: Function1 failed Function2 succeeded ... ... I need to put all the failed function along with the devices all together in one file(any readable format), is there any way? something like: Function1, device1. failed. function100 device99, failed. ... thanks, Han Hey guys, so I'm essentially asking you guys for advice as a last ditch effort. My final was due yesterday, but I've gotten it extended to today for a couple more hours. My partner essentially left me high and dry by saying 'oh, most of it's done', but actually none of it was coded. Alright, so essentially she made this thing as hard as possible. She made an image that has all the buttons on, like home, contact etc. As in, it's just one picture with all graphics, so you have to put the code over all of it. I've tried so many different ways to get it to work, but nothing is working. I essentially wanted the body (or container?) to be centered so i could use the image as a background. I don't even know if that works or not. I just have no clue how to make this image centered on a page and put all the elements on it. What I have right now is an image that's too big for the screen, but the button images I overlayed over the button graphics do work. Hey guys I have to show something to someone today and it just came to my attention that my website does not work in Safari. It will load just fine in Firefox/IE but in Safari it will only load the top flash animation and background image, but none of the content? Any thoughts? Thanks so much http://www.ianidas.com/wordpress/index.php Hi Everyone, I am developing a website, wherein i have used a impact font (19px) for the headings which i feels looks quite blur. My question is that can we make that font much sharper. As i know we can do that font sharper in photoshop. Is there any way we can make Impact font sharper in HTML? Thanks in advance... Vishal Hello, I see the design of my page is good in firefox but in Internet explorer is meesed up Can someone help me? i will send the page code now please thanks in advance! ok... i wanted to change my layout and it all looked fine until i viewed it with a 1024x768 resoultion... when i'm using the 1280x1024 resoultion... everything was in place when i made it on dreamweaver, but now when i switch resolutions the iframe and text boxes and whatevrs on the page moves ... please have a look and tell me what i can do www.anastaciadreams.com/layout/test.html Hi There Please could somebody help me with this problem. I have a website http://www.sapokershop.co.za. I would like to add an affiliates banner on a specific position on my site. Currently the Banner code looks like this: <td width="582" style="BACKGROUND-POSITION-Y: bottom; BACKGROUND-IMAGE: url(images/tp_574X67_1.gif); BACKGROUND-REPEAT: no-repeat"> I need to make this a link to the following: </a><br/><a href="http://banner.titanpoker.com/cgi-bin/redir.cgi?id=N&member=sapokershop&profile=maintp"></a> Please could anybody help First Off All I Sorry But My Language Is Not So Well. I Have A Windows Media Player In My Own Site... I Am Putting There Songs. Its Sometimes Stops And Then Its Connecting Again ut In My Site Its Doesnt Playing Its Writing Me "Ready". How I can do that this will not be ready but/rather that will continue to announce? Thx For The Helpers Hi all, I have a question on the following code <?php if ($flag == 1) { echo "<HR COLOR=#0433f>"; ?> <form method="post" action="asstnt.php"> <input type="hidden" name="id" value="<?php echo $a ?>"> <input type="submit" value="Next"> <input type="button" value="Previous" onClick="window.location='javascript:history.go(-1)'"> <input name="Action5" type="button" id="Action5" value="Done" onClick="javascript:window.location.href='gotohome.php';"> </form> My question is that why do i get a space or blank line between the coloured line and the buttons.And how to eliminate the blank line. Thanks in advance. Hi to everyone on the forum, I'm new here. I have a small problem (hopefully)... I'm now in Beijing for a special Youth Outreach Project "Ballers in Beijing" We are a non-profit organization, using sport as a bridge in Northeast Asian youth communities. I paid someone to build the project website and they have since abandoned it. Leaving me to fix up everything on my own. I didn't have any knowledge of HTML a couple of months ago, so I think its getting a little better. But I still can't figure out how to center everything on my page, to fit the browser. http://www.ballermag.com/index.html Please take a look, and if anyone is interested in helping I would appreciate it. Please help me to make the below design in html. Since I am generating PDF so i need to set footer for that so please make the design shown below so that I can assign that design as my footer... http://yfrog.com/kfqmc7p Regards.... This is my blog : www.moneyplanters.com hosted on Blogger platform I need to integrate Yahoo Finance charts (as on http://livecharts.50webs.com/charts.html) and a Gann calculator (as on http://www.gannsquareof9.stockmaniacs.net/ OR http://www.pivottrading.net/pivot/pivot/gann.html) The codes will be easily available to the prgrammers from these respective websites. However, their only job will be to modify it to some extent, as i would like to change the content and add/delete a few features as mentioned below : Gann Calculator : The grid should not be visible. The code should carry out the calculations at the backend and only the results are to be displayed to the user. Background colours, fonts etc will be changed later. This part of the page should not refresh automatically. Yahoo Charts : User should get a dropdown menu to choose his market. Based on his choice, the next dropdown in which he chooses the scrip gets activated. Scrips for markets other than the user's choice are not displayed. Background colours, fonts and position of objects will be changed later. This part of the page should auto - refresh every one minute. Chart size and auto refresh choices to be removed and shall be fixed after consulting the programmer. Others : 1. All code must be "blogger" friendly and shall be hosted on Blogger platform. 2. Scope of adding text should be there, which shall be added from the blog editor. 3. Scope to add modify Adsense ads within the post (which will include the charts and the calculator) should be made available. Can anyone code this for me ?? Hi Everyone, I am developing website where in client need a google internal search on his site. Since i have converted my html's into php. how should i implement script into my php file. If any one having script please provide the source code. Help would be appreciated. Thanks in advance. Hi People... Im really stumped by something i have done for a client... everything works fine apart from one bit and whatever i do i cant seem to solve it! I have made a html email which you can view on the link below: http://www.matthurley.net/email/TheLakes/thelakes.html If anyone can help me and advise on how i get the Contact image (bottomContact.jpg) at the bottom to rest at the end of the body copy that would be great!!! There seems to be something hidden away which i just cant find! You guys are the experts and im hoping someone can help soonish! Thanks in advance! Matt hi i finished my html project but i still need to make a login page for the project.and this page should be linked to a database.i mean the username is the email saved in the database and the password also saved in MS access database. i created the form but i don't know how to link it to database and how to verify if the username and password r correct or not and if username and password correct open system.html if not open login page. if u please can give me some suggestion? Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it. website: guardianfence.com user: guardian pass: guardian If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up... This is how the first image starts: Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> Here is the CSS part fot the gallery_box_layout Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> and here is the code for gallery_text_layout Code: .gallery_text_layout
{
padding:9px 20px 0px 6px;
}
Can someone please help me figure out why it's like that in internet explorer? Thanks!! |
|||||||