review form/white space/css please

[paulmo]

after two weeks playing with and often confused by wysiwyg kompozer and notetab light, i've finally got a basic handle on external css by using notepad and online tutorials...copied the doctype tag from notetab as i figured that's helpful for html 4 compliancy (??)
http://www.hedonismtoday.org

got some white space between image and form, can't seem to tighten it up. the form is an edited copy/paste, it calls up my email, but i'm hoping for a "direct" form or even better, a form/message that the sender can see instantly, that would scroll in a right floating cell (or table) with all sender comments--like in yahoo groups etc. suggestions please?

also, bottom "table" is really css "float." the border line is screwed up, and not sure why i can't get content text (right cell) to align left. trying to avoid tables as everyone says they're bad. should i keep learning this float method or make tables/classes in external css?

also, am i missing something with the other editors or is it better that i'm going "old school" here? this is an experimental page, just trying out ideas.

THANKS!

[paulmo]

well not that anyone's jumping to check my site but in case someone does, another problem...my external css is not applying to site, viewed at a friend's house anyway...it's still IE, can't tell what version, but none of the margins, fonts etc. are working the way they do when i'm on my computer.

help please thanks

[dtm32236]

<LINK REL="stylesheet" TYPE="text/css" HREF="C:\Documents and Settings\Owner\My Documents\web-test\fontstyle.css"/>

cause it's linked to your local computer.


and you don't need the />

that's only for XHTML

[dtm32236]

<H1></H1>
<h2></h2>

<p><img src="brucepaulribbon.gif"
width="600" height="250"><p/>
<h1>Music on the Move <br>
<a href="gravity1.mp3">Gravity</a></h1></p>

why are you using empty h1 and h2 tags?

and your closing <p>'s incorrectly (<p/>) and closing ones that never have an opening <p>...


<h3>Send a comment to hedonism today! <br>

Name:<br>
<input type="text" name="name"
value="" size="20">
<br>

Mail:<br>
<input type="text" name="mail"
value="" size="20">
<br>
Comment:<br>
<input type="text" name="comment"
value="" size="40">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">

</form>

<span>P</span>aul Mollomo and Bruce Merson will be appearing <a href="hedonismtest.htm">very shortly</a>

before your eyes in a capacity of trees and friendly surrroundings by brooks, streams, and hogosyslels. so that you will enjoy. </h3></p>

Header tags (H1-H6) should only be a brief line of text. You shouldn't have all of this inside a H3 tag.

Try validating (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.hedonismtoday.org%2Findex.htm) your site and fixing these errors up.

[paulmo]

dtm thanks for your feedback...funny how obvious some of it is... will try html tidy next.

[paulmo]

why is bremen bd bt but not the french font showing up on remote machine?

is there a list of fonts that will apply to every machine or am i doing something wrong?

[dtm32236]

web safe fonts:

http://www.azuremarketing.com/resources/learning/websafe_fonts.htm
http://www.vortex.co.uk/content/editorials/typography/typeboxes/webfontbox.html

Bremen BD BT isn't going to work on other people's machines.

[dtm32236]

but then, with CSS you can change many of the font properties (http://www.w3schools.com/css/css_font.asp)

[paulmo]

cool thanks will dumb down my fancy fonts...too bad that the choices are so limited. would've thought different...