dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: need a <DIV> as a TD to the left of my 2 cells.

  1. #1
    Join Date
    Aug 2012
    Posts
    21

    need a <DIV> as a TD to the left of my 2 cells.

    this should be really easy i just cant figure it out.

    ok so i have <div's im using as a table. only 2 cells horizontal.
    i wish to add a 3rd block? or div? (td) to the very left of my 2. It only needs to be 32px in width but the same height as the rest of the table which is "425px"

    here is the coding:


    <div style="border: 0px solid black; width: 740px; height: 425px; margin: 0
    auto; overflow: hidden;"><div style="background: url(thornsvert04.jpg) no-repeat center #000000; float: left; width: 240px; height: 425px;">

    <p id="image"><img src="fb1x.jpg" onmouseover="this.src='fb2x.jpg'" onmouseout="this.src='fb1x.jpg'" style="width: 32px; height: 33px;"

    alt="test" /></p></div><div style="margin-left: 240px;height: 425px; overflow: hidden; overflow-y: scroll; scrollbar-base-color: #000000;

    scrollbar-arrow-color: #000000; scrollbar-track-color: #000000; scrollbar-face-color: #665736;><div style="padding-bottom: 900px;">
    <div style="padding-bottom: 900px;">
    This page has yet to be launched. This is a demo!</div>
    </div>


    im assuming that this :

    <div style="border: 0px solid black; width: 740px; height: 425px; margin: 0 auto; overflow: hidden;">

    should read maybe width 772px ??

    but then how do i make my 32px width images go to the bottom of the new 1st cell?

    padding-top?
    or something better?

    also what do i do to start and end the first cell <div> </div> or am i missing something?

    i hope i explained in detail so someone may assist me, thanks!

    by the way i want to thank everyone for their time and help! i really appreciate it and i feel as i am learning css and this newer html pretty quick. only been at it for about 5 days or less.

  2. #2
    Join Date
    Dec 2007
    Location
    's-Hertogenbosch, the Netherlands
    Posts
    28
    Something like this perhaps?

    HTML Code:
    <div style="width: 200px; height: 425px; float: left; background: #ddd;">Column 1</div>
    <div style="width: 200px; height: 425px; float: left; background: #ccc;">Column 2</div>
    <div style="width: 200px; height: 425px; float: left; background: #bbb;">Column 3</div>
    Oh, and please use the code or HTML tags when you submit code, it makes it far easier to read...

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