Member Avatar for lochii

[img]http://i5.photobucket.com/albums/y161/lochii/websitehelp.jpg[/img]

can anyone tell me how to spread out the menu buttons?

  • 3 Contributors
  • 2 Replies
  • 127 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by MelechM
Member Avatar for essential

Try this attribution -->

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

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.