Welcome Guest [Log In] [Register]
Welcome to Brackenwood. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
HTML, distribute images in a cell
Topic Started: Jun 18 2008, 11:24 PM (1,261 Views)
chluaid Jun 18 2008, 11:24 PM Post #1
Member Avatar
Bitey's Daddy
Admin
 Short version: Can images be distributed evenly across a cell/table, just like text can be distributed with 'justify' formatting?

Long version: I'm creating menu buttons across the top of a web page and would like to know how I can distribute them evenly while keeping the ability to autostretch.

As far as I know, I can't have them in individual columns because it appears only one single column in a table can autostretch. This means that if I try to make them all autostretch, only the first column will stretch.

Anyway, my workaround was to put all the images (menu buttons) together in a central autostretch column. The problem here is that they all stick together with no gaps between. It looks OK but it'd look much better if they could be distributed evenly across the cell. Anyone know if this is possible in HTML?
Offline Profile Quote Post Goto Top
 
clayt Jun 20 2008, 02:47 AM Post #2
Member Avatar
I'm not crazy... ask my toaster!
 well could'nt you add a Stylesheet.

Code:
 

#image_red {
float:left;
}

#image_blue {
float:center;
}

#image_yellow {
float:right;
}


then add a div into the HTML

Code:
 

<div id="image_red">
<img src="where your image is" </img>
</div>

etc....



I might have just read your post wrong tho and got confused, so im sorry if this doesnt help.
Offline Profile Quote Post Goto Top
 
chluaid Jun 24 2008, 08:10 AM Post #3
Member Avatar
Bitey's Daddy
Admin
 thanks for the input man.. sorry I was slow to respond. What you suggested, I'll give it a shot. It's for those main menu buttons on the new BiteyCastle so I may try to incorporate your code into the css. Thanks again :bfoot:
Offline Profile Quote Post Goto Top
 
clayt Jun 24 2008, 09:21 AM Post #4
Member Avatar
I'm not crazy... ask my toaster!
 Ok no worries.


In your first post where you mentioned Justifying text, you can justify images aswell!

I can see a bigger gaps, between your images on the website, it looks easy too sort out anyway, i noticed little orange dashes under the images, are those supposed to be there?

Id definetly advise using a Stylesheet, it makes it so much easier!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Web Development · Next Topic »
Add Reply