473,581 Members | 3,067 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How to render 3 images using single stylesheet class

1 New Member
Hi,

Currently I have 3 stylesheet classes, each rendering an image as background. I have 3 images as..
  • Left half rounded
  • Middle covered area
  • Right half round

When I attach 1 of the classes to 'submit button', any one of the image is displayed as background. I want the button to display all three images.I will prefer to have single stylesheet class which renders all three background images in succession (i.e. no overwriting of images on each other). Please use my existing code as below.
Expand|Select|Wrap|Line Numbers
  1. .buttonInputLeft{
  2.     background: url("btn_left.gif") no-repeat left;
  3.     border-style: none;
  4.     font: bold;
  5.     color: white;
  6.     padding: 3px;
  7. }
  8.  
  9. .buttonInputCenter{
  10.     border-style: none;
  11.     color: white;
  12.     background: url("btn_center.gif") no-repeat right;
  13.     padding: 3px;
  14.     font-family: Arial;
  15.     font-weight: bold;
  16. }
  17.  
  18. .buttonInputRight{
  19.     background: url("btn_right.gif") no-repeat right;
  20.     border-style: none;
  21.     font: bold;
  22.     color: white;
  23.     padding: 3px;
  24. }
  25.  
Will anyone help me?
Aug 23 '07 #1
0 1176

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

Similar topics

7
6837
by: codeslayer | last post by:
Greetings to everyone in ‘forum-land': I have a problem that has plaguing me to no end. It is a CSS-related question, and I have not seen this question posted anywhere in forums or through Google search. So here is my problem: I want to use CSS to apply images as bullet styles. However, I want to be able to apply VARIOUS, MULTIPLE...
1
1408
by: Zambien | last post by:
Well, it's been about a week and I still can't figure this problem out. I've cut the html down to it's bare minimum and when I click on the select buttons in NS, the table gets all skewed. I've changed everything I can think of on the page and it's still not right. Here's the cut down html if anyone will please look at it. <!DOCTYPE...
8
2025
by: drillbit_99 | last post by:
I have an HTML page of thumbnail images. Each image can begin a slideshow of the images on the page by clicking on the image. This opens another HTML page that begins the slideshow using large images of the thumbnails. When the slideshow begins it always starts with the first image. I would like to pass the name of the thumbnail to the...
5
1765
by: sk | last post by:
Hi, I'm trying to override the Render method of my Page class. Are there any standard guidelines for this? Thanks. Shardul
1
4749
by: Frank | last post by:
I would like to create a custom control that generates everything that will be in the <head> </head> section. This would allow me to make changes on all pages withing a site in one location. But can I do so since the control would not be withing a <form> tag in the aspx page? Can I do like so?:
6
4602
by: wattanabi | last post by:
Greetings, I'm attempting to layout a bunch of images in a grid using DIV's instead of a table. I currently have a 3x6 table that I need to convert to css. I've seen various example of a 3 to 4 column layout. Is this the only way to accomplish this? To see the table in its current format, please go here: http://www.godofmod.com
0
1016
Coldfire
by: Coldfire | last post by:
i want to know in detail the functionality of this Page class Event ! What triggers this fucntion after Postback event etc.. protected override void Render(HtmlTextWriter writer) { writer.Write("\n<!DOcTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">"); writer.Write("\n<link rel=\"stylesheet\" type=\"text/css\"...
16
2572
by: haft | last post by:
I have posted this question on a javascript forum as it contains javascript code however it was believed to be an asp issue. The following head section javascript code contains the function showBigImage( isource,bigImage,header ) function call of discussion: var currentImage; function showBigImage( isource,bigImage,header ) { var...
4
2450
by: Ken Fine | last post by:
I've been living with a frustrating issue with VS.NET for some months now and I need to figure out what the problem is. Hopefully someone has run into the same issue and can suggest a fix. I suspect some permissions problem. I'm running VS.NET 2008 in Vista. Symptoms and observations: * ASP.NET's native ImageMap and Image controls work...
0
8299
jinu1996
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...
1
7890
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...
0
8166
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...
0
6546
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...
1
5667
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...
0
5357
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...
0
3813
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1398
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1127
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...

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.