/    Sign up×
Community /Pin to ProfileBookmark

Layout and tables

Copy linkTweet thisAlerts:
Dec 03.2002

What I’m trying to achieve is to have the background image in the center, which I have already done. This is going to be an intro. page. I’m gonna have a “enter” picture to go in the center. But that’s besides the ponit. What I’m trying to achieve is to make the page look like it has black border around it. I have done that by coloring the scrollbars black and making some <td>’s with a black background. The problem I’m having is the “whole” in the top left corner of the page, the space between the td’s. Any sugestions for an easier way, or solutions to this problem are appreciated. Thanks

Here’s the link : [url]http://www27.brinkster.com/minulescu/project[/url]

to post a comment
HTML

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@Beach_BumDec 03.2002 — I would take my graphics editor and make a black border around my background picture. This is very easy to do with something like PhotoDraw. Granted the border may be a different size in a 1024*768 view than a 800*600 view with that solutution (as the background gets resized to fit). But that would be an easy workable solution with a lot less html (like none).
Copy linkTweet thisAlerts:
@Klyve1Dec 03.2002 — You need to set your body margins to "0px" in your CSS.
Copy linkTweet thisAlerts:
@minulescuauthorDec 03.2002 — Beach bum, you're right, but the reason i even thought about doing a border was becasue i wanted my page to be the same on all sides. If i could eliminate the scroll bar, i wouldn't even need a border, and like you said, diff. resolutions would see it differently.


Klyve1, yah, I need to do that, but I dun't know how. Thats why i have my tables going in negative px's. lol. That's pretty stupid, but it worked I guess. I'd appreciate you telling me how to do that.

Second, would that solve the "space between "tds" problem"? I don't see how. That is my main concern, is there anyway, to get rid of that empty space?


Heres the link again: http://www27.brinkster.com/minulescu/project
Copy linkTweet thisAlerts:
@Klyve1Dec 03.2002 — I've played around with this but can only get it with no border at all! This is using CSS.
Copy linkTweet thisAlerts:
@minulescuauthorDec 03.2002 — Well thanks for your help. If i dont figure it out soon i think im just gonna make a black image and absolute-position it, and forget this crap.

You never said how to set body margins to 0.

Thanks

BTW, I looked at your homepage and the main tables...their border looks really cool. Is that a certain style of border (if that can be done with CSS) or how do you do that?, if you don't mind me askin?
Copy linkTweet thisAlerts:
@Klyve1Dec 03.2002 — Sorry....

margin: 0px;
Copy linkTweet thisAlerts:
@Klyve1Dec 03.2002 — Of course I don't mind you askin...... tellin however ! :>)


It's all done with images and CSS with 1x1 transparent images for placement.
Copy linkTweet thisAlerts:
@minulescuauthorDec 03.2002 — Thanks, i was just wonderin 'bout those borders, they just look cool, thanks for all your help.
Copy linkTweet thisAlerts:
@Paul_O_BDec 03.2002 — Hi,

I think you've got your cellpadding and cellspacing in the wrong places.

Put them in the table tag: i.e.

<table width="1250" cellpadding="0" cellspacing="0" border="0">

Also you've spelt them both wrong anyway.

Why not use CSS and do away with the tables altogether.

Paul
Copy linkTweet thisAlerts:
@StefanDec 03.2002 — [i]Originally posted by minulescu [/i]

If i could eliminate the scroll bar, i wouldn't even need a border[/QUOTE]

I assume you are talking about IE that for some silly reason adds a vertical scrollbar even if not needed?

In that case, try this

html, body { overflow-y: auto } (remark: overflow-y is invalid CSS.)

That will make it behave just as Mozilla (ie no scrollbar if it's not needed)
Copy linkTweet thisAlerts:
@minulescuauthorDec 04.2002 — thanks

that makes it a lot easier. Putting black tables and "dirty" stuff like that was my only idea. This is way better tho.
×

Success!

Help @minulescu 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 6.17,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...