/    Sign up×
Community /Pin to ProfileBookmark

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.

to post a comment
HTML

1 Comments(s)

Copy linkTweet thisAlerts:
@theCoenAug 17.2012 — Something like this perhaps?

[code=html]<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>[/code]


Oh, and please use the code or HTML tags when you submit code, it makes it far easier to read...
×

Success!

Help @Oppression spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...