|
|
Posted by Martin Clark on 03/17/06 21:00
Spartanicus wrote...
>Martin Clark <martin@spl.at> wrote:
>>
>>I am still trying to find a way to make the white text in the header
>>area wrap in a 800 px window, rather than overflow across the photo.
>>Newest version: http://www.tamevalley.freeserve.co.uk/hcs/index2.htm
>>
>You should fix these issues:
>
Hello Spartanicus. Thank you for taking the trouble to look through my
code.
>Use a Strict doctype, Transitional is for legacy documents who's code
>can otherwise not be updated, and what you have now triggers quirks
>mode.
I have changed it to Strict. This has not produced a solution to the
problem I had. Instead, it has created a new problem - there is a small
gap between the header and the navigation bar in Firefox (and an even
smaller gap in Opera). It doesn't seem to appear in IE6. What could be
causing that?
>Move the CSS to an external stylesheet.
The CSS is only internal while I am working on the page. I always
normally use external style sheets. This does not affect the problem I
was asking about.
>Remove the presentational markup.
If you mean the italics, this is likely to be the only page with any
italics at all, so it hardly seems worth creating a class for it.
>Two navbars are a nuisance, one suffices.
Why a nuisance? Surely a matter of personal preference? Some of the
pages will be much longer, so links in the footer could be helpful.
>Nav links should be marked up as an unordered list, not as paragraphs.
They're not - except the links on the left which will draw attention to
specific features of the site. How can I use an unordered list to create
the blue backgrounds for headings and white backgrounds for the
descriptions? <p> seems to be ideal for this purpose.
>Remove the spacer gifs, use CSS instead.
The white line between the header and the nav bar does not work unless I
put a spacer gif there (it ends up too thick). I will look at this
later. It does not affect the problem I was asking about.
>Fix your header structure, add one <h1> with "Huddersfield Canal
>Society" as it's content.
I have reserved <h1> for the titles of each page within the site. This
is the home page and doesn't have one. I want Google to give greater
priority to picking up the subject of each page rather than picking up
the name of the society.
>Remove the <hr> and , use CSS instead.
Done. But what is wrong with <hr>?
>Your body text size is uncomfortably small for me, there's little point
>in specifying text-size:100% if you then reduce it to 90% for
>.maincolumn
Yes, sorry. Changed.
>Fix your alt text, the logo is merely decorative, use alt="".
Surely a matter of personal preference? It does not affect the problem I
was asking about.
>You've used far to many classes.
Am I? I didn't realise there was a maximum permitted.
>Don't use <br> to create spacings, use CSS.
I have not used <br> anywhere on this page to create spacings.
>Don't use characters ( ][ )to separate links, specify a border with CSS.
Why not? Surely a matter of personal preference? I may change this once
I have sorted out the layout. It does not affect the problem I was
asking about.
>Don't use absolute positioning for the header, there is no need to do so
>and it results in the problem you are seeing.
>
Ah, at last! The problem I was asking about. The reason why I am asking
the question is because I am still learning how to use CSS for layout
and am still struggling with some aspects. Can you please explain what I
should be doing instead?
I replaced .huddersfield{position: absolute;} with
..huddersfield{position: relative;) and the result was that the banner
photo on the right moved down so that its top was level with the bottom
of the logo. Am I misunderstanding what you are saying?
I have spent many hours trying to sort this out. If you can see an
obvious solution I would be glad to hear it. I really want to learn.
--
Martin Clark
Navigation:
[Reply to this message]
|