<em>I just posted this in the wrong forum so sorry if anyone gets a
dup!</em>
I'm working on a slide down horizontal menu and I'm having issues
getting the border around the submenu to display correctly. I'm
trying
to get a 1px border on the left and right side and an image on the
bottom for rounded corners. I finally got it to display correctly in
FF but now the right border is 2px instead of 1px in IE because of
the
way I had to clip 2px off the right for FF. Any ideas on how to
adjust
this to make it possible? Thanks.
<code>
<html>
<head>
<title>test</title>
<style>
/*Styles for level 0*/
..clLevel0,.clL evel0over{displ ay: inline; position:absolu te;
padding-right: 4px;
padding-bottom: 0px;
padding-top: 6px;
font-family:arial,he lvetica; font-size:8pt; font-weight:bold;
border-bottom: 0px solid #f0b319;}
..clLevel0{back ground-color:#ffffff; color:#115d95;
}
..clLevel0over{ background-color:#f0b319; color:#000080;
cursor:pointer; }
..clLevel0borde r{display: inline; position:absolu te; visibility:hidd en;
background-color:#ffffff; }
/*Styles for level 1*/
..clLevel1, .clLevel1over{c lear: both; display: inline;
position:absolu te; padding:0px; font-family:arial,he lvetica; font-size:
8pt; font-weight:bold; padding-bottom: 5px;
}
..clLevel1{back ground-color:yellow; color:#115d95; }
..clLevel1over{ background-color:#115d95; color:#f0b319;
cursor:pointer; }
..clLevel1borde r{position:abso lute; visibility:hidd en; background-
color:#f0b319;}
..clLevel1botto m, .clLevel1bottom over{position:a bsolute; padding:0px;
background-color:#fdf7e8;
background-image: url(images/pulldown-bottom.gif);
background-position: center;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<table width="780">
<tr>
<td>
<div style="position : relative; text-align: left;">
<script type="text/javascript"</script>
<div style="z-index: 2; clip: rect(0px, 65px, 24px, 0px); width: 65px;
height: 24px; left: 0px; top: 0px; visibility: visible;"
id="oCMenu_top0 _0" class="clLevel0 border">
<div style="z-index: 4; clip: rect(0px, 65px, 24px, 0px); width: 65px;
height: 24px; left: 0px; top: 0px;" id="oCMenu_top0 " class="clLevel0 ">
COMPANY </div>
</div>
<div style="overflow : hidden; z-index: 13; visibility: visible;
clip: rect(0px, 200px, 55px, 0px); width: 200px; height: 55px; left:
0px; top: 25px;" id="oCMenu_1_0 " class="clLevel1 border">
<div style="z-index: 15; left: 0px; top: 0px; clip: rect(0px, 200px,
20px, 0px); width: 198px; height: 20px; visibility: inherit;"
id="oCMenu_sub0 0" class="clLevel1 "Campus University Wide Link </div>
<div style="z-index: 16; left: 0px; top: 20px; clip: rect(0px,
200px, 20px, 0px); width: 198px; height: 20px; visibility: inherit;"
id="oCMenu_sub0 1" class="clLevel1 "Company2 </div>
<div style="z-index: 17; left: 0px; top: 40px; clip: rect(0px,
200px, 15px, 0px); width: 200px; height: 15px; visibility: inherit;"
id="oCMenu_sub0 2" class="clLevel1 bottom"></div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
</code> 0 2603 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: John Hunter |
last post by:
Does gd lib or gdmodule support clipping? I would like to set a clip
rectangle and when I issue drawing commands (like im.polygon) have
only the part of the polygon inside the clip rectangle displayed.
Thanks,
John Hunter
gd-2.0.15
gdmodule-0.42
|
by: Marek Mänd |
last post by:
When using <TABLE rules="all"> Mozilla 1.6 and previous versions
draw a nasty interiour border, which doesnt go away though I have
on TD's css border:none set.
Is it something wrong with my stylehseet or is it a bug of mozilla?
I am asking this because of IE and Opera work differently here.
<style>
|
by: Doug van Vianen |
last post by:
Hi,
I am trying to show a clipped part of a picture on a webpage and
move it on the page and/or change the clipping to a different part
of the picture. I show the picture in the body of the page by
using
<div id=div1 style="position:absolute; top:200; left:400; width:200;
height:200; z-index:1; background-image:url(ole01.jpg);
clip:rect(0,150,50,100)"></div>
|
by: tshad |
last post by:
I am using a slidemenu program that I download and seem to have a problem
with IE when sliding down.
I have 2 containers (div) on top of each other and the menu slides out from
behind the other. The problem is that in IE the position is completely
different from Mozilla.
I have a sample program in
http://www.payrollworkshop.com/samples/slideDemo.htm.
|
by: phil cunningham |
last post by:
Does anyone know of a good library to handle Polygon clipping in C#.
This would require clipping of shapes with FLOAT verteces and we need the
capability of clipping one Polygon against another to get Interseciton,
Union etc.
Any information would be much appreciated.
Thanks
Phil
| |
by: Pugi! |
last post by:
I am currently experimenting a bit with clipping (with banners).
1. Is it possible to do more then one clipping on a image. For example:
image of 400px x 80 px:
var TELLER = 0;
function unfoldPic() {
TELLER++;
if (TELLER <= 80) {
CURR_PIC.style.clip = 'rect(0px 400px ' + TELLER + 'px 0px)';
window.setTimeout('unfoldPic()', 30);
}
|
by: Andy Baxter |
last post by:
hello,
I'm writing a panoramic image viewer in html / javascript. The idea is I
have a div with two identical panoramic photographs embedded in it. The
clipping on the div is set to make it a viewport onto the images. Then I
use javascript to make the two images scroll through the viewport - the
second image is just there to fill the gaps when the first scrolls off the
screen. They are seamless 360 degree panoramas, so this gives the...
|
by: jonathandowns |
last post by:
i'm trying to put a css border around this box, and it's not working
properly in safari and firefox (works fine in IE). can anyone help me
fix this? here is a grab so you can see the problem:
http://www.thebrotherkite.com/grab.jpg
and here is the css code:
#container
{
|
by: dongarbage |
last post by:
Hi there,
I have a panel that I'm trying to draw lines on based on mouse events.
I'm using a Graphics object to do this. However, the region that the
graphics object will draw lines in is different in size than the panel
size. I'd like the graphics object's clipping region (is "clipping
region" the right terminology?) to be the same size as the panel. How
do I do this?
Note that the default size of the clipping region for the graphics
|
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,...
|
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: 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...
|
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: 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...
|
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: 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...
| |