Re: Images cut in half

On Sun, 28 Aug 2005 21:47:40 +0100, Mark <mark@xxxxxxxxxxxxxxxxxxxx>
wrote in <rm84h1h0818ostatunb8i3rgihdmqboadq@xxxxxxx>:

>The page is here:
>http://www.mgpages.co.uk/photos

One specific problem is that your <table height="201" ...> is inside a
<div style="... height:130px" ... > but that in turn is inside another
div that is not high enough.


You are in tables nested five levels deep, with plenty of intervening
divs as well at the point in question. This makes it hard to work out
what is going on. The source code indentation does not help either. On
top of that most of the styles are specified inline so there are no
classes or element names to give some hints to navigate around the
structure.

There also seems to be no doctype declaration so a lot of browsers will
use "quirks mode" - this is not a good idea if you want your pages to
look right.

Get some decent tools to help clean up the source code. At the very
least get the Firefox web developer extension so that you can experiment
with the styles, turn on outlines for the boxes etc.

I used Eclipse with the Web Standard Tools to clean up the indentation
and give me a stuctural view of the page in order to navigate up the
elements that contained the images. This is probably a bit over the top
for people who don't want Eclipse for some other reason, but it did do a
good job of cleaning up the source formatting.

--
Owen Rees
[one of] my preferred email address[es] and more stuff can be
found at <http://www.users.waitrose.com/~owenrees/index.html>
.

Relevant Pages

  • Re: Web Pages
    ... the default DIV behavior in their style sheet, ... So now, like Mayayana, I write all HTML by hand, and format it with an external CSS file to keep the pages really clean... ... After one HTML book from your local library you will be able to write clean, fast loading pages with source code that is easy to read and maintain. ...
    (microsoft.public.vb.general.discussion)
  • Re: question about viewstate
    ... i'm testing ViewState with this page here below: ... the produced source code is the same in both cases. ... that hidden field because of 2) ...
    (microsoft.public.dotnet.framework.aspnet)
  • Position relative top:-8%
    ... Please take a look at this little source code ... First I have a full screen image ... Then immediately after the copyright into a div that must be into the image ... It work best with MSIE but with FF copyright is after the image and not on ...
    (comp.infosystems.www.authoring.stylesheets)
  • Dynamic Menu Items is not right aligned with Right to Left documen
    ... The problem is the submenu items or the dynamic menu items are not aligned ... This is the source code of the page: ... <html xmlns="http://www.w3.org/1999/xhtml"</a>;> ...
    (microsoft.public.dotnet.framework.aspnet)