3
Contributors
2
Replies
3
Views
9 Years
Discussion Span
Last Post by MelechM
0

Try this attribution -->

{
   clear: both;
   float: left;
   width: 100%;
   background-image: url(images/someExample.gif);
   height: 212px;
}
0

How far do you want to spread the buttons out? How many pixels from each other? lets say your code is:

.button {
float: left;
width: (width of the button pic);
background-image: url('Image Directory/ImageName.ImageFileType');
height: (height of the button pic);
}

Well to simply just move them the amount of pixels you wish to move them away from each other simply add another class:

.button_left {
margin-left: (amount of space you want between each button);
float: left;
width: (width of the button pic);
background-image: url('Image Directory/ImageName.ImageFileType');
height: (height of the button pic);
}

Then simply use .button for the first button, and .button_left for the buttons after the first so they get spaced away from each other (hence the margin-left...).

Hope this Helps

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.