|
HTML - Dropdown Menus Inserts Word Into Link Structure
Hello. I am trying to code a "simple" webpage.
It will have two drop downs. Each drop down will have a few selections. You, the user, choose two selections from each drop down. The you press submit/go button. if you house apples for dropdown 1 and green for dropdown 2, it would then insert these keywords into a link such as www.test.com/apples11green.html or www.test.com/apples/green.html, etc etc... basically i want to specify to variable spots in a link, and have the drop down selections place into those links. Similar TutorialsI'm getting a fourm using mysql. I have a categories table and a topics table. I want to create two dropdown menus for each. The categories menu will display all the categories in the fourm and then the topics menu will populate will the topics from the category that was selected. Heres the code I have so far: HTML Code: //Display the categories
$sql = "SELECT
categoryID,
categoryName,
categoryDescription
FROM
categories";
$result = mysql_query($sql);
echo 'Select Category:';
echo '<select name="Categories">';
while($row = mysql_fetch_assoc($result))
{
echo '<option value="' . $row['categoryID'] . '">' . $row['categoryName'] . '</option>';
}
echo '</select><br />';
'</form>';
//Displaying the topics
$sql = "SELECT
topicID
topicSubject,
topicDate,
topicCategory,
topicByUser
FROM
topics";
$result = mysql_query($sql);
echo '<form method="post" action="">
Select Topics:';
echo '<select name="topicSubject">';
while($row = mysql_fetch_assoc($result))
{
echo '<option value="' . $row['topicID'] . '">' . $row['topicSubject'] . '</option>';
}
echo '</select><br />';
//submit button
echo ' <input type="submit" value="Delete topic" name="submitButton" />
</form>';
I'm working on my site www.fastvacationrentals.com and I've been trying to find or deveolp (I don't know how hard this would be a word based text editor to add onto a text field. Such as the one they use on this site when we respond to messages. I don't know if there is a easy javascript, html, or php script out there that is free to use. I've tried to search for ones and have not had much luck. I only think I'm interested in ones that do not have advertisment shown. I did find a couple that looked just liked microsoft word in the text box with no tags added as this does then converts it all to html before it posts. Would have worked great if hadn't of cost anything/advertisments also. The other thing I'm having problems with is when people create listings they choose the location for where there cabin is at. States are easy but when you get to cities people spell things wrong and it doesn't look good in the results nor the search. I've seen sites where you select the state then it changes and shows all the cities there. Is this something I can get premade also for free. I know exactly how to make it but I also know that I wont be able to cover all the cities. Having all the correct cities names spelt the same would make my search work better with the database. Thanks for reading all of this and I hope someone has some good advice/answers. BTW I'm sorry you cant exactly see the form your working on since you have to be a user but I'm sure you'll know what I'm talking about and if you don't feel free to make a account and look around. Hi everyone, On this website I've built I have one last issue with it. Making the dropdown menus to work in Internet Explorer 6. The site: http://bit.ly/aSh3L6 (Just used bit.ly) I'm using IE Tester. This is where I'm trying to fix it then apply it to the main index page: http://bit.ly/aqTdyg I'm editing the css for the dropdown menus in styles1.css. The live verison is styles.css. I'm using this method: http://www.htmldog.com/articles/suckerfish/dropdowns/ I just can't seem to get mine to work like it does on that site. If you look at: http://bit.ly/aqTdyg You'll notice the #main is being pulled to the far right side of the screen. Any help at all would be appreciated. I just can't get my head around it and I need another pair of eyes to see what I'm not seeing. Thanks. Hi I have this problem that my comment script is located at public_html/comments but the page that needs it is at public_html/hamburgerbar/fish/dish so in the code when i have the php include pointing at /comments, its not working how do i make the browser understand where the comments its? cause i tried with http://www.mysite.com/comments and it says permission denied. However when i move the target page in the comment folder it works like a dream. So how do i point my include link there? Thanks for help! Hi all, Im trying to link to a section of one page from a different page. Normally it's quite simple but i am using a different linking setup and it's confusing me, i'm afraid. Basically my page setup is I have separate folders for each page, than inside those folders is an index.html page. the page url does not show the .html it only shows the folder name. This is done via my htaccess file (can't remember where i found this solution from). Any way this setup causes problems linking to sections of other pages, has anyone encountered this before, am i missing something simple? Any help is appreciated! Hello all, I need some help coding link menus. These are menus that pop up to the side of links to show additional links. See this page for what i am looking to achieve. I want a side menu to show up off of my "Media" link that has link options for Photos, AIM Icons, Riot Act, Submit a Picture, and anything else i need a link option for. Here is my current code for my link menu to the left: Code: <div align="left" style=" "><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://www.niuredriot.com" class="mainlevel style1 style4" id="active_menu">Home</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://registeruo.niu.edu/iebms/reg/reg_p1_form.aspx?oc=40&ct=STD&eventid=8491" target="_blank" class="mainlevel style1 style4" >Join</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://www.niuredriot.com/blog/" target="_blank" class="mainlevel style1 style4" >Blog</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="media.htm" class="mainlevel style1 style4" >Media</a></font></td></tr></table></tr> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="http://www.ncaabbs.com/forums/forumdisplay.php?fid=468" target="_blank" class="mainlevel style1 style4" >NIU Forum</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="links.htm" class="mainlevel style1 style4" >Links</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="about.htm" class="mainlevel style1 style4" >About Us</a></font></td></tr></table></tr></table> <tr><table bordercolor="#990000" width="141" height="15" border="2" cellpadding="0" cellspacing="0"> <tr><td align=center valign="middle" bgcolor="#000000" ><font face="Verdana" size="3"><a href="contact.htm" class="mainlevel style1 style4" >Contact Us</a></font></td></tr></table></tr></table> Also, for the Submit a Picture page. How would i go about adding some type of form system that submits a picture to an email account? Thanks! I'm trying to draw the visitor to this link from my site to the name, "Brett Allen", so they don't have to look though all the names to see it there. I've tried adding to the link, #brett, #brett+allen but it don't do anything. I can't add < A NAME="codeword" > to the page on nypost site, as its not mine. So, any ideas what I can add to the link? http://www.nypost.com/seven/09222006...y_weekend_.htm I've looked all over the web and can't find an effective way to do this. Can someone please help? I need to make text drop down menus when you mouseover my links. This is a perfect example: http://www.stpatrick.org/ Thanks a lot! I have this; You can download a <a href="hpswmtmreg.doc">Word Document</a> file, (click to open, right click to download). <br><br> You can download a <a href="hpswmtmreg.zip">Zip</a> file, (right click to download). I thought it was simple, straight forward, but I get server errors (from my host). Is there something special abpout .doc files or .zips for that matter. Am I doing something wrong? Thanks Let me explain exactly what i want. In my horizontal navigation i want to have 3 links with a drop down menu feature! When the cursor hovers or that specific navigation i want it to drop down with other links hyperlinking to otherpages on my site! Hi, Im new to this forum and i need some help, so what i have so far a drop down menu and in that drop down menu i have 20 e-mail accounts and what im looking for is how do i click one e-mail and it links to another page and displays if that e-mail is used or not. And how do i when they selcet a e-mail it shows pricing. how can i do this im using front page 2003, I would relay appreciate the help this is what i have in my code, oh and its HTML. Code: <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>e-mail test</title> </head> <body> <p align="center"> </p> <p align="center">e-mail test</p> <form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --> <p align="center"><select size="1" name="D1"> <option>MyOwnHog.com</option> <option>MyOwnBug.com</option> <option>MyOwnRatRod.com</option> <option>MyOwnHotRod.com</option> <option>MyCustomBuild.com</option> <option>MyBig10Inch.com</option> <option>MyOwnCustomRod.com</option> <option>IMACoonAss.com</option> <option>MyCoonAss.com</option> <option>MyCustomBug.com</option> <option>TacklinMyLife.com</option> <option>StillProgramming.com</option> <option>StillBassFishing.com</option> <option>StillSalmonFishing.com</option> <option>StillSal****erFishing.com</option> <option>StillFlyFishing.com</option> <option>StillLakeFishing.com</option> <option>StillFreshWaterFishing.com</option> <option>Want2Hunt.com</option> <option>StillDuckHunting.com</option> <option>MyCustomRig.com</option> <option>StillDeerHunting.com</option> </select> <input type="submit" value="Submit" name="B1"> </p> </form> <p align="center"> </p> </body> </html> http://www.sullcrom.com/ Like the ones under News and publications on the far right... Having a difficult time figuring it out! 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 So basically I have a page with the following structure (using "HTML5" elements). What I need is clarification on if this is acceptable usage of elements. If not guidance in the right direction. Thanks much. Code: <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>..........................</title>
<link href="lbcstyle.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>
<?php include "kd_obj/lbcfunc.php";?>
<!--[if lte IE 8]>
<script type="text/javascript">
// HTML 5 entities for IE.
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("section");
document.createElement("nav");
document.createElement("aside");
</script>
<![endif]-->
</head>
<body>
<section class=layout>
<header><h1 id=pgtitle>Lorem Ipsum Dollar</h1><p id=pgsubtitle>Lorem Ipsum Dollar</p></header>
<hr>
<nav> <?php lbc_nav(); ?> </nav>
<aside class=bible>
<p class=scripture>
<?php lbc_scripture(); ?>
</p>
</aside>
<article>
<h1>Lorem ipsum dolor</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</article>
<article>
<h1>Lorem ipsum dolor</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</article>
<article>
<h1>Lorem ipsum dolor</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</article>
<footer>
<p>This website makes extensive use of new web based technologies and coding.
<br>We recomend that you make sure you are running the
<a href=#>latest version</a> of your current web browser. </p>
<p id=copyright> © 2011 Lorem ipsum dolor || liamhockley@hotmail.com </p>
</footer>
</section>
</body>
</html>
Hello, I need help with my navigation menu. I need it to stretch the full length as the content area. Here is my css code Code: * {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
#header {
background-image: url(../img/logo.png);
background-repeat: no-repeat;
background-color: orange;
height: 8em;
}
#header img {
position: relative;
left: 550px;
}
#nav {
background-image: url(../img/menu.jpg);
height: 100%;
width: 20%;
float: left;
}
#nav a {
text-decoration: none;
color: black;
font-family: verdana;
font-size: small;
display: block;
padding: 15px;
}
#nav a:hover {
background-image: url(../img/back.png);
}
#nav #on {
background-color: red;
}
#content {
background-color: tan;
height: auto !important;
height: 100%;
width: 80%;
float: right;
}
#wrapper {
width: 800px;
background-color: transparent;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
#footer {
color: white;
font-size: small;
font-style: italic;
text-align: center;
width: 800px;
position: relative;
clear: both;
background-color: maroon;
height: 4em;
}
and here is my index.php code Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<title>Fall For The Arts</title>
<link rel="stylesheet" href="css/reset.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header"><img src="img/ballet.png" alt=""></div>
<div id="nav">
<a href="#" id="on">Home</a>
<a href="#">Organizations</a>
<a href="#">Where is it?</a>
<a href="#">Location</a>
<a href="#">About</a>
</div>
<div id="content">
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
<p>Your content goes here.</p>
</div>
<div id="footer">
<p>Copyright © 2009</p>
</div>
</div>
</body>
</body>
</html>
Hi all, Up until recently, my HTML and CSS skills have been (at best) messy and probably not the correct way of doing things. I am attempting to re write a site I wrote about a year a go, using HTML5 and CSS3. At the moment, I have a basic layout which looks like this: (Screenshot cut off a little bit of the right side of the site) http://i146.photobucket.com/albums/r...30790/site.jpg Anyway, what I wanted to do was, within the element containing "Main Content", have two divs side by side. I want to have a photo on the right side and text on the left side. However, I am unsure as to how to do this. I have given it a go and searched the web but cannot find a solution. I want to avoid using a table for this. I have a couple of things I need to ask but these can wait until another time! Code: <!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="nav.css">
<meta charset="utf-8">
<meta name="keywords" content="Wells","Somerset","Weddings","Wedding Planning,Wells, Somerset,Parties,Events,Events Management, Weddings in Somerset, Catering, Catering in Somerset."/>
<title>Gert Lush Events - Weddings, Catering, Parties, Functions - Based in Somerset</title>
</head>
<body>
<header>HEADER (Banner)</header> <!-- Done -->
<nav>
<table id="links" width="100%" height="100%">
<tr>
<td>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="food.html">Menus</a>
<a href="gallery.html">Gallery</a>
<a href="reviews.html">Testimonials</a>
<a href="contact.html">Contact</a>
</td>
</tr>
</table>
</nav>
<div>
<div class="left">MAIN CONTENT</div>
<div class="right">MAIN CONTENT</div>
</div>
<aside class="left"></aside> <!-- Done -->
<aside class="right"></aside> <!-- Done -->
</body>
</html>
Code: header{
width:80%;
height:20%;
background:#FFDC97;
color:white;
text-align:center;
position:fixed;
top:0%;
left:10%;
}
nav{
font-size:62.5%;
display:block;
width:80%;
height:5%;
background-image: -o-linear-gradient(bottom, #3C2414 40%, #A68153 90%);
position:fixed;
top:20%;
left:10%;
}
div{
display:block;
width:80%;
height:100%;
background-image: -o-linear-gradient(top, #FFDC97 0%, #FFFAE8 100%);
color:black;
text-align:center;
position:fixed;
top:25%;
left:10%;
}
aside.left{
height:100%;
width:10%;
background-image: -o-linear-gradient(right, #494949 0%, #767676 100%);
position:fixed;
top:0px;
right:0px;
}
aside.right{
height:100%;
width:10%;
background-image: -o-linear-gradient(left, #494949 0%, #767676 100%);
position:fixed;
top:0px;
left:0px;
}
Any ideas? Thanks [] I am building a page for a wordpress template and I'm trying to figure the best way to structure the HTML for this payout. The larger box will be more of a featured section. The other boxes will be placeholders for links. Does anyone have any good suggestions how I should tackle this? Thanks. Greetings, So I have my page done. It works too (imagine that). I structured my page like a laymen tho. With my page, I have only one element changing and all the media gets placed in this "window" (see attached image). So here is what I did: if you click on the icon for A.mov you go to A.html. A.html is an identical page the previous EXCEPT it holds A.mov... and so on. The problem is that this of course reloads everything in the window. It isn't the worst thing but seeing how much time I put into this website it would be nice to get it perfect. I know a possible solution is to put in an inline frame, i don't really want to do this... I was wondering if there was anything fancy you boys know about to fix this problem... besides the inline frame? Hi, I have been following advice that I have read elsewhere to restructure my site to reflect the different parts, so splitting up images and html files into subfolders to make it all more manageable with regard to quickly identifying pages/images etc that relate to different parts of the site. Previously I have kept all html pages in public_html and all images in a folder public_html/img. If I split them up as I have started to do, the only thing is I cannot see is how I can then link back from html pages in folders lower than the root back to the html pages actually in the root folder. To explain what I mean: If some of my html pages are in subfolders of public_html but they all contain the links on the main 'tabs' of my site (home, contact, about etc) that reside in the public_html, how do I link back to the main pages from the pages stored lower down the structure? Have I interpreted advice on folder structure incorrectly or am is there something I don't know? Thanks Hi Experts, I want to create the page structure shown in the snapshot below using CSS and HTML. The header part is an image which is off same size as shown in the snapshot. All the blue boxes are links, along with the lists in the bottom of the page. |
|||||||