• Locked
4 replies [Last post]
Wed, 2010-07-14 10:09
Charlotte88
Offline
newbie
Last seen: 11 years 43 weeks ago
Timezone: GMT+10
Joined: 2010-07-14
Posts: 6
Points: 8

 Hi Everyone

I was hoping someone could help me out. I have taught myself css and html, so I am not very good at fixing problems once something goes wrong.
Ok so I am in the middle of creating a home page that looks great on safari, but on IE (being tested on IE7) one whole button is not recognised at all and on IE and Firefox none of the background images for any of the button are seen. please help.. (the other background images on the page are being seen - the only problems are these buttons.
I have created buttons that use the sliding doors effect (I set the width after I decided to use this effect for the buttons) so that when pressed the image changes. I have also created a button2 - this was meant for the current page link - so it wasn't a working link. But IE doesn't recognise this button at all.

I am sure I have done something totally stupid. would much appreciate your help!
Charlotte

my css:
 
a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll 3px right;
    color: 	#333;
    display: block;
    float: left;
    font: normal 10px Verdana, Geneva, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	width: 198px;
	text-align:center;
	position: relative
 
 
}
 
a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat 3px left;
    display: block;
    line-height: 14px;
    padding: 10px 0 10px 8px;
	width: 190px;
	position: relative
 
}
 
a.button:active { /* this is the press down image*/
    background: transparent url('../images/bg_button_active_a.gif') no-repeat scroll 3px right;
    color: 	#333;
    display: block;
    float: left;
    font: normal 10px Verdana, Geneva, sans-serif;
    height: 24px;
    margin-right: 6px;
    position: relative
    text-decoration: none;
	min-width: 190px;
	text-align:center;
    outline: none; /* hide dotted outline in Firefox */
}
 
a.button:active span { /* this is the press down image*/
	background: transparent url('../images/bg_button_active_span.gif') no-repeat 3px left;
    display: block;
    line-height: 14px;
    padding: 11px 0 9px 8px;
	width: 198px;
	position: relative
}
 
 
 
a.button2 { /* this is the non active button image*/
    background: transparent url('../images/bg_button_active_a.gif') no-repeat scroll 3px right;
    color: 	#333;
    display: block;
    float: left;
    font: normal 10px Verdana, Geneva, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	width: 198px;
	text-align:center;
	font-weight:600;
	position: relative;
 
 
}
 
a.button2 span { /* this is the non active button image*/
    background: transparent url('../images/bg_button_active_span.gif') no-repeat 3px left;
    display: block;
    line-height: 14px;
    padding: 10px 0 10px 8px;
	width: 190px;
	position: relative
 
}
 
 
my html:
 
<li><a class="button2" "><span><u>Home</u></span></a></li>
      <li><a class="button" href="pages/page1"><span>General Pest Management</span></a></li>
      <li><a class="button" href="pages/page1"><span>Termite Management</span></a></li>
      <li><a class="button" href="pages/page1"><span>Pre-Construction Termite Proofing</span></a></li>

Top
Tags:
Wed, 2010-07-14 10:44
#1
Charlotte88
Offline
newbie
Last seen: 11 years 43 weeks ago
Timezone: GMT+10
Joined: 2010-07-14
Posts: 6
Points: 8

sorry.. I just realised I

sorry.. I just realised I have posted this in the wrong category so I reposted it in Beginners CSS questions where I meant to put it. (im not sure how to delete this post)

Top
Wed, 2010-07-14 12:22
#2
thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 3 weeks 5 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Don't worry, a mod will come

Don't worry, a mod will come and sort it out for you Wink

Verschwindende wrote:
  • CSS doesn't make pies

Top
Wed, 2010-07-14 16:14
#3
Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 44 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Since you are having issues

Since you are having issues with images and we have no way of magically seeing these images, please post a link.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Top
Thu, 2010-07-15 10:08
#4
Charlotte88
Offline
newbie
Last seen: 11 years 43 weeks ago
Timezone: GMT+10
Joined: 2010-07-14
Posts: 6
Points: 8

link -

link -

http://www.fontana.com.au/test.html

ill be thankfull for any help possible - I'm a keen learner Smile

Top
  • Locked