/    Sign up×
Community /Pin to ProfileBookmark

Div Help Please

Copy linkTweet thisAlerts:
Oct 01.2008

Hi Everyone,

So I am trying to be crafty and centered my site with a div:

[url]http://riverahotelsouthbeach.com/allie/[/url]

( I know I’m bad for using tables within the div 😮 )

I thought that using a div would keep the the width (set to 1000px) no matter what I do within the table…but when I did a few changes:

[url]http://riverahotelsouthbeach.com/allie/aboutus.html[/url]

You can see the div moving around a little…..Slightly, nothing too serious but if I can I would like to fix.

Thank you,

Allie

to post a comment
CSS

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@dtm32236Oct 01.2008 — The site has a bunch of errors:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Friverahotelsouthbeach.com%2Fallie%2Faboutus.html

But at first glance, I don't see any that should mess it up like that... but:

First things first - add a doctype.

Then fix some of these errors (try using CSS instead of all that HTML markup)

Instead of putting cellpadding=0 and cellspacing=0 in every table on the page, you can have a simple table {border-collapse:collapse;} in a css file, and that would apply it to every table.

It would save you a lot of time and spare yourself of all these errors if you use CSS...
Copy linkTweet thisAlerts:
@grimmylinaauthorOct 01.2008 — Ok, fixed most of the errors.

2 questions:

1.) Why does Flash code come up as errors?

2.) What does this mean? Why can't I have a table background?

Line 165, Column 21: there is no attribute "background".

<td background="about_files/bg_dots.gif" width="1"><img src="about_files/b

&#9993;

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Copy linkTweet thisAlerts:
@dtm32236Oct 01.2008 — td doesn't support backgrounds... you can probably do it with CSS though

<td style="background-image:URL(about_files/bg_dots.gif); width:1px;">...</td>
Copy linkTweet thisAlerts:
@dtm32236Oct 01.2008 — and the Flash stuff always comes up as an error - I just ignore them.

Just a little design critique - this site is for a hotel, right?

The flash thing with the logo, although it's a really cool effect and very well done... it looks like a title screen for a horror film... I don't know if it works for a warm, cozy feeling a luxury hotel should give you.
Copy linkTweet thisAlerts:
@grimmylinaauthorOct 01.2008 — Thanks!!

Haha...unfortunately I have no control over that part of the site. This is the effect they are going for:

http://www.antonioberardi.com/

And instead of paying someone to make it look good...they would rather I piece together odds and ends.
Copy linkTweet thisAlerts:
@dtm32236Oct 01.2008 — Gotcha - well, it looks good if that's what they're going for (it seems strange to me, but if they like it, they like it)

you'd make a pretty good halloween/haunted house site ?

It looks like that site shifting thing is fixed. It looks good.
Copy linkTweet thisAlerts:
@grimmylinaauthorOct 01.2008 — Thanks!! :p

My shifting problem will soon become a problem again because they want that logo bigger.....:rolleyes:
Copy linkTweet thisAlerts:
@dtm32236Oct 02.2008 — well that's annoying.... good luck with it
×

Success!

Help @grimmylina 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.19,
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,
)...