10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

{web design warriors} How do i position a table?

by blackhawkup Banned
9 replies
  • WEB DESIGN
    • |
I'm not sure if this is the right place for this question, if not -- my apologies.

I'm creating a very simple squeeze page,

The optin form is in a table, and I'd like to be able to have the table positioned in the exact some location despite screen size (not including mobile).

so lets say i want to have the opt in form show at the bottom right corner of the screen every single time, regardless of screen size -- how would i code that?

This helps with how I design my background image so this really helps. thanks.
#design #position #table #warriors #web
  • Profile picture of the author travlinguy
    I'm not a web designer but... It kinda depends on what WYSIWYG program you're using. Regardless, there should be something where you can left justify, center or right justify tables, text, images, etc. Just select the table and click center.
    {{ DiscussionBoard.errors[7215765].message }}
  • Profile picture of the author blackhawkup
    Banned
    No that wont do it but thanks for your help.. I really appreciate it...

    I know it can be done by setting the margins (margin: 30 4 5 98; as an example).

    but I am scared that it would make things look weird on smaller screen sizes.

    can anyone help, thanks.
    {{ DiscussionBoard.errors[7215805].message }}
  • Profile picture of the author CPSweb
    The align attribute can be used on tables. For example you could make your <table> become <table align="right">.

    Using only a margin with a fixed number of pixels I don't think it is possible to to make the table appear in the same position on all screen sizes.
    {{ DiscussionBoard.errors[7215926].message }}
  • Profile picture of the author Troy_Phillips
    Website Design
    Signature

    {{ DiscussionBoard.errors[7215959].message }}
  • Profile picture of the author John Romaine
    <table align="center">
    Signature

    BS free SEO services, training and advice - SEO Point

    {{ DiscussionBoard.errors[7215986].message }}
    • Profile picture of the author blackhawkup
      Banned
      that aligns the content inside the table to the center...but i need the actual table itself to be positioned...hmmm??

      thanks alot for the help though.
      {{ DiscussionBoard.errors[7216369].message }}
      • Profile picture of the author Wags
        something like this
        <tr>
        <td align="center" >
        <table class="yourtableclass" > your content </table>
        </td>
        </tr>

        css:

        .yourtableclass {
        width: 100%;
        padding: 0px;
        margin: 0px;
        }

        obviously css is upto you

        and you can also put inside a div and use css

        <div class="optinform">
        <tr>
        <td align="center" >
        <table class="yourtableclass" > your content </table>
        </td>
        </tr>
        </div>

        .optinform {
        position: absolute;
        top: xxxpx;
        left: xxxpx;
        }
        {{ DiscussionBoard.errors[7216517].message }}
        • Profile picture of the author ronc0011
          Yeah Wags is putting you on the right track, forget all that wysiwyg stuff you are going to have to edit the code (CSS) for the table and possibly the page My first guess without actually seeing the code for your page would be to change any width values for the table to % rather than px's or em's Otherwise you might look at placing the optin box outside of the table and using a div instead. This may be an option for you since you want it to go at the bottom right of your page. Frankly tables are not really the optimal solution for page layout..
          {{ DiscussionBoard.errors[7216585].message }}
          • Profile picture of the author connections
            Agreeing with last poster, have you considered a frames page?
            Signature

            Words grab attention, and words produce emotions, words move to action, words are your key to success. www.WriteRoadToSuccess.com

            {{ DiscussionBoard.errors[7216992].message }}

Trending Topics