• Locked
1 reply [Last post]
Wed, 2010-08-25 14:15
elgwiedo
elgwiedo's picture
User offline. Last seen 1 year 38 weeks ago. Offline
newbie
Timezone: GMT+2
Joined: 2009-10-21
Posts: 3
Points: 6

I have a link that has a class with a background image defined. 

<a class="movefooter" alt="move the footer" href="" id="movefoot" ></a>

However the image is only displayed for a few pixels.

This is the class 

.tm2010 #footer #opencloserow .closingfooter {
	background-image:url(../img/closefooter.png);
	background-repeat:no-repeat;
	display:inline;
	height:auto;
	margin-left:955px;
	padding:2px 20px 15px 15px;
	right:50px;
	text-align:right;	
 
}

Somebody out there that knows how to fix ?

thx

Top
Tags:
Wed, 2010-08-25 14:35
#1
CupidsToejam
CupidsToejam's picture
User offline. Last seen 17 weeks 5 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

you are trying to style

you are trying to style something called .closingfooter, but that class name isnt in your html. maybe something like this perhaps? give the class the with and height that supports the image's dimensions.

.tm2010 #footer #opencloserow .movefooter {
	background:url(../img/closefooter.png) no-repeat;	
	display:block;
	height:X;
	width:X;
	margin-left:955px;
	padding:2px 20px 15px 15px;
	right:50px;
	text-align:right;
}


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

Top
  • Locked