Sent by Michael Wilson on 15 October 2004 19:07
Hi,
> 1. There is some kind of error notice showing at the top.
I can't really help you much with this problem as it has something to do
with the TNG system you are using to dynamically build your site. The
problem seems to be coming from getlang.php on line 3.
> 2. I can't get the image in the header banner to go right.
That is because there is no "align" property for images. Text-align is
as close as it gets and it's not really intended for this use. The best
practice is to set the image as a background for the header or to
"float" the image to the right. I reworked the header and the navigation
elements in a bit of cleaner markup and CSS using a modified image as
the background. If you would like me to send it to you off-list, drop me
a note. You will have to change a few things, but it's nothing major and
should only take you a few minutes.
> 3. I would like a little space between what would be the "cells" in tables,
> say 5-10px. I tried adding spacing=5px to the container first, then when
> that didn't work, to the subsections ... But it didn't work.
You are using several properties that aren't part of the CSS spec. You
might want to take a look at this guide to get a better grasp on what
properties you can and should be using in your CSS.
http://www.westciv.com/style_master/academy/css_tutorial/properties/index.html
I think what you are looking for here is {padding: foo;}. Padding is the
space between the edge of an element (its border) and its contents. you
will need to add padding to each element as an element does not inherit
the padding property of the element which contains it. E.g. padding set
for #container will not be inherited by #sidebar-a.
> 4. I would like the sidebar background color to extend to the footer.
This is a bit tricky but can be accomplished in many ways--each
dependent upon your preferences and the overall layout of the document.
Some people use JavaScript to even out floated elements, while others,
like myself, tend to use a background image on the containing element to
present the illusion of equal height columns. A particular solution
depends entirely upon specific needs, but in your case, I would consider
using a background image on #container to keep things simple.
See here for more details:
http://css-discuss.incutio.com/?page=AnyColumnLongest
> 5. PHP code (which I didn't write and know nothing about) is showing
> through.
This goes back to your first question about the error notice; PHP
telling you something is wrong with a particular file.
> 6. I changed the container width from 760 to 900. Could this cause bad
> problems?
It depends... the true answer depends on your target audience. 760px is
the "standard" width you will need to use if you want your page to fit
into an 800x600 screen resolution without horizontal scroll. 800x600 is
still a very common resolution and the default of Windows XP, so unless
you are certain 99% of your visitors will be using a higher resolution
such as 1024x768, you should leave the page width at 760px.
> 7. Can someone explain the following? I thought the second two were an error
> in the container style and took them out. Didn't make a difference, but now
> I see it was done in the sidebars too:
>
> width: 200px;
> \width: 210px;
> w\idth: 200px;
Internet Explorer 5.01 and 5.5 incorrectly renders certain element
widths by including (rather than "adding to") margin, padding, and
border values within the element's width. This declaration is a common
"hack" or fix, known as the "Simplified Box Model Hack" used in CSS
documents to supply IE 5.x with a unique set of values for the width of
elements. The hack is fully explained in the following article:
http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
The following articles explain, in simple terms, what exactly the "box
model" is:
http://www.positioniseverything.net/articles/box-model.html
http://www.brainjar.com/css/positioning/default.asp
http://www.redmelon.net/tstme/box_model/
The W3C also provides a more technical, in-depth overview of the box
model here: http://www.w3.org/TR/REC-CSS2/box.html
Best regards,
Michael Wilson
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
