Html

quagmondo23 · 05-23-2008, 05:51 PM

I am getting to the stage of creating sites with html. I want to have a navbar on top and text in the middle of the page. How do i position things?
Oh, and i use css. I find position:absolute takes to much time and effort

g4m3rof1337 · 05-23-2008, 07:09 PM

Can you use a WYSIWYG Editor?

quagmondo23 · 05-23-2008, 07:52 PM

I can, but won't (spelling???)

Punk · 05-23-2008, 08:33 PM

You have two options:

1) Frames: users can resize them, it looks ugly, bad choice. <frames>

2) Tables: This is the most common used skeleton of websites.
Here is a tutorial:
http://www.w3schools.com/html/html_tables.asp

I never used CSS so I can't help you on this but you don't have and I don't think you can code everything in CSS...

quagmondo23 · 05-23-2008, 08:38 PM

Hey punk
thanks, I know you can't code everything is css but I thought there would be an easier alternative.

Punk · 05-23-2008, 08:43 PM

Tables is the easiest in my opinion

**Cromewell** · 05-23-2008, 10:16 PM

I agree, using tables to position everything is fairly fast and easy.

Dropkickmurphys · 05-24-2008, 02:03 AM

tables are quick and easy, but arent a great way to build a website, they make it slightly slower to load etc...

with CSS you need to make sure you are seperating the Code into sections (e.g. Top, Maintext, Navbar, Footer etc...) then you can use the CSS code to float the navbar to the left (or top), add padding etc...

also use CSS for any colour / fonts you use.

quagmondo23 · 05-24-2008, 10:37 AM

By separating the code, do you mean mentally? If not, how?

I am just learning CSS and am trying to get to grips with it.

Dropkickmurphys · 05-24-2008, 10:46 AM

by using code such as (this goes in the HTML doc)

Code:

<div id="content"></div>

you can then make an Id selector section in your css code such as (this goes in the CSS doc)

Code:

#content{
	font-family: arial;
	text-align: left;
	padding-right: 2em;
	margin-left: 12em;
}

from this you can choose where to put your Navbar etc on the page. though if you want to do it with tables etc... youre better off using dreamweaver (or similar)... and doing it all in HTML.

make sure you use the w3schools website to help, its very useful.

05-23-2008, 05:51 PM	#1 (permalink)
quagmondo23 Platinum Member Join Date: Sep 2007 Location: At My Computer, In My Room, In My House, In My Town, In My County, In My Country, Which Is Ireland Posts: 847	Html I am getting to the stage of creating sites with html. I want to have a navbar on top and text in the middle of the page. How do i position things? Oh, and i use css. I find position:absolute takes to much time and effort __________________ Wikipedia was made in the same time it takes 100,000 people to watch the super bowl. if this means something to you, put this in your profile If you can see this, you have WAY TOO much time on your hand. Or you're a mod going through my sig. But if you do, copy and past this in your sig.

05-23-2008, 07:09 PM	#2 (permalink)
g4m3rof1337 Diamond Member Join Date: Sep 2006 Location: Illinois Age: 100 Posts: 8,461	Can you use a WYSIWYG Editor? __________________ Desktop/Laptop nForce 750i SLI FTW E8400 @ 4.05GHz Water Cooled/ T8100 @ 2.10GHz Two XFX 512MB 8800GTs with Accelero S1's / Two 512MB 8600GTs RaidMax 700Watt OCZ 4GB/ 2GB WD 500GB,200GB,80GB/ 320GB Sceptre 20.1'' or 32'' Sharp Aquos HD LCD/ 17'' Widescreen G15, MX518, N52TE/ 4 Harmon/Kardon Speakers w/ Sub.

05-23-2008, 07:52 PM	#3 (permalink)
quagmondo23 Platinum Member Join Date: Sep 2007 Location: At My Computer, In My Room, In My House, In My Town, In My County, In My Country, Which Is Ireland Posts: 847	I can, but won't (spelling???) __________________ Wikipedia was made in the same time it takes 100,000 people to watch the super bowl. if this means something to you, put this in your profile If you can see this, you have WAY TOO much time on your hand. Or you're a mod going through my sig. But if you do, copy and past this in your sig.

05-23-2008, 08:33 PM	#4 (permalink)
Punk Diamond Member Join Date: Jan 2007 Location: France Age: 18 Posts: 5,008	You have two options: 1) Frames: users can resize them, it looks ugly, bad choice. <frames> 2) Tables: This is the most common used skeleton of websites. Here is a tutorial: http://www.w3schools.com/html/html_tables.asp I never used CSS so I can't help you on this but you don't have and I don't think you can code everything in CSS... __________________ Punk's anti-hackers website Punk's Website making and registering tutorial! Rise And Fall, Rage And Grace The Offspring! Huck it! I just want to be who I want to be guess that's hard for others to see

05-23-2008, 08:38 PM	#5 (permalink)
quagmondo23 Platinum Member Join Date: Sep 2007 Location: At My Computer, In My Room, In My House, In My Town, In My County, In My Country, Which Is Ireland Posts: 847	Hey punk thanks, I know you can't code everything is css but I thought there would be an easier alternative. __________________ Wikipedia was made in the same time it takes 100,000 people to watch the super bowl. if this means something to you, put this in your profile If you can see this, you have WAY TOO much time on your hand. Or you're a mod going through my sig. But if you do, copy and past this in your sig.

05-23-2008, 08:43 PM	#6 (permalink)
Punk Diamond Member Join Date: Jan 2007 Location: France Age: 18 Posts: 5,008	Tables is the easiest in my opinion __________________ Punk's anti-hackers website Punk's Website making and registering tutorial! Rise And Fall, Rage And Grace The Offspring! Huck it! I just want to be who I want to be guess that's hard for others to see Last edited by Punk; 05-23-2008 at 10:20 PM.

05-23-2008, 10:16 PM	#7 (permalink)
Cromewell Moderator Join Date: Dec 2004 Location: Canada Age: 25 Posts: 10,425	I agree, using tables to position everything is fairly fast and easy. __________________ You know what the chain of command is? It's the chain I go get and beat you with 'til ya understand who's in command here. www.userfriendly.org

05-24-2008, 02:03 AM	#8 (permalink)
Dropkickmurphys Diamond Member Join Date: May 2005 Location: Worthing, UK (Uni at Kent) Age: 19 Posts: 1,965	tables are quick and easy, but arent a great way to build a website, they make it slightly slower to load etc... with CSS you need to make sure you are seperating the Code into sections (e.g. Top, Maintext, Navbar, Footer etc...) then you can use the CSS code to float the navbar to the left (or top), add padding etc... also use CSS for any colour / fonts you use. __________________ Intel Core2 Quad Q6600 2.4Ghz (OC @ 2.9GHz) Gigabyte P35C-DS3R motherboard 2GB 6400 DDR240 RAM 512Mb Geforce 8600GT OC'd (Hoping for a 9800GT soon) 500GB Seagate 7,500RPM HDD Lite-on 20x DVD+RW OCZ GameXStream 600W PSU CoolerMaster Black Centurian 534 Case Samsung 19" 1440x900 SyncMaster 940BW monitor / Samsung 19" 1440x900 TV Dual Booting: Windows XP Proffessional SP2 / Windows Vista Business SP1

05-24-2008, 10:37 AM	#9 (permalink)
quagmondo23 Platinum Member Join Date: Sep 2007 Location: At My Computer, In My Room, In My House, In My Town, In My County, In My Country, Which Is Ireland Posts: 847	By separating the code, do you mean mentally? If not, how? I am just learning CSS and am trying to get to grips with it. __________________ Wikipedia was made in the same time it takes 100,000 people to watch the super bowl. if this means something to you, put this in your profile If you can see this, you have WAY TOO much time on your hand. Or you're a mod going through my sig. But if you do, copy and past this in your sig.

05-24-2008, 10:46 AM	#10 (permalink)
Dropkickmurphys Diamond Member Join Date: May 2005 Location: Worthing, UK (Uni at Kent) Age: 19 Posts: 1,965	by using code such as (this goes in the HTML doc) Code: <div id="content"></div> you can then make an Id selector section in your css code such as (this goes in the CSS doc) Code: #content{ font-family: arial; text-align: left; padding-right: 2em; margin-left: 12em; } from this you can choose where to put your Navbar etc on the page. though if you want to do it with tables etc... youre better off using dreamweaver (or similar)... and doing it all in HTML. make sure you use the w3schools website to help, its very useful. __________________ Intel Core2 Quad Q6600 2.4Ghz (OC @ 2.9GHz) Gigabyte P35C-DS3R motherboard 2GB 6400 DDR240 RAM 512Mb Geforce 8600GT OC'd (Hoping for a 9800GT soon) 500GB Seagate 7,500RPM HDD Lite-on 20x DVD+RW OCZ GameXStream 600W PSU CoolerMaster Black Centurian 534 Case Samsung 19" 1440x900 SyncMaster 940BW monitor / Samsung 19" 1440x900 TV Dual Booting: Windows XP Proffessional SP2 / Windows Vista Business SP1

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
html help	Dr Studly	Internet Discussion	6	05-27-2008 10:10 PM
Using Flash Drop Down Menu with html website	tanglang43	General Software	0	11-26-2006 05:21 PM
any other storage sites that give you an html when loading music?	blahxyzblah	Internet Discussion	0	09-24-2006 05:08 PM
getting HTML emails when "plain text" will do	Eric Richards	General Computer Chat	13	08-03-2006 10:40 PM
Random HTML, how to do it on website.	flame1117	Internet Discussion	24	08-03-2005 09:50 PM