h2g2 The Hitchhiker's Guide to the Galaxy: Earth Edition

so copy & paste your url in
http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php

looking at your page it wou;d not e that hard to convert it to XHTML & CSS (even IE compatable CSS ).

I wuz bored, your page in XHRML & CSS http://happy.sdf-eu.org/temp/touro.html

The CSS is on a seperate style sheet
http://happy.sdf-eu.org/temp/touro.css

All IE5 compatable

If you choose to go the XHTML/CSS route be sure to check out "Top Style Lite" a nice free CSS editor, is has an option that allows you to use only 'selectors' that work with IE5

You can get 'Top Style Lite' by going to http://www.bradsoft.com/ and clicking the top left link for the download page.

If you use this you need to edit the "img.logo" selector in the CSS file to put in the correct hight & width for your image.

last post, XHRML=XHTML

*must proof read*

it looks so much nicer in xhtml. I gotta learn this CSS thing.

I'm guessing that sites like h2g2 aren't done with HTML, right?

you posted just in time, I was about to take that page down, I'll leave it up a while longer so you can borrow the bits of the code you like.

As for learning XHTML, it's more a case of unlearning some HTML.

Things to remember with XHTML:-

1: all tags must be closed (just like GuideML here on h2g2), so a must have a and the HTML becomes and so on.

2: all tags must be lower case.

3: no style tags such as , use CSS.

As for learning CSS check out the links on A999598, as I said before "Top Style Lite" is a very nice CSS editor to start off with (if only because it gives nice previews and is pretty easy to configure for browser compatibility and it is FREE!).


PS: Post here when it's OK to take the example pages down (no rush).

and h2g2 it done with HTML & CSS

Does http://happy.sdf-eu.org/temp/example.html make things clearer

actually, it confused me more. What's with the blocks of color? (and how did you get them there?)

I downloaded the CSS page and the source. I'm going to take a look at it ASAP (ie: after finals) so you can delete it now.

I guess I might just not be understanding how CSS and XHTML connect, really. You just stick things in places using XHTML, and then format them using CSS?

wait, I take that back. It did make things easier, but I again- that looked like XHTML, where is the CSS part?

Or maybe I should read up on CSS...

Thanks.

and where did the little W3C Css compliant tags at the bottom come from?

Here's the important question:

you reccommend a program for writing CSS.

Does that mean that you cant do CSS pages in wordpad, like you can for a stricly HMTL page?

I write CSS in a text editor (BBEdit on a Mac) all the time. You definitely can use WordPad to do the same thing, but if you are going to write CSS code directly it helps to have something that does syntax coloring and live previews.

yes you can use wordpad or vim http://www.vim.org/about.php (yes it works on windows) but "Top Style Lite" does make life easier, showing a preview & allowing you to choose selectors by browser compatibility.

As to how I made the source look pretty it's straight dump from the firefox View Rendered Source Chart extension https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=655

The CSS is at http://happy.sdf-eu.org/temp/touro.css (see post 22).

The W3C compliant tags at the bottom came from the W3C Validtors over at
http://validator.w3.org/ (markup (html/xhtml))
http://jigsaw.w3.org/css-validator/ (CSS)

http://happy.sdf-eu.org/temp/example.html was just meant to make what I did to the source code clearer, in particular the proper formatting of the tables as data tables and the div's I used to help the CSS format the page.