473,322 Members | 1,699 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Button Background Images Trouble in WinIE

I got a set of links (Previous & Next) that have basically the same css styling. The only difference is that one has reversed images and reversed padding-left/right. Both buttons work in FF and Safari. However, only one works in WinIE. The "Next" button misaligns the sliding doors images, and I cannot figure out why. It's driving me nuts!

.html
.css
Code-stripped to minimum

Any advice would be appreciated.
Thanks!
-Andy
Apr 3 '07 #1
4 1687
drhowarddrfine
7,435 Expert 4TB
I can't get my dev tool to work right with that page but I do notice your .buttonleft is floated while the right one is not. What happens if you float the right one left...or right.
Apr 3 '07 #2
AricC
1,892 Expert 1GB
I got a set of links (Previous & Next) that have basically the same css styling. The only difference is that one has reversed images and reversed padding-left/right. Both buttons work in FF and Safari. However, only one works in WinIE. The "Next" button misaligns the sliding doors images, and I cannot figure out why. It's driving me nuts!

.html
.css
Code-stripped to minimum

Any advice would be appreciated.
Thanks!
-Andy
Andy,
I'll look into this later tonite, but I have a question. I see the church's address is close to my location (Cincinnati) where is that city picture from? Certainly not Milfor Ohio. Just curious.
Apr 3 '07 #3
I'm not sure where the image is from. It's just a place-holder. I think I figured out how to fix the problem, but I still don't know why I couldn't get it to work the way I had it.

I did have a rounded-on-both-sides green image on the "a:link," aligned to the left of the right button and the right of the left button. And I had a left arrow image on the ".leftbutton span," aligning to the left side. And I had a right arrow image on the ".rightbutton span," aligning to the right side.

I changed the design to use 4 images instead:




…and I used an unordered list instead of spans.

It seems that WinIE doesn't like sliding door where the top image is right-aligned.
Apr 3 '07 #4
drhowarddrfine
7,435 Expert 4TB
IE uses padding for some things while other browsers use margin. Or vice-versa. I know it's true of links so I'm wondering if it might be true here, also. I admit to being really, really lazy today.
Apr 3 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

21
by: Dan V. | last post by:
I have tried a number of things including preloading, but the background image (water tile in header) in IE 6 will not display where other browsers will....
13
by: Giggle Girl | last post by:
Hi there, I need to use a background image in a TR that does NOT restart everytime it hits a TD. Can it be done? Specifically, if you set a background image for an entier table, now mater how...
1
by: Mark | last post by:
Hi - on my site, overnight, my submit buttons have suddenly stopped working in IE. Firefox is fine. The link button works perfectly - the two submit buttons however do not. It works in IE...
9
by: tshad | last post by:
Is there a way to use your own image in place of the automatic one that ASP uses when doing editing in your DataGrid pages? We already have a style of button we are using and would like to be...
12
by: Yuaw | last post by:
I managed to cobble together some code and all I need to be on my way is to have the close button I created to always be at the top right of my pop up. The pop ups are large versions of thumbnail...
0
by: Arkayem | last post by:
I am having some trouble getting my background images to show. I do not know what I am doing wrong, because I just started getting into the web page building thing a couple of months ago, and I...
2
by: natedemontigny | last post by:
Ok guys, I'm still new at all this but I recently did a site and was able to amke the contact button stay in place. I copied the code and used it in a new site and now it moves around when I resize...
3
by: Oriane | last post by:
Hi there, I would like to handle a "rollover" <asp:Buttonin the code behind with C# with this kind of code: Button btn = Page.FindControl("Button" + numWidget) as Button; btn.Attributes =...
2
by: Bram2 | last post by:
I'm trying to create a graphical button with custom images and text on it. My approach was to split the generic button image into 3 parts: http://img520.imageshack.us/img520/8263/buttonleftdg8.gif...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...

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.