473,839 Members | 1,509 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

need w/drop-down menus..

after searching a lot on google I found what I think is the best (i.e.,
simplest..) implementation for this, at
http://www.alistapart.com/articles/horizdropdowns/

only thing is, I need to make two vital changes to it:

1) I need to do it w/images instead of plain HTML text;
2) I need images (main menus) to go ACROSS, right next to each other ina
row, with the sub-menu imgs to appear right below main imags (a pretty
classic setting..)

would appreciate help on how to do this.. (the main thing, the most
important thing here, that I don't understand is how he makes sub-menus
appear when you hover on main items..) thank you very much...

Frances

Jul 21 '05 #1
6 1687
mostly also what I don't understand is this construction:

li ul a {...}
li ul {...}

had never seen more than one selector (is this correct terminology?) in
front of that left brace.. thank you.. Frances
Frances Del Rio wrote:
after searching a lot on google I found what I think is the best (i.e.,
simplest..) implementation for this, at
http://www.alistapart.com/articles/horizdropdowns/

only thing is, I need to make two vital changes to it:

1) I need to do it w/images instead of plain HTML text;
2) I need images (main menus) to go ACROSS, right next to each other ina
row, with the sub-menu imgs to appear right below main imags (a pretty
classic setting..)

would appreciate help on how to do this.. (the main thing, the most
important thing here, that I don't understand is how he makes sub-menus
appear when you hover on main items..) thank you very much...

Frances


Jul 21 '05 #2
Frances Del Rio wrote:
mostly also what I don't understand is this construction:
li ul a {...}


http://w3.org/TR/CSS2/selector.html#...dant-selectors

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Jul 21 '05 #3
On Fri, 05 Nov 2004 13:50:30 -0500, Frances Del Rio <fd***@yahoo.co m>
wrote:
mostly also what I don't understand is this construction:

li ul a {...}
li ul {...}

had never seen more than one selector (is this correct terminology?) in
front of that left brace.. thank you.. Frances


li ul { ... } means "style any ul which is in a li."

li ul a { ... } means "style any a which is in a ul, which itself is in a
li."
Jul 21 '05 #4
On Fri, 05 Nov 2004 13:38:45 -0500, Frances Del Rio <fd***@yahoo.co m>
wrote:
after searching a lot on google I found what I think is the best (i.e.,
simplest..) implementation for this, at
http://www.alistapart.com/articles/horizdropdowns/

only thing is, I need to make two vital changes to it:

1) I need to do it w/images instead of plain HTML text;
Images as text aren't terribly usable. I don't recommend it. That said,
you should be able to put an image in the anchor just the same as text. Be
sure you size the list-related elements in CSS in pixels, and enough to
hold the image and any borders you may add. And use alt text, of course.
2) I need images (main menus) to go ACROSS, right next to each other ina
row, with the sub-menu imgs to appear right below main imags (a pretty
classic setting..)
There should be an example there.

Go to http://www.htmldog.com and look in the Dog Blog for Suckerfish.
You'll find a LOT of examples, some of which might be of help.
(the main thing, the most important thing here, that I don't understand
is how he makes sub-menus appear when you hover on main items..)


The sub-menus are in the HTML. They are set to display:none; normally.
Then the hover state changes it to a different display value. Fails in IE,
as hover only works on a elements in IE, but it works in most other CSS
browsers which correctly allow hover on other elements (like list elements
- which is how this works).
Jul 21 '05 #5
Frances Del Rio wrote:
mostly also what I don't understand is this construction:

li ul a {...}
li ul {...}


These are descendent selectors.

li ul {} selects any ul element that appears inside an li element.
Here's an example:

li {color: black; background: white;}
li ul {color: red; background: white;}
<html>
<head>
<title>descende nts</title>
</head>
<body>
<ul>
<li>this is black</li>
<li>this is black
<ul>
<li>
this is red because its parent ul
is a descendent (inside of)
an li element
</li>
</ul>
</li>
</ul>
<p>This demonstrates a basic document tree in
<abbr title="hyper text markup language">html</abbr>.
</p>
<address>writte n by Brian</address>
</body>
</html>
It might help to consider the document tree created by this markup:
html -- head -- title
|
|--body -- ul -- li
| |-- li -- ul
| |-- li
|-- p
| | -- abbr
|
|
address
The ul that is nested inside the li is a descendent in this tree
representation.

HTH

--
Brian (remove "invalid" to email me)
Jul 21 '05 #6


