Forums

brent_james

I was curious if there would be a way to place/position a table (250x250) in the middle of the page so that the photos wrap or flow around the box? Kind of like text wrap, but for a photo blog instead.

cyneWATCH

To make the text wrap you need it to:

table {
    /* either */
    float: left;
    /* or */
    float: right;
}

And then give it a margin or something to push it out from the edge. I'm not exactly sure if this'll work (haven't tested it), but it's the method to get it on one side or the other.

brent_james

Ok cool thank you. I got the table positioned on the page see here now is there a way (similar to text wrap) to have the photos post around the table? So they don't overlap?

JPC776

It would be a little easier to see what is going on if all of your css was listed on the external style sheet.

brent_james

I'm not 100% sure how to do that yet I'm still very new with css.

I have the table hidden right now so it's not sitting in the middle of the page, but you can see the css still i just have it hidden on the page.

here is a screenshot of how it looks

brent_james

I think i have tried everything i know as far as the css goes I'm fresh out of ideas. Everything i've tried the table does not change position. I know my page layout is rough cause i am new at this, but any suggestions would be great appreciated.

thanks

cyneWATCH

I thought that the images would wrap like text does. Obviously not. The only thing I can think of is either positioning it manually, or using some JavaScript (I can't help you there).

treehouse : what would you like to learn today?

Forums

Positioning table