On Mon, 16 Aug 2010 04:35:09 +0100, Keith Purtell
<keithpurt...@keithpurtell.com> wrote:
> I want to diagnose problems on this page. One at a time; I don't want
> all the answers to every flaw you see ... I want to work and try to
> figure out most of this myself. Please ignore the attempted fly-out
> navigation links at top left for now (I'm looking at this in FireFox by
> the way).
>
> What about my images? You can see how I handled them years ago; putting
> them in boxes so text would flow around them. I turned on the borders so
> you could see that. Obviously they are not indenting 140 pixels like the
> text. I tried placed the first image/table inline the paragraph, but
> that obviously failed. Comments? I'm still reading Eric Meyer's book
> ("Cascading Style Sheets/The Definitive Guide"): Maybe I just need a
> pointer to the right chapter?
>
> http://www.keithpurtell.com/kthings/a_body_vance_divs.htm
>
> - Keith Purtell
>
Keith,
The first place to start with any problem on your page is code validation,
both the HTML and the CSS.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.keithpurtell.com%2Fkthings%2Fa_body_vance_divs.htm
http://bit.ly/9O9lp8
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.keithpurtell.com%2Fkthings%2Fa_body_vance_divs.htm
http://bit.ly/cczdSJ
getting rid of the html errors will give you a solid base to work from,
even if the corrections do not immediately produce any visible changes to
your page.
As you are using Firefox, there are 3 important extensions that will give
a lot of help in tracking down your problems.
Web Developer Toolbar [1]
HTML Validator [2]
Firebug [3]
Web Dev Toolbar contains many useful utilities for getting your code to do
just what you want.
HTML Validator gives basic, and usually quite accurate validation checks
on your local files as well as those online. It has correction suggestions.
Firebug, I would guess that there are not many members of this list who do
not make use of Firebug, take some time with it to get to know even the
basics of the immense capabilities of this tool.
[1] https://addons.mozilla.org/en-US/firefox/addon/60/
[2] https://addons.mozilla.org/en-US/firefox/addon/249/
[3] https://addons.mozilla.org/en-US/firefox/addon/1843/
Duncan
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