Neal wrote:
On Fri, 05 Nov 2004 13:38:45 -0500, Frances Del Rio <fd***@yahoo.co m>
wrote:
after searching a lot on google I found what I think is the best
(i.e., simplest..) implementation for this, at
http://www.alistapart.com/articles/horizdropdowns/

only thing is, I need to make two vital changes to it:

1) I need to do it w/images instead of plain HTML text;

Images as text aren't terribly usable. I don't recommend it. That said,
you should be able to put an image in the anchor just the same as text.
Be sure you size the list-related elements in CSS in pixels, and enough
to hold the image and any borders you may add. And use alt text, of course.
2) I need images (main menus) to go ACROSS, right next to each other
ina row, with the sub-menu imgs to appear right below main imags (a
pretty classic setting..)

There should be an example there.

Go to http://www.htmldog.com and look in the Dog Blog for Suckerfish.


this is perfect.. thank you very much.. and thank you very much to
everyone else for their responses.. Frances
Jul 21 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
1391
by: Bruce D | last post by:
Here's the breakdown: MySQL 4.0.12 Table: Assignment (indexes are created on proper fields) 419,234 records Table: Finders (indexes are created on proper fields) 5,345,657 records My user wants to be able to do a wild card search on lastname in the finders table. So, I wrote the following query. SELECT Finders.Lastname, Assignment.currentcard FROM Finders JOIN Assignment on Finders.assignmentid=Assignment.assignmentid WHERE...
7
3901
by: cbielins | last post by:
So yea... I rm-ed a rlv that our TS_FACT2 tblspace was using. So our db went to the crapper. The tblspace didn't have any pertinent info, so I'm ok with dropping the tblspace and starting over. These are the commands and errors that I have found: --db2 => restart database sware drop pending tablespace (TS_FACT2) DB20000I The RESTART DATABASE command completed successfully. --db2 => list tablespaces
0
2608
by: Lauren Quantrell | last post by:
I'm trying to drop a file from Windows Explorer (or desktop, etc.) onto a field in Access2K and capture the full file path. I found an posting below that says this is possible but I cannot simutate it. Can anyone help? Thanks ************************** previous post: Message 1 in thread
3
1832
by: Adam | last post by:
Hello, I have a 2 column file that looks like this: VALUE1 | VALUE2 12 | 7 10 | 7 9 | 8 10 | 8 11 | 8 6 | 9 8 | 9
3
10604
by: VB Programmer | last post by:
In VB.NET 2005 (winform) any sample code to drag & drop items between 2 listboxes? Thanks!
1
1884
by: pooja | last post by:
i need to implement drag and drop in treeview in VB. Kindly help. My treeview contains activities maintained using XML Files. Hopefully, Thanks.
5
1114
by: Mark | last post by:
Hello, I am fairly new to programming VS2005 Windows Apps, but am highly experienced in VB6. I am used to creating data access forms in VB6 using code for connections, commands, etc. Should I be looking at drag and drop methods in VS2005 or is the best method still coding all data access? Any help greatly appreciated! Thanks in advance
1
1747
by: Brian Tkatch | last post by:
We're going to expand a COLUMN from a lookup TABLE, which is REFERENCEd from three other TABLEs, from CHAR(2) to CHAR(5). It is the PK of the lookup. To do this, we plan to EXPORT the data, DROP the TABLE, (re-)CREATE the TABLE with the COLUMN expanded, and LOAD the data. Also, re-add any FORIEGN KEYs associated with the TABLE. A DB2Look, or a query on SysCat.References can handle that. How do we verify which stored PROCEDUREs will be...
15
10840
by: uwcssa | last post by:
I try to drop a table as: I got: During SQL processing it returned: SQL0478N The object type "TABLE" cannot be dropped because there is an object "sch.SQL070515104729271", of type "FUNCTION", which depends on it. SQLSTATE=42893 Then I tried to do
5
5963
by: =?Utf-8?B?SGVyYg==?= | last post by:
I need a Table object in my RDLC with 6 columns on the top several rows, but 1 column on the bottom two rows: COLUMN1 COLUMN2 COLUMN3 COLUMN4 COLUMN5 COLUMN6 COLUMN1 COLUMN2 COLUMN3 COLUMN4 COLUMN5 COLUMN6 COLUMN1 COLUMN2 COLUMN3 COLUMN4 COLUMN5 COLUMN6 -----------------------COLUMN1----------------------------------------- -----------------------COLUMN1----------------------------------------- I was able to acheive...
0
9697
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
1
10647
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10292
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9426
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7828
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5682
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5866
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4482
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
3132
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.