/    Sign up×
Community /Pin to ProfileBookmark

HTML (or CSS) table align problem

Hi there,
After HOURS of battling with what I thought should be so simple I have given up and registered for help!

The very basic form of my problem is I want a table with 3 cells, The first two cells (one black, one blue) I want to be left aligned and simply as wide as the cell contents. I then want the 3rd cell to be right aligned, and fill up the rest of the row before reaching the text. So the 3rd cell spans from the 2nd cell all the way to the right of the table.

I have uploaded 2 images. One is the rough design that I’m trying to achieve, the other shows my results.

what I want: [url]http://imageshack.us/photo/my-images/705/hopez.png/[/url]

(the ‘music videos’ would be in a separate cell as the background will be blue as you can see in my tests below)

actual: [url]http://imageshack.us/photo/my-images/830/problemue.png/[/url]

It either ends up as above or with hours of fiddling I did somehow have it over at the right, but only behind the text was black, there was just open space between the blue cell and the right aligned cell.

So frustrated, better go to bed, haha.

to post a comment
HTML

0Be the first to comment 😎

×

Success!

Help @bugproof 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.18,
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,
)...