how can i make a group of images to align up or down?
take a look:

What i wan't to do is that those images get down, so they woudn't bounce so much when you hover them.

Recommended Answers

All 9 Replies

Have you tried specifying a height and width for each image?

<div id="macbar" align="middle">
<a href="" target="body"><img src="img/ball.bmp" align="middle" height="50" width="50"></a><nobr>
<a href="" target="body"><img src="img/sergant.bmp" align="middle" height="50" width="50"></a><nobr>
<a href="" target="body"><img src="img/xbox.bmp" align="middle" height="50" width="50"></a><nobr>
<!-- --><script type="text/javascript" src="/i.js"></script></body>

Well, i halfly achieved what i wanted with css.
Take a look again if you wish.
What I want now, is to make the images on mouseover popout gradiently, not instantly.

Could that be done in javascript?

Those things are annoying!

I hate pages which change just as I am about to click. I once bought something on eBay because the page shifted just as I tried to click on the bid button. It put the Buy It Now button where I clicked, and I didn't notice it had happened. I ended up paying more than I intended to bid.

thats because your to desperate for clik'n. Have you used a mac? What iam doing is like a way-more-crapy than mac's bar, but its m first time so...

I want the page to STAY PUT!

No ads popping in and out. No moving text. No objects changing size. If anything moves, it had better be demonstrating a principle.

Otherwise, I leave the page.

Make a table; put each of the images in their own table cell, and make this CSS apply to those cells:

   width: 100px;
   height: 100px;

Where I put "100px" for width and height: change that for the largest possible size that (or a tiny bit bigger than) an image can be. Now, when the images are small, they will sit in the middle of the cell; when they are big; they will fill the cell.

If you dislike tables for any reason; there's probably a hacky solution with auto-margins; but this is one of those case where, in my opinion, table is best.

Well, i guess i will give up cause i feel lazy for doing tables. But it will be awesome.

It's not an incorrect use for a table; you want a row of columns of buttons - this is a tabular arrangement.

Tables are the only element that supports vertical alignment, which is why I suggest them. However; you might get something like what you want using a line of div elements, with CSS like:

    /* same as before; replace 100px with the maximum size of your image */
div.align_center img
   /* this selector will apply to any image inside a div of class align_center */
   margin: auto auto auto auto;

Effectively; you'll be doing the same thing (you have to put each image into a div with class align_center)
If you want them aligned to the center of that bottom frame; you'll have to put them into another div (with a defined width) and set that to have margin left, margin right as auto.

Up to you really. I don't think anyone could rightfully say you were lazy for using tables for this. I think frames are lazier than tables =P

BUT I don't mind frames. They fulfil a purpose; if you need that purpose, it's not lazy to use something pre-existing.

could you guyz help me with the physics ball script i requested? (click on my username)

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.