A Conversation for Website Developer's Forum

everything before a table in HTML?!

Post 21

HappyDude

so copy & paste your url in smiley - winkeye
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 smiley - erm).


everything before a table in HTML?!

Post 22

HappyDude

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 smiley - biggrin

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 smiley - winkeye

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.


everything before a table in HTML?!

Post 23

HappyDude

last post, XHRML=XHTML

*must proof read*


everything before a table in HTML?!

Post 24

Leo

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?


everything before a table in HTML?!

Post 25

HappyDude

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!).
smiley - goodluck

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


everything before a table in HTML?!

Post 26

HappyDude

and h2g2 it done with HTML & CSS


everything before a table in HTML?!

Post 27

HappyDude

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


everything before a table in HTML?!

Post 28

Leo

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?


everything before a table in HTML?!

Post 29

Leo

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.


everything before a table in HTML?!

Post 30

Leo

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


everything before a table in HTML?!

Post 31

Leo

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?


everything before a table in HTML?!

Post 32

dElaphant (and Zeppo his dog (and Gummo, Zeppos dog)) - Left my apostrophes at the BBC

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.
smiley - dog


everything before a table in HTML?!

Post 33

HappyDude

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)


everything before a table in HTML?!

Post 34

HappyDude

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.


Key: Complain about this post

everything before a table in HTML?!

Write an Entry

"The Hitchhiker's Guide to the Galaxy is a wholly remarkable book. It has been compiled and recompiled many times and under many different editorships. It contains contributions from countless numbers of travellers and researchers."

Write an entry
Read more