Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Positioning table

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 19, 2012 at 6:14 pm #38144
    brent_james
    Member

    I was curious if there would be a way to place/position a table (250×250) 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.

    May 20, 2012 at 3:41 am #103124
    Billy
    Participant

    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.

    May 21, 2012 at 4:31 pm #103220
    brent_james
    Member

    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?

    May 21, 2012 at 4:50 pm #103223
    JPC776
    Participant

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

    May 21, 2012 at 5:10 pm #103224
    brent_james
    Member

    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

    May 22, 2012 at 12:06 am #103237
    brent_james
    Member

    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

    May 26, 2012 at 7:18 am #103508
    Billy
    Participant

    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).

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.