www.webdeveloper.com
Results 1 to 2 of 2

Thread: Using css to position buttons/tables/text

  1. #1
    Join Date
    Nov 2006
    Location
    Add me on icq,msn,aim,yim to help me:P
    Posts
    29

    Using css to position buttons/tables/text

    Ok, long story short, i'm a noob, I was using a tag I shouldn't of, so says my programming friend, im using css now, but having trouble getting to work with buttons, any help appreciated

    currently what I have

    Code:
    a
        {
        position: absolute;
        top: 300px;
        left: 300px;
        }
    Code:
    <a>
    my text buttons & tables here
    </a>
    it'll move text by itself, but not tables, can anyone help?

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Quote Originally Posted by Mythic Fr0st
    Ok, long story short, i'm a noob, I was using a tag I shouldn't of, so says my programming friend, im using css now, but having trouble getting to work with buttons, any help appreciated

    currently what I have

    Code:
    a
        {
        position: absolute;
        top: 300px;
        left: 300px;
        }
    Code:
    <a>
    my text buttons & tables here
    </a>
    it'll move text by itself, but not tables, can anyone help?
    So basically what yo have here, is any ANCHOR will be absolute-positioned at 300/300? "a" is a 'reserved character', meaning "anchor", such as "<a href="#"></a>"


    You want to give the "table" an "id", and position that...

    your HTML:
    <table id="buttons" style="position:absolute: left:300px; top:300px;">
    <tr>
    <td><a href="#"><img src="button1.gif" /></a></td>
    <td><a href="#"><img src="button2.gif" /></a></td>
    <td><a href="#"><img src="button3.gif" /></a></td>
    </tr>
    </table>
    Your CSS:
    #buttons {position:absolulte: left:300px; top:300px;}
    I build for: Firefox and tweak for IE

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles