Need help on creating a button with additional drop down menu
Hi,
I need to have a button with additional menu as we see in IE, please help me how can i do that. I want the button to be displayed normally with an additional arrow on the right side when clicked on it shows pop up menu. Please let me know if the solution has already there in the forum. I searched and couldn't get one .. :(
Hey there buddy.
Try this:
http://www.koders.com/java/fid20361AB8C305DE9B9110DE90F2154FC43AA0E57C.aspx
Jason.
Similar Messages
-
How to create a button with the drop-down menu?
I want to create a button with the drop-down menu, which is like the 'back' on the tollbar in IE. I heard JPopupMenu can reach the certain result, but the button hadn't a down arrow. Who can help me?
i have made something like this :
//======================================================================
package com.ju.guiutils
import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import java.util.Vector;
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.event.*;
import javax.swing.plaf.basic.BasicComboBoxUI;
* @version 1.0 14/04/02
* @author Syed Arshad Ali <br> [email protected]<br>
* <B>Usage : </B> ButtonsCombo basically performs function button + JComboBox, if we have different options for
* <BR>same button then we can use this ButtonsCombo.
*<BR> By the way there is no button at all in <I>ButtonsCombo</I>
public class ButtonsCombo extends JComboBox {
//===================================================================================
* Create ButtonsCombo with default combobox model
public ButtonsCombo () {
super ();
init ();
//===================================================================================
* Creates a ButtonsCombo that takes it's items from an existing ComboBoxModel.
public ButtonsCombo ( ComboBoxModel model ) {
super ( model );
init ();
//===================================================================================
* Creates a ButtonsCombo that contains the elements in the specified array.
public ButtonsCombo ( Object [] items ) {
super ( items );
init ();
//===================================================================================
* Creates a ButtonsCombo that contains the elements in the specified Vector.
public ButtonsCombo ( Vector items ) {
super ( items );
init ();
//===================================================================================
private void init () {
setBorder ( BorderFactory.createBevelBorder ( BevelBorder.RAISED ) );
setRenderer ( new ComboRenderer() );
setUI ( new ComboUI() );
addMouseListener ( new ComboMouseListener() );
//===================================================================================
* Set items for ButtonsCombo in the specified array
public void setItems ( Object [] items ) {
setModel ( new DefaultComboBoxModel( items ) );
//```````````````````````````````````````````````````````````````````````````````````
* Set items for ButtonsCombo in the specified Vector
public void setItems ( Vector items ) {
setModel ( new DefaultComboBoxModel( items ) );
//```````````````````````````````````````````````````````````````````````````````````
* Get current items in a array
public Object [] getItemsArray () {
ComboBoxModel model = this.getModel ();
if ( model != null ) {
int size = model.getSize ();
if ( size > 0 ) {
Object [] items = new Object[ size ];
for ( int i = 0; i < size; i++ ) {
items[ i ] = model.getElementAt ( i );
return items;
return null;
//```````````````````````````````````````````````````````````````````````````````````
* Get current items in a Vector
public Vector getItemsVector () {
ComboBoxModel model = this.getModel ();
if ( model != null ) {
int size = model.getSize ();
if ( size > 0 ) {
Vector itemsVec = new Vector();
for ( int i = 0; i < size; i++ ) {
itemsVec.addElement ( model.getElementAt ( i ) );
return itemsVec;
return null;
//===================================================================================
class ComboMouseListener extends MouseAdapter {
public void mouseClicked ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
public void mousePressed ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
ButtonsCombo.this.setBorder ( BorderFactory.createBevelBorder ( BevelBorder.LOWERED ) );
public void mouseReleased ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
ButtonsCombo.this.setBorder ( BorderFactory.createBevelBorder ( BevelBorder.RAISED ) );
//===================================================================================
class ComboRenderer extends JLabel implements ListCellRenderer {
//````````````````````````````````````````````````
public ComboRenderer () {
setOpaque ( true );
//````````````````````````````````````````````````
public Component getListCellRendererComponent ( JList list, Object value, int index, boolean isSelected, boolean cellHasFocus ) {
setBackground ( isSelected ? Color.cyan : Color.white );
setForeground ( isSelected ? Color.red : Color.black );
setText ( ( String )value );
return this;
//````````````````````````````````````````````````
//===================================================================================
// We have to use this class, otherwise we cannot stop JComboBox's popup to go down
class ComboUI extends BasicComboBoxUI {
public JButton createArrowButton () throws NullPointerException {
try {
URL url = getClass ().getResource ( "/images/comboarrow.gif" );
JButton b = new JButton( new ImageIcon( url ) );
b.addActionListener ( new ActionListener() {
public void actionPerformed ( ActionEvent ae ) {
return b;
} catch ( NullPointerException npe ) {
throw new NullPointerException( "/images/comboarrow.gif not found or /images folder not in classpath" );
catch ( Exception e ) {
e.printStackTrace ();
return null;
//======================================================================
you can cutomize this according to your requirement , okie ;) -
Buttons - making a drop down menu
Hello,
I only know very basic flash. Right now, I am attempting to revamp a website. The buttons that are currently being used are only gifs that are hyperlinked and there are almost 12 buttons... I think that this is a ridiculous amount of buttons to have. It looks very cluttered.
So, I figured I should make 6 buttons and just fit the rest of the buttons into subcategorized buttons. And the way to do this is to create flash buttons with drop down menus. To see what I mean, go to this link and look at their buttons:
http://ca.msn.com/
Their buttons drop down into menus with sub-categories. I want to do this.
So far, I have gone into flash, created buttons and made graphics for the "Up" "Over" "Down" and "Hit". I have also added the menu buttons and graphics for the "Over" of each drop-down button-menu.
I have even provided the action script to link each button to where I need it to go.
HOWEVER, here is where the problem is. When I roll the mouse over the button, and then move the mouse down to click on one of the buttons in the drop down menu, the menu disappears, OF COURSE, because the mouse goes off the hit. I can't make the hit bigger, because the menu shouldn't open unless it's on the main button. But without the hit being bigger, the menu will always disappear.
IN ADDITION, I've never used flash buttons on a website before. I'm just using HTML. How do I link the button to the page? Do I save the file as a .swf flash file? And link to 6 different files? Or do I save the buttons in a line, and just use one link?
I'm on a bit of a deadline so any help is appreciated. Thanks in advance!
-MichelleWhile I can't help you with your deadline, I can offer a little bit of input. To take a Flash approach you should find a Flash drop down menu tutorial thru Google and follow thru that to gain an understanding of how to construct one. The problem you are having with the rollover stems from needing to extend the rollover such that each element of the dropdown also carries that rollover command. Each button needs to be assigned code to process interacting with it and linking to some other web page. The swf file that you publish would need to be sized for holding the buttons and then must be placed on the web page.
The example you pointed to uses a CSS drop down menu, which you will likely find easier to create and manage if you have no familiarity with how to make Flash work in a web site. I suggest going to the Dreamweaver forum and looking there for information about that approach. -
I have turned two computers on to home sharing. I am now on this computer wanting to put my music on to this itunes and i know i need to find the other computer in the drop down menu from " Home Sharing " but that menu isnt there on the left?
If you have the horizontal menu bar showing (File, Edit, View,...), select View, then select Show Sidebar.
If the menu bar is not showing, dorp down the menu in the very upper left corner and select show menu bar, then follow steps above.
Hope that helps. Good luck. -
Help needed with CSS drop down menu
Hi guys,
I'm trying to build a drop down menu for my site but, despite seeing a few tutorials and examples, I've had no luck yet!
I'm pretty sure my HTML is correct...
Code:
<ul id="nav">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
</ul>
My CSS looks like this at the moment...
Code:
ul#nav {width:920px; height:35px; list-style:none; padding:0; margin:0; background:url(navBg.jpg) repeat-x; font-family:'OpenSansRegular'; font-size:11px; font-weight:700; text-transform:uppercase; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c; z-index:999;}
ul#nav li a:hover, #nav li a:active {background:url(navOn.jpg) repeat-x; text-decoration:none;}
ul#nav li a {border-right:1px solid #000; color:#E0E2E7; display:inline-block; float:left; margin:0; padding:10px 19px; width:auto; text-decoration:none;}
* html #nav li {display:inline; float:left; } /* for IE 6 */
* + html #nav li {display:inline; float:left; } /* for IE 7 */
ul#nav li ul {left:-9999px; position:absolute; list-style:none;}
ul#nav li:hover ul {left:0; position:absolute;}
ul#nav li ul li {}
ul#nav li ul li a {width:230px; background-color:#efefef; color:#2e2e2e; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; border-bottom:solid 1px #FFF; padding:7px; margin:0;}
ul#nav li ul li a:hover {background-color:#028efd; background-image:none; color:#FFF;}
I'm really struggling with this. Does anyone know how I can get Menu 3 to display the four drop down items beneath it - not the same width as the Menu 3 button but just inline with it.
Thank you very much and I hope to hear from you.
SMTry this. It's been adapted from a menu I previously made on another site.
#menu {width:920px; height:35px; padding:0; margin:0; background:url(navBg.jpg) repeat-x; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c;}
ul#nav a {font: 700 11px 'OpenSansRegular', arial, helvetica, sans-serif; text-transform:uppercase; margin:0; padding:5px 15px; line-height:25px; color: #666; text-decoration: none; display:block; list-style: none;}
ul#nav a:hover, ul#nav a.active {color: #999; background:url(navOn.jpg) repeat-x; text-decoration:none;}
ul#nav {position: relative; margin: 0; padding: 0;}
ul#nav ul {display: none;}
* html #nav li {display:block; float:left; } /* for IE 6 */
* + html #nav li {display:block; float:left; } /* for IE 7 */
ul#nav li, ul#nav li li {position: relative; float: left; list-style: none; border-right:1px solid #000;}
ul#nav li:hover ul {position: absolute; top: 35px; left: -1px; display:block; padding: 0; margin: 0;}
ul#nav li li {width:230px; background-color:#efefef; color:#000; font: normal 10px 'OpenSansRegular', arial, helvetica, sans-serif; border-bottom:solid 1px #FFF; border-right:none; border-left:1px solid #000; padding:0 5px;}
ul#nav li li:hover, ul#nav li li a:hover {background-color:#028efd; color:#FFF;}
<body>
<div id="menu">
<ul id="nav">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
</ul>
</div>
</body> -
I'm new to AS3, this script is from an xml drop down menu. I
need to change all the font to " Gil Sans Lite: I looked down the
string and only see a place to change fonts twice which I did. But
the original font remains in the 1st button, the drop downs were
changed. I also needed to align the buttona as my stage is bigger
looking for the x/y elements but I was so tired I must have missed
them. The seperate xml script only lets you change the text, amount
of menus and urls. Any help?Thanks for the info, as I said I'm new to AS3 so I would need
to know exactly where in the script I would insert this
(Also the font is on my mac so it would be the font folder/,
font name "Gil Sans Lite" ='NavItemFont'
package {
import flash.display.Sprite;
public class NavItemFont extends Sprite {
[Embed(source='C:/WINDOWS/Fonts/FRAMDCN.TTF',
fontName='NavItemFont', whats the unicode range?
unicodeRange='U+0020-U+002F,U+0030-U+0039,U+003A-U+0040,U+0041-U+005A,U+005B-U+0060,U+006 1-U+007A,U+007B-U+007E')]
public static var NavItemFont:Class;
and second it says" Render this out - so it is now
NavItemFont.swf" does that mean change the original fla name and
export it as NavItemFont.swf"?
Also " Then in another flash app - load the external swf as
an asset, and on-load register the font - which will make it
global. You can now change NavItemFont.swf externally and it will
change in your app everywhere. Can you explain?
thx -
I am using Firefox 4.0 on Windows XP home, Service pack 3. I am trying to use some of the new features of Firefox 4.0 that I see on the Firefox feature page (http://mzl.la/gCFDjj) and am not having much luck. First off in the Firefox Button. It is supposed to contain all your menu items but it is not appearing on my screen. Is this a feature that only works in Vista or Windows 7?
Second, I am trying to use the Bookmarks Button (the one that has the drop down menu) but it doesn't appear in my toolbar unless I right click the tool bar and choose "customize". The button shows up in this view already in the toolbar, as if it is hidden in normal use and no matter where I move it to, once I hit the "done" button in the customize window the Bookmarks Button gets hidden/covered up again.
Third, I see the new "App Tabs" feature but I can't seem to find an option for this in the preferences for Firefox, if it's even supported by my browser/OS at all.
Can anyone tell me how to use/activate these features or if I am even able to using Windows XP?You see the orange (on Linux gray) Firefox button if the Menu Bar is hidden (View > Toolbars > Customize or right-click a toolbar).<br />
If you need to access the hidden Menu bar then press F10 or hold down the Alt key to make the Menu Bar appear temporarily.<br />
You only see the Bookmarks menu button if the Menu bar is hidden. -
Help with inserting drop down menu/pricing in Muse site
I know this is not a feature available directly in Muse, but are there other sites where I could get code to insert? View this website , the box on the right side where you can select from 3 dropdown menus and you get an updated price at the top. I don't care so much about the add to care function, I just want to have the dropdown/pricing.
The HTML code for a drop-down menu is as follows:
<select>
<option>Item 1: $9.95</option>
<option>Item 2: $19.95</option>
<option>Item 3: $29.95</option>
</select>
You can add this code by clicking Option-> Insert HTML...
Here is a good tutorial for drop-down menus.
http://www.echoecho.com/htmlforms11.htm
Hope this helps,
Julia -
Creating of a badi for drop down menu in ADobe form
Hi ,
Can you let me know what FM ( Function module ) should i use
for creating a drop down menu for a field in the Adobe form in the
Badi ..
This Badi is attached to the field in the smart form..
Or a F4 help created in the Badi will serve the purpose...( it will act
as a drop down menu for the field.. )..
Let me know as soon as possible ..
Thanks .
OmDrop down menus, loke some other festures, aren’t available at that time.
But there is a fine widget to achieve that:
Forms+ Bundle Widget – Widgets.Mu -
Need help in creating a view with Encryption for hiding the code used by the multiple users
Hi,
Can anyone help me out in creating view with encryption data to hide the stored procedure logic with other users.
I have create a stored procedure with encryted view but while running this manually temporary views are getting created, therefore the problem is if there are 500 entries then 500 temp views will get created.
Any solution to aviod creating temporary views, please refer my code below
USE [etl_validation]
GO
/****** Object: StoredProcedure [dbo].[Pr_DBAccess_mod] Script Date: 05/23/2014 12:53:22 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
ALTER PROCEDURE [dbo].[Pr_DBAccess_mod](@ETL_CONFIG_ID INT)
AS
BEGIN
DECLARE @openquery NVARCHAR(MAX),
@DATABASENAME NVARCHAR(100),
@HIERNAME NVARCHAR(100),
@TABLENAME NVARCHAR(100),
@SERVERTYPE NVARCHAR(100),
@SERVERNAME NVARCHAR(100),
@USERNAME NVARCHAR(100),
@PASSWORD NVARCHAR(100),
@ETL_CONFIG_IDN NVARCHAR(100);
SET @ETL_CONFIG_IDN=CAST(@ETL_CONFIG_ID AS NVARCHAR);
SET @TABLENAME='Department';
SET @SERVERTYPE='SQL';
SET @SERVERNAME ='192.168.31.176';
SET @DATABASENAME='AdventureWorks2008R2';
SET @HIERNAME = 'HumanResources';
IF @SERVERTYPE='SQL'
BEGIN
/*SET @openquery= 'SELECT * INTO ##TestTable
FROM OPENROWSET(''SQLNCLI'',''server=192.168.31.176;Trusted_Connection=yes;'','''+@query+''')'
SET @openquery= 'CREATE VIEW '+@TABLENAME+@ETL_CONFIG_IDN+
' WITH ENCRYPTION AS SELECT * FROM OPENROWSET(''SQLNCLI'',''SERVER='+@SERVERNAME+';TRUSTED_CONNECTION=YES;'',''SELECT * FROM '+@DATABASENAME+'.'+@HIERNAME+'.'+@TABLENAME+''')'
SELECT @openquery
END
EXECUTE sp_executesql @openquery
ENDHi aa_rif,
According to your description and code message, you execute the sp_executesql statement in your stored procedure, it indeed create many views with a tablename and ETL_CONFIG_ID named. If you need not to use these temporary views, you can delete them when
it contains the tablename in one view name.
In addition, if you want to create view with encryption in SQL Server, you can use directly the ENCRYPTION option to encrypt the T-SQL of a view in create view commands, for more information, see:
http://learnsqlserver.in/4/Create-View-With-Encryption.aspx. if not, you can descript more detail about requriements, so that more forum members can involve into the thread and help you
out.
Regards,
Sofiya Li
Sofiya Li
TechNet Community Support -
Need help in Creating DB manually with OFA
Hi,
I want to create database in 10g manually and for this purpose
I need help.
since we can use OFA for storing Control files, and redolog file
and datafile by describing them in Create database command but
how to store any instance related file like spfile, pfile or network
related file.
once the oracle 10g database software is installed then if we want
to create database then how can we separate the database file and
all other instance files from software binaries because I've noted
that creating database with DBCA create all instance files along with
binary files of the software although DBCA give you option of creating
database related file in some other location/directory.
kindly help me in this I want to achieve above task in compliance with
OFA
Thanks and Regards,
D.AbbasiAbbasi wrote:
Hi,
I want to create database in 10g manually and for this purpose
I need help.
since we can use OFA for storing Control files, and redolog file
and datafile by describing them in Create database command but
how to store any instance related file like spfile, pfile or network
related file.
once the oracle 10g database software is installed then if we want
to create database then how can we separate the database file and
all other instance files from software binaries because I've noted
that creating database with DBCA create all instance files along with
binary files of the software although DBCA give you option of creating
database related file in some other location/directory.
kindly help me in this I want to achieve above task in compliance with
OFA
Thanks and Regards,
D.AbbasiTHe OFA spec (as best I recall) states that one of the levels of directory for all of your data files will be the db name. So if you name your database 'orcl', every file system in which you keep any files related to 'orcl' will be in a directory name 'orcl'.
As for what happend when you created your db. Oracle will default to putting things in the Oracle home structure because that's the only thing he can guarantee will be there. But you had the option (indeed, the obligation) to override these defaults.
BTW, when using dbca, if you chose any of the pre-canned database types, the database will be created by doing a restore from a pre-canned backup. If you chose 'custom' database, the database will be created by way of a CREATE DATABASE script. It would be instructive time well spent for you to go through dbca and select 'custom database', pay attention to all of the options as you work through, then at then end, deselect "create database" and select "generate scripts". Do the same for one of the pre-defined database types. Then study the scripts generated by each method.
Edited by: EdStevens on Aug 16, 2009 8:46 PM -
Need help with javascript drop down menu
Hi,
I inherited a website that was already created. I do not know
what version of dreamweaver they created it in but I have
Dreamweaver MX 2004. I am trying to make changes to the drop down
menus. I have figured most everything else out about dreamweaver
but cant figure out how these menu's are made or can be modified. I
have gone into the main template and clicked on the menu section I
want to modify. All it shows it a link to javascript:; I have
searched everywhere for what this means or how to modify it but
can't find anything. Can someone tell me how to get to this info so
I can make changes. Thanks. My website is www.pfcal.org if that
helps.Oh boy. Templates are not for uploading. They have no effect
on the
server. They only change local files which must then be
uploaded to the
server. But - I'm troubled by this comment -
> It didnt give me an option to "save" though
When you made the changes did the template page get marked as
"dirty" (with
an asterisk beside the name)? Which DW are you using?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sjg23" <[email protected]> wrote in message
news:[email protected]...
> Ok. thanks. I did that but nothing changed. Here is what
I have now:
>
> <div id="MMMenuContainer1112210633_0">
> <div id="MMMenu1112210633_0"
onmouseout="MM_menuStartTimeout(100);"
> onmouseover="MM_menuResetTimeout();">
> <a href="../message_director.cfm"
id="MMMenu1112210633_0_Item_0"
> class="MMMIFVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Director's Message
> </a>
> <a href="../mission.cfm"
id="MMMenu1112210633_0_Item_1"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Our Mission
> </a>
> <a href="../history.cfm"
id="MMMenu1112210633_0_Item_2"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Our History
> </a>
> <a href="../leadership_transiton.cfm"
id="MMMenu1112210633_0_Item_3"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Leadership Transition
> </a>
> <a href="../pcl_organized.cfm"
id="MMMenu1112210633_0_Item_4"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> How PCL is Organized
> </a>
> <a href="../board_directors.cfm"
id="MMMenu1112210633_0_Item_5"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
>
Board of Directors and Officers
> </a>
> <a href="VideoNGO.cfm" id="MMMenu1112210633_0_Item_6"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> See our promotional video</a>
>
> </div>
> </div>
>
> I made this change in the html code of the page
"main.dwt" which is my
> main
> template. It didnt give me an option to "save" though so
it's like it
> doesnt
> recognize that I changed anything. I saved it anyway and
uploaded but no
> change
> on the web.
> -
Need Help with Spry Drop Down Menu
Greetings,
I'm a Dreamweaver beginner, and I'm currently working on a
redesign of our corporate website, and I would really like to
incorporate a drop down navigation system. So far, I've gotten
close to what I would like to have, except there are a few items I
just can't figure out. Here's what I have so far:
Click
Here
As you can see, whenever you hover over one of the links, a
sub menu appears. This is great and everything, except I would
really like to make two minor adjustments:
1) I would like to decrease the line-spacing between the main
menu and the submenus.
2) I would like to change the font color of the sub-menu for
better readability.
I created this menu using Dreamweaver's Spry Menu feature. To
get the desired results so far, I simply played around with the CSS
file. The only two things I can't figure out are the above. I tried
to change the font color of the submenus in the CSS file, but there
is no tag that allows you to do this. I found a "Help" document on
repositioning the location of the submenus but every time I try, I
don't get any noticeable results.
Any ideas on how to pull off what I'm looking to do? Any
replies would be greatly appreciated. Thanks!Bump
-
I am making a porfoliosite in Muse, and want to show 5 x 3 thumbnails of my work that you can click on to see more of the same work. When you click I want a drop down box that will slide down the boxes beneath. Like on this page: http://rajoon.com/. Anyone that know how?
Have you considered using CSS styled text/list menus instead of image rollovers. It isn't hard really and it's actually a much better choice for web accessibility and for search engines to find and follow your links. Here are some links to several CSS menu systems you can try:
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Help with IE drop down menu stretching across page, Chrome & Firefox work perfectly.
I have set up a spry menu in my page. file:///C:/Users/Kim/Documents/PQH_xhtml/index.html
Everything works great in Chrome and Firefox. Just not in IE. The only problem I am having is in IE the drop down menus stretch out all the way across the page.
I have tried changing the width, but it messes up Chrome and Firefox. Just need IE to shorten up the width of sub menus.
Any help is GREATLY appreciated!!!@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
background-color: #f9f8f6;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-style: oblique;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 14.28%;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 100%;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
float: none;
clear:left;
width: auto;
white-space: nowrap;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
border: thick ridge #3b87d5;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Maybe you are looking for
-
Frustrating that I can clean up noise better in PE5 with a plugin than in LR..
I like to avoid flash with faces as much as I can so I tend to use high ISO fairly often with fast lenses. One particular raw file I was having trouble with in PE5 so I added Neat Image as a plug in several months ago and to my amazement the image be
-
Why CollabSuite 2 do not have Forum app Feature
Why CollabSuite 2 do not have Forum app Features? How to integrate the LDAP? Can Web conferencing now to use Netcape, Mozilla, Opera? Thanks for the help. [email protected]
-
Use of Macromedia JDBC Drivers is restricted
We are building a new CF9 server. We installed the developer version and things appeared to work OK. When we set our single-server license (single server, not Enterprise) we get this message when trying some of our queries against a SQL Server databa
-
Can somebody please suggest a team collaboration model for working with ADF? Because JDeveloper manages all the changes via the visual-graphical tool, what is a good way to divide work in a team, without having the work (or changes thereof) of one te
-
Contact Sheet II from RAW files?
I'd like to be able to use the Contact Sheet II to make a print as early in the composite Workflow as I can, before opening the RAW images in ACR. Is it possible to make a Contact Sheet II while the images are still RAW files? From Bridge 6, they app