html question Thread

	Posts
html question (Forums : Coding & Scripting : html question)		Locked
Thread Options
JigsawPieces Shut up, that's why.	Sep 24 2009 Anchor
JigsawPieces Shut up, that's why.	I know this is a game modding site, but I thought I'd ask here anyway. Recently I've been teaching myself html, as I want to learn to make my own webpages from scratch. Now I know generally more is required css, xhtml etc, but I'm just beginning at the moment with html documents on my computer. I've generally been learning from tutorials on the net and from looking at various page sources. However, there's a bunch questions I have that start something like this: "how do I...?" But I can only remember two at this point in time So here's the first question; I know how to divide the page vertically and horizontally with tables, but how do I make it set out like this image I quickly whipped up in mspaint? Is it possible to do that with tables? The second question is: how do I prevent text from changing its layout/format when the browser is resized? Everytime I experiment with different browser sizes the text bunches up to fit in the window. Examples would be welcome And I am sorry if this is posted in the wrong area.
Arxae Resident Stepmania Freak :D	Sep 26 2009 Anchor
Arxae Resident Stepmania Freak :D	xhtml = html kinda :p xhtml just says every tag should be closed, among other things, there is no functional difference don't know about the text but i can point you out to the layout (il say what you need to do, you look up how mkay? :p ) don't do it with tables, use divs make 4 divs: top, middle, bottom and side the side div should be made floating on the left and the rest should be sized as you see fit -- °w°
Muffinssi	Sep 26 2009 Anchor
Muffinssi	Feel a free to use these. Index.html: `<html> <head> <link rel="stylesheet" title="pohja" href="stylesheet1.css"/> </head> <body> <div id="content"> <div id="top"> Top </div> <div id="side"> Side </div> <div id="middle"> Middle </div> <div id="bottom"> Bottom </div> </div> </body> </html>` Stylesheet1.css: `#content { width: 1000px; height: 1024px; margin: 40px auto; } #top { width: 512px; height: 45px; margin: 10px 10px; border: 2px solid black; } #middle { width: 512px; height: 120px; } #bottom { width: 512px; height: 120px; margin: 10px 10px; } #side { width: 45px; height: 245px; float: left; margin: 0px 10px; border: 2px solid black; }`
JigsawPieces Shut up, that's why.	Sep 27 2009 Anchor
JigsawPieces Shut up, that's why.	Cheers, what you guys have suggested has certainly helped. Divs with css seems to be A LOT easier than tables everywhere Thanks
Arxae Resident Stepmania Freak :D	Sep 27 2009 Anchor
Arxae Resident Stepmania Freak :D	everyone who knows html know that div > tables for layout :p -- °w°
JigsawPieces Shut up, that's why.	Sep 27 2009 Anchor
JigsawPieces Shut up, that's why.	Everyone minus me Live and learn haha.
Spector WWIII	Sep 27 2009 Anchor
Spector WWIII	Sigma wrote: everyone who knows html know that div > tables for layout :p Oh that is so not true. I can't count how many websites I come across that use tables. =/ -- snetErz.com - Web Design Some guy in the space time continuum.