|
HTML - List/menu In Dreamweaver
Hello everyone,
I just registered on here because for the past 2 or 3 hours straight I have searched the internet madly for a solution to what I believe to be a simple problem. I'm using Dreamweaver for another site I'm doing and all i want to do is have a list menu with 3 or 4 options. Once one of those options is selected, have the label, text area or whatever down below, to display/change it's text. Whether it be loaded from an xml file, reveal a hidden text area or something. It's an musician's site for the lyrics page. So for example, Choose Album in the list, Choose Song in second list (would be nice if this changed correpsonding to the album chose) and then display lyrics below. I have to be retarded not to find this. I've looked through these forums as well and the only one close to what I am wanting seemed to be http://www.htmlforums.com/html-xhtml...enu-72789.html But the site he links to is not very friendly or helpful. In the past I've done (button onclick imgbox1.src='x') but haven't done text before. I don't know if using a label or what is best for this since I want to use the same font. Would label1.value need to change? Or label1.text... I just don't know. My apologies for the ignorance.. So if anyone in this world can assist in any way you would be MORE than appreciated! Thanks for all who view this.. -cbkyro Similar TutorialsHi, the problem I'm having now is that while using the SPRY Drop-down menu I can not get it to resize the main button row to 20px. It simply won't do it. The font is only 10px, so I really don't see why it's not doable. Also, there is a downward arrow gif image that I can't seem to get rid of either! Please help! I need to have a List/Menu Box that causes a specific set of Text fields to appear. Their for Intl. Telephone Dialing Protocols. Code: Country: <select name="Country" class="textfieldRequiredState" id="Country"> <option selected="selected">Select One</option> <option value="U.S.A.">U.S.A.</option> <option value="England">England</option> </select> </p> <p> <input name="USA Area Code" type="text" id="USA Area Code" maxlength="3" width="35" minlength="3" size="1" /> - <input name="USA Prefix" type="text" id="USA Prefix" minlength="3" maxlength="3" width="35" size="1" /> - <input name="USA Line Number" type="text" id="USA Line Number" minlength="4" maxlength="4" width="35" size="1" /> (U.S.A.: 3-3-4 Digits) </p> <p> <input name="England Area Code" type="text" id="England Area Code" maxlength="4" width="35" size="1" /> - <input name="England 1" type="text" id="England 1" maxlength="3" width="35" size="1" /> - <input name="England 2" type="text" id="England 2" maxlength="3" width="35" size="1" /> (England: Up to 4 then 3-3 Digits) </p> <p>If option value is "U.S.A." then display Textfield "USA Area Code", Textfield "USA Prefix", Textfield "USA Line Number" at "x" "y" coordinates. I have been looking everywhere for code for this. What i have is a list menu where the user will select an item, then i want something to appear in the text box below it, depending on what is selected. I have been looking for 'if statements' but i cant get anything to work. e.g. if the list box "test" is selected then the text box should say "test1". if the list box "test2" is selected then the text box should say "test2" Please can someone help me out. Thanks Hey there, I'm new to the forums, and never really asked for help on a site before, but I'm stuck. Basically, i have a client that needs an automated way to send forms for bookings online. So far, i have created a basic HTML page that the client can import > as text in Outlook and the html gets placed into the Email. This works fine, as the user can fill out the form and reply back to us. The problem happens when i add the following code: Code: <select name="accomodation">
<option value="" selected="selected">Please Select</option>
<option value=""> -------------------------- </option>
<option value="32">1 Bedroom Studio</option>
<option value="41">1 Bedroom Spa</option>
<option value="48">1 Bedroom Deluxe Spa</option>
<option value="39">2 Bedroom Spa</option>
<option value="42">2 Bedroom Deluxe Spa</option>
<option value="45">3 Bedroom</option>
<option value="46">Houses / Cottage</option>
</select>
Now this code works when originally inserted into the email, i can make a selection and email it away, and the selection stays and is visible when opened. But once the email is sent, any further changes (a reply back, forward etc.) will break the drop down and just splatter the list in my table. Is there any way to correct this? any other option of code i could use or a setting i can use to stop the break? Help would be greatly appreciated. Thanking you, Evan. Hi, I have a bit of a problem. I am learning HTML and CSS, and I am trying to make a simple menu withh a background button up state and a horizontal unordered list across, with a hover effect of a new bg image over the initial ones. Please help! Thanks in advance. Hi, I've got a html/css sIFR menu made as a List. The problem is that in various browsers (FF2, Sfr3, IE5-7) the actual (sIFR) text pixels are in FF and IE unclickable and in all of the browsers the area won't show up Pointer cursor when moving the cursor above a sIFR link. For the latter, I've tried "cursor: pointer" on CSS but I couldn't have yet seen the hoped results. Anyone experienced with sIRF links? How could this be solved up? Thank you. Hi all, [LINK REMOVED] Just in the process of changing this website from a black layout with a background to an all white layout... I'm wishing I had started from scratch now but I stupidly tried to work with the existing site. So anyyways you can ignore the crappy looking bits because my question is just about the menu bar at the top... It's made from an inline list. Is there any way that I could spread it out across the screen, so that the menu item on the right is hard up against the right? The other thing is that the site will be in 3 or 4 languages so the menu items will have more characters in Spanish (for example). It needs to be able to adapt, or I need to implement a different solution for each language. The html looks like this: Code: <!-- main navigation --> <ul id="nav"> <li class="home"> <a href="index.htm"><span>Home</span></a> </li> <li> <div> <ul> <li><a href="message-from-director.htm">Message From Director</a></li> <li><a href="what-is-15-15.htm">What is 15/15?</a></li> <li><a href="festival-history.htm">Festival History</a></li> <li><a href="judges-special-guests.htm">Judges & Special Guests</a></li> </ul> </div><a href="#"><span>About 15/15</span></a> </li> <li> <div> <ul> <li><a href="register-now.php">Register Now</a></li> <li><a href="get-ready.htm">Get Ready</a></li> <li><a href="conditions-of-entry.htm">Conditions of Entry</a></li> <li><a href="faq.htm">FAQ</a></li> </ul> </div><a href="#"><span>How To Enter</span></a> </li> <li> <div> <ul> <li><a href="screening-information.htm">Screening Information</a></li> <li><a href="nominations.htm">2009 Nominations</a></li> </ul> </div><a href="#"><span>Programme</span></a> </li> <li> <div> <ul> <li><a href="films.htm">Films</a></li> <li><a href="festival-trailers.htm">Festival Trailers</a></li> </ul> </div><a href="#"><span>Archives</span></a> </li> <li> <div> <ul> <li><a href="festival-sponsors.htm">2009 Festival Sponsors</a></li> </ul> </div><a href="#"><span>Sponsors</span></a> </li> <li> <div> <ul> <li><a href="press-releases.htm">Press Releases</a></li> <li><a href="images.htm">Images</a></li> </ul> </div><a href="#"><span>Newsroom</span></a> </li> <li class="contact"> <div> <ul> <li><a href="contact-us.php">Contact Us</a></li> <li><a href="15-15-committee.htm">15/15 Committee</a></li> </ul> </div><a href="#"><span>Contact</span></a> </li> </ul> ...and the CSS looks like this: Code: #nav {
font-size: 15px;
line-height: 20px;
list-style: none;
padding: 0;
position: absolute;
top: 250px;
left:-5px;
width: 750px;
}
#nav li {
display: inline;
float: left;
margin: 0 0 0 0px;
position: relative;
}
#nav a {
color: #000;
float: left;
text-decoration: none;
}
#nav a span {
cursor: pointer;
float: left;
display: inline;
font-weight: bold;
line-height: 30px;
padding: 0 5px;
}
#nav li.hover a,
#nav li:hover a {
background: url(../img/active-l.gif) no-repeat 0 0;
}
#nav li.hover a span,
#nav li:hover a span {
background: url(../img/active-r.gif) no-repeat 100% 0;
}
#nav .contact div {
background: #D3D2D2 url(../img/bg-bg-t2.gif) no-repeat 0 -1px;
left: auto;
right: 0;
}
* html #nav .contact div {
right: -1px;
}
#nav div {
background: #D3D2D2 url(../img/bg-bg-t.gif) no-repeat 0 -1px;
display: none;
left: 0;
padding: 5px 0 0;
position: absolute;
top: 30px;
width: 168px;
z-index: 100;
}
#nav li.hover div,
#nav li:hover div {
display: block;
}
#nav div ul {
background: url(../img/bg-b.gif) no-repeat 0 100%;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0 0 5px;
text-transform: none;
width: 168px;
}
#nav div ul li {
margin: 0;
padding: 0;
width: 168px;
}
#nav li.hover div ul li a,
#nav li:hover div ul li a {
background: none;
color: #000;
display: block;
line-height: 30px;
padding: 0 0 0 9px;
width: 159px;
}
#nav li.hover div ul li a:hover,
#nav li:hover div ul li a:hover {
background: #D9581F;
}
Any ideas? Thanks so much in advance... Neil 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 can you please give a site or link where can I download dreamweaver? I have heard is good to build web pages and learn html. Thanks! Hello every1, I'm using adobe cs3 now, but i seem to be having a little bit of a problem. When i come to type in the html code: <param name="wmode" value="transparent" /> wmode="transparent" The code does not seem to work now. What is the new code that i will need to enter? Or do you have to do something in flash? Thanks for the info? ok, so since i've switched over to Div i felt like there was no more needs for Dreamweaver anymore. Does anyone feel like this? I mean, maybe i just don't know how to use DIV in Dreamweaver, becuase i've been doing it all by hardcoding by hands. becuase when i try to align a div to the right or left, there is no button in the property that lefts me do it, so i have to get into the code and change it. and when i do use it, seems like the only feature to use is "layers" ( i think this "is" div ). so currently i'm thinking that dreamweaver is built for tables. is this correct? Shoot, now i feel like i've spent so much money and now is barely using the program anymore( execpt for the typing tool tip). I have been following this incomplete tutorial series http://www.youtube.com/user/EdzJohnson and have a finished product of what was done in Photoshop Website Design Tutorial 2. As of right now there is no third tutorial but I would still like continue developing my website. Currently the code represents the lay out of sliced up images for the web banner and some map tags surrounding the locations of where a button would link you to something else. However, I do not know where to place the link tags so the map locations actually link you to something else. does anyone know where to place the link tags? Code: <html>
<head>
<title>dobbs and bishop cheese de sliced10152010</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (dobbs and bishop cheese de sliced10152010.psd) -->
<table id="Table_01" width="1153" height="168" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_01.gif" width="1152" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_02.gif" width="85" height="152" alt=""></td>
<td rowspan="6">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_03.jpg" width="148" height="151" alt=""></td>
<td colspan="9">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_04.gif" width="919" height="50" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_05.gif" width="260" height="1" alt=""></td>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_06.gif" alt="" width="176" height="54" border="0" usemap="#Map2"></td>
<td colspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_07.gif" width="483" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_08.gif" width="59" height="101" alt=""></td>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_09.gif" alt="" width="191" height="52" border="0" usemap="#Map"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_10.gif" width="10" height="101" alt=""></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_11.gif" width="41" height="101" alt=""></td>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_12.gif" alt="" width="155" height="52" border="0" usemap="#Map3"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_13.gif" width="39" height="101" alt=""></td>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_14.gif" alt="" width="190" height="64" border="0" usemap="#Map4"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_15.gif" width="58" height="101" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_16.gif" width="191" height="49" alt=""></td>
<td rowspan="4">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_17.gif" width="155" height="49" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_18.gif" width="176" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_19.gif" width="190" height="37" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_20.gif" width="148" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="Map">
<area shape="rect" coords="4,8,191,45" a href="C:Users/blood muffin/Desktop/dobbs and bishop website/croppedheaser/www.dobbsandbishop.comcheese.html">
</map>
<map name="Map2">
<area shape="rect" coords="13,13,176,47" href="www.dobbsandbishop.comother">
</map>
<map name="Map3">
<area shape="rect" coords="5,9,153,48" href="www.dobbsandbishop.comphoto">
</map>
<map name="Map4">
<area shape="rect" coords="11,-5,188,55" href="www.dobbsandbishop.comglossary">
</map>
</body>
</html>
I'm starting a new website on Dreamweaver. Can't remember how I did this the first time: I need some jpg images to go into my images folder. I created a folder for my website on my hard disk (local root folder)...and I defined my site on Dreamweaver, with an image folder....but when I try to add images to the folder, it won't accept them on Dreamweaver. Does anybody know what I'm doing wrong? Dear Members, When I type more text, it gets scroll but it disturbs all of my bars which is above. How do I rectify them? Please see the link which is mentioned below http://www.sahiwala.com/christian/index.html Please give me a solution at the best Best Regards I have a site and the spry menu bar won't go all the way across the screen. anyone know why? In the site: www.eldon.com see those little dotted lines in the page? I couldn't figure out how they did this to save my life... Thanks... When you are using dream weaver for a website, do you have to install it onto the server I was going to use it because I think it's a nice layout for HTML coding. Ok, so I just got Dreamweaver, how do get started in designing webpages? I heard that it makes webdesigning a lot easier. I know it's important to understand codes but at the same time I wanted to learn Dreamweaver because I know I'll be using it soon. Any help is greatly appreciated. I recently decided to learn HTML and have been writing some code on Notepad. The page included displaying some Chinese characters. However when I open the same HTML file in Dreamweaver all the Chinese characters are jumbled. How can I fix this? Greetings, I am working on a site for my screen printing business. I am momentarily stumped by the way Dreamweaver is displaying my layout. I have set up a standard two column layout with a header and a footer. With that being said, I needed to have two images appear in a precise location in order to blend properly with the background. I therefore used the AP Div from the layout menu. When aligning the image in Dreamweaver, the image is perfect, however, when tested in the browser, it drops down about 50+ pixels. To remedy the situation, I moved the image up to the point that it is covering the text above it, and when tested in the browser, it worked (because I accounted for it shifting down). I am thinking that there is something I'm missing, but I am not sure what. Every once in a while, my brain falls asleep and I can't see the simple error(s) staring me in the eye. You can view the site at www.prestigeinteractive.com/fireproof2 Thanks, Greg |
|||||||