Stumped:: web HTML. Caution, may be OT.

Sat May 31 04:29:06 UTC 2008

On Fri, May 30, 2008 at 09:49:50PM +0100, Frank Shute wrote:
> On Thu, May 29, 2008 at 07:39:02PM -0700, Gary Kline wrote:
> >
	
	Questions on validation....
> > 
> > > 4.
> > > 
> > > Steal a simple page that validates:
> > > 
> > > http://www.shute.org.uk/miscellany.html
> > > 
> > > and use it as a template to hack on. Steal the style sheet too.
> > > 
> > > Validate your webpage as you go along with the w3c validator.
> > 


	When I typed in www.thought.org/x.html  AFTER having fixed 
	the <! comment errors -->, there were still 30 faults.
	The one that really got me was <TITLE> because that one looked
	100$ correct.  I deleted the META tags; no difference.  
	(( x.html == index.php )).

	I left the "doctype" on auto and the validator.w3.org couldn't
	parse my "-//w3c//dtd html 4.0 transitional//en" markup. The err:
	"the Document Type (-//w3c//dtd html 4.0 transitional//en) is not
	in the validator's catalog"  The index.php and index.html are 
	identical except for the php entry.  

	Any guesses why things like this blowup::


   <!doctype html public "-//w3c//dtd html 4.0 transitional//en" >
<HTML>
<HEAD>
   <TITLE>Thought Unlimited: www.thought.org</TITLE>
</HEAD>


> > 
> > > 
> > > 5.
> > > 
> > > A few tips:
> > > 
> > > Use <div>'s for layout, not tables.
> > 
> > 
> > 	i cannot // hhaven't made sense of <DIV> since I first saw it.
> > 	*This* may be where I've confused IE and Konq and it might be the
> > 	easiest way to create the layout that firefox gives me.
> 
> <div> essentially gives you a box which after setting properties like
> font size, background color, margins, position etc. with your
> stylesheet you can place on your page and then fill with graphics,
> text etc.
> 

	And using the CSS, am I right??   I began using the style sheets
	10, 10+ years ago.  Given that familiarity, it wouldn't be that 
	much of a jump to go back to that mode.  ( Besides, TABLE's 
	can be a serious PITA:)

	I used the website's tidy tool so I saw what I had to do in order
	to transition. I'll need to study the <DIV> stuff.  The important
	thing is that late this afternoon I learned that this stuff is
	rendered even under IE ...  


> Have a look at the source and style sheet of my contact page (at the
> bottom of this mail) to see how you can use them quite simply.
> 

	[[ ... ]]

> > 
> > 	I didn't understand you could hardwire a textsize; maybe I've
> > 	done it inadvertently ... 
> 
> Yeah, you can:
> 
> font-size: 16px
> 
> Use something like (in your style sheet):
> 
> font: italic 120% sans-serif;
> 
> where the 120% sets the size of the font relative to the browsers
> setting.
> 
> Say me default font is set to 20px in my browser, then in the former
> case the font will render at 16px and in the latter case at 22px.
> 
> I don't know if it's something you did with your pages but it's
> something you should be aware of.
> 

	Wel, I set <FONT SIZE="3"> and elsewhere <FONT SIZE="+2">
	Probably the same, come to think of it.


> > 
> > 
> > 
> > > 
> > > Keep an eye out for pages that look nice and validate. View source &
> > > then steal chunks of xhtml and css. 
> > > 
> 
	me thinks it's going to be a busy 2, 3 weeks, :)

	gary

> 

-- 
  Gary Kline  kline at thought.org   www.thought.org  Public Service Unix
        http://jottings.thought.org   http://transfinite.thought.org