Hi everybody,
the attached portion of code generates a classic rollover menu through
CSS.
The menu works normally.
I'd like to display a small 8x8 pixels icon nearby some menu items,
basically those referring to
external links. On Firefox and Konqueror everything works perfectly.
On IE (6, at the least) however, the menu options with the icon are
displayed with a "wrong"
height. I can't explain it better than this, just try the following
code by including a 8x8 icon
as menu_extlink.gi f.
If I remove the icon (display:none), the height is correct again.
Any hints?
Thanks in advance
Claudio
=============== =============== =============== =============== ==============
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<style type="text/css">
body {
margin:0; padding:0; width:100%;
font-family:Arial,He lvetica,sans-serif;
}
a { background-color:transpare nt; color:#B00;
text-decoration:unde rline; }
a img { border:none; }
#latosx {
vertical-align:top; margin:0; width:20%;
font:normal .75em Arial,Helvetica ,sans-serif;
background-color:#EDF1FA; color:#000;
position:absolu te; left:0; top:0;
}
#latosx ul { list-style:none; margin:0; padding:0; }
#latosx li { border-bottom:1px solid #CCC; margin:0; }
#latosx ul { background-color:#EDF1FA; color:#000; }
#latosx li { line-height:1.75em; padding:0; }
li.menusx-l1-cur { color:#447; background-color:#fff; font-weight:bold;
}
li.menusx-l1-no { color:#fff; background-color:#447; font-weight:bold;
}
span.menusx-l1-cur, span.menusx-l1-no { display:block; margin:0em 2%; }
li.menusx-l2-no { width:100%; background-color:#EDF1FA; color:#000;
display:block; }
li.menusx-l2-no a {
display:block; padding:0em 2%; text-decoration:none ;
font-weight:normal;
width: 96% !important;
width /**/: 100%;
}
li.menusx-l2-no a:visited { background-color:#EDF1FA; color:#600; }
li.menusx-l2-no a:hover, li.menusx-l2-no a:active {
background-color:#FF6; color:#000; text-decoration:none ; }
li.menusx-l2-no a img {
/*display:none;*/ margin-left:.5em;
}
</style>
</head>
<body>
<div id="latosx">
<ul>
<li class="menusx-l1-cur"><span
class="menusx-l1-cur">Home</span></li>
<li class="menusx-l2-no"><span><a
href="contacts. html">Contacts</a></span></li>
<li class="menusx-l2-no"><span><a
href="phonebook .html">Phoneboo k</a></span></li>
<li class="menusx-l2-no"><span><a href="http://www.w3c.org">W3 C
site<img src="menu_extli nk.gif" alt="External URL" width="8" height="8"
/></a></span></li>
<li class="menusx-l2-no"><span><a href="http://validator.w3.or g">W3C
validator<img src="menu_extli nk.gif" alt="External URL" width="8"
height="8" /></a></span></li>
</ul>
</div>
</body>
</html> 0 1248 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Mr. Clean |
last post by:
Can a rolloever menu be done using only CSS, without javascript?
|
by: Mr. Clean |
last post by:
I have two images in a rollover:
http://www.austinmetrobaseball.com/images/austindivmenu_red.gif
and
http://www.austinmetrobaseball.com/images/austindivmenu_blue.gif
I'd like to be able to do that type of rollover with CSS only.
I'm pretty sure it can be done with two spans in the li but can't
get anything to work.
|
by: Kyle James Matthews |
last post by:
Hello,
I have been lurking here for a little bit (truth be told, I lurk on too many
newsgroups to be truly effective). I have made a CSS rollover menu, and
would like some advice. The menu is at the URL
http://www.digitalovertone.com/index3.php. You will notice that the each
link disappears the first time you hover over it (this is most noticable in
Opera, in my experience). Each link consists of 2 images (1 for a:hover, 1
for...
|
by: Alex |
last post by:
I created a page ( http://www.ayida.net/benaglia/chi.html ) based on
the example B of the fixed-width layout i found here:
http://builder.com.com/5100-6371-5314471-2.html
the layout needs this doctype to work properly both on IE and Firefox:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
otherwise on IE it won't center the layout on the page.
unfortunatly the above mentioned...
|
by: Bribro |
last post by:
I have an horizontal menu with a dreamweaver-generated rollover effect.
Images are png and their transparency is handled by pngfix.js
In IE, applied the pngfix, the rollover doesn't work at all. Obviously,
if I cut the pngfix the rollover works fine but the transparency of
images is gone.
Can anybody help me?
Thanks.
| |
by: AJBopp |
last post by:
I'm wrestling with CSS variations between Firefox and IE. I'm trying to
create rollover buttons in a menu frame. It is working perfectly in
Firefox but in IE only the first button is properly highlighted and
linked. The second button, has only a partial "hit area" at the top of
the image, although if you click the link, you can see the link border
is properly place around the image. The rest of the buttons have no
rolloever state or link...
|
by: kigoobe |
last post by:
Hi friends,
I'm having a menu like this -
http://www.kigoobe.com/offshoring/bugs/javascript/treeMenuCheckToggle.gif
that I've fetched from the database, using recursive function, where data is stored as - id | title | parent
I need a javascript function, that will help me to check / uncheck child elements (if present) when I click on a parent at different level.
|
by: David Veeneman |
last post by:
I'm just getting started with WPF and XAML, and I am trying to create a
traditional menu bar. Everything works until I get to the menu icons. I can
add a bitmap icon to a menu item using this XAML markup:
<MenuItem Header = "Log In">
<MenuItem.Icon>
<Image Source="Resources\LogIn.png" />
</MenuItem.Icon>
</MenuItem>
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
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,...
|
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...
| |
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
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...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
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...
| |