Welcome Guest ( Log In | Register)



2 Pages V   1 2 >  
 Reply to this topicStart new topic
> How do you make a 3 column with head and footer with css?
ngawangdorjee86
post Dec 17 2004, 06:00 PM
Post #1





Guests
Can you please give me the code? I have a web site and i am in a need of layout. Not much people are coming to my site because of html tables. I know html very good but not css. That the i am really having trouble with so if you could help me and give me the code i would really appreciate and thank you for doing a generous act.
(list)

Go to the top of the page
 
+Quote Post
skyglow1
post Dec 17 2004, 07:11 PM
Post #2





Guests
I can write the code for you, I just need more information like the width, height, color, etc.

skyglow1
(list)

Go to the top of the page
 
+Quote Post
ngawangdorjee86
post Dec 17 2004, 10:10 PM
Post #3





Guests
I would like the main body table to be 800 in width and both of the side naviation table to be in 200 in width. Total width would be 1200. I want my header to be 1200 in length. I want the height at 1800 for all of the table. I want the footer to be 1200 in width too as same as the header. Thank you very much for replying. I really appreciate it. I thank you very much. Thanks! biggrin.gif
(list)

Go to the top of the page
 
+Quote Post
abajan
post Dec 18 2004, 01:57 AM
Post #4





Guests
Stu Nicholls dreams about CSS day and night! You'll probably find help on your layout at his site. 8)
(list)

Go to the top of the page
 
+Quote Post
Winbots
post Dec 18 2004, 02:13 AM
Post #5





Guests
ehh, this isnt CSS, it is HTML, but
CODE


<HTML>

<HEAD>

<TITLE>



MY COOL TITLE GOES HERE!



</TITLE>

</HEAD>

<BODY>

<CENTER>

<TABLE BORDER=1 HEIGHT="100%" WIDTH="100%">

<TR>

<TH COLSPAN=3>



MY COOL HEADER HERE!



</TH>

</TR>

<TR>

<TD WIDTH="33%">



MY COOL COLUM #1 TEXT GOES HERE



</TD>

<TD WIDTH="34%">



MY COOL COLUM #2 TEXT GOES HERE



</TD>

<TD WIDTH="33%">



MY COOL COLUM #3 TEXT GOES HERE



</TD>

</TR>

<TR>

<TD COLSPAN=3>

<H6>



MY COOL FOOTER GOES HERE!



</H6>

</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>


just change the text smile.gif
(list)

Go to the top of the page
 
+Quote Post
skyglow1
post Dec 18 2004, 04:24 AM
Post #6





Guests
QUOTE
ehh, this isnt CSS, it is HTML, but
CODE


<HTML>

<HEAD>

<TITLE>



MY COOL TITLE GOES HERE!



</TITLE>

</HEAD>

<BODY>

<CENTER>

<TABLE BORDER=1 HEIGHT="100%" WIDTH="100%">

<TR>

<TH COLSPAN=3>



MY COOL HEADER HERE!



</TH>

</TR>

<TR>

<TD WIDTH="33%">



MY COOL COLUM #1 TEXT GOES HERE



</TD>

<TD WIDTH="34%">



MY COOL COLUM #2 TEXT GOES HERE



</TD>

<TD WIDTH="33%">



MY COOL COLUM #3 TEXT GOES HERE



</TD>

</TR>

<TR>

<TD COLSPAN=3>

<H6>



MY COOL FOOTER GOES HERE!



</H6>

</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>


just change the text smile.gif


No he doesnt want 100% width, he wants 1200 in width. Your percentage values for the width are also wrong, the body is much wider than the side navigation. He wants 1800 altogether in height as well.

Here is the code you put in your CSS file called "layout.css":

CODE
#header { position:absolute; top:0; left:0; width:1200; height:200; border-style:solid; border-width:1; }

#footer { position:absolute; top:1600; left:0; width:1200; height:200; border-style:solid; border-width:1; }

#nav1 { position:absolute; top:200; left:0; width:200; height:1400; border-style:solid; border-width:1; }

#nav2 { position:absolute; top:200; left:1000; width:200; height:1400; border-style:solid; border-width:1; }

#body { position:absolute; top:200; left:200; width:800; height:1400; border-style:solid; border-width:1; }


In your index.html, or home page, put this:

CODE
<HTMl>

<HEAD>

 <LINK rel="stylesheet" type="text/css" href="layout.css" title="default">

</HEAD>



<BODY>



 <DIV id="header">

  Stuff for Header

 </DIV>



 <DIV id="nav1">

  Stuff for the left nav bar

 </DIV>



 <DIV id="body">

  Stuff for the body

 </DIV>



 <DIV id="nav2">

  Stuff for the right nac bar

 </DIV>



 <DIV id="footer">

  Stuff for the footer

 </DIV>



</BODY>



</HTML>


Here is what this code looks like, as a test:

http://www.skyglow1.freenukehosting.com/test.html

I am assuming the header is 200 in height, please tell me what it should be. Any changes you want, just ask. Also I need height of the footer at the bottom. If you don't like the border then tell me. Or if you don't want to seperate files then say that. ^^

skyglow1
(list)

Go to the top of the page
 
+Quote Post
ngawangdorjee86
post Dec 18 2004, 04:51 PM
Post #7





Guests
I mean thanks for helping me. I appreciate it man. I really thank you for helping me. Now visitors will come and visit my web site. You have made me happy. God bless you. Do you know how to log into our account. I just got my hosting and i don't know how to log into my account and start making my web site. Where do you go to log into our web site account?
(list)

Go to the top of the page
 
+Quote Post
skyglow1
post Dec 18 2004, 07:30 PM
Post #8





Guests
You might want to ask that question in another forum and other people will give oyu answer there.

skyglow1
(list)

Go to the top of the page
 
+Quote Post
mortalmatt
post Dec 20 2004, 08:23 PM
Post #9





Guests
thanks for the example with css, i have not done much with css before, this will be helpful to me as well smile.gif
(list)

Go to the top of the page
 
+Quote Post
Unicorni
post Dec 21 2004, 07:26 PM
Post #10





Guests
Hi,
You can find some nice examples here:
Paul O'Brien,
Cleva Treva
Redmelon
(list)

Go to the top of the page
 
+Quote Post
« Next Oldest · General Talk · Next Newest »
 

2 Pages V   1 2 >
Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Key Logger.(36)
  2. Making Money Creating Logo's(19)
  3. A Pretty Good Easy Way To Make Some Money(21)
  4. Why Dont Have Burnout Games For Pc?(12)
  5. Make Your Own Mmorpg(41)
  6. How To Make A Web Browser(49)
  7. Signature Tutorial(25)
  8. How Do I Make Gold Fast In Runescape/(126)
  9. Windows Vista Tranformation Pack(75)
  10. How Do I Make A Website(20)
  11. Make Money Online!(17)
  12. Make Calls From The Internet?(8)
  13. Best Ways To Make Money In Runescape(12)
  14. How To Make A Counter Strike 1.6 Dedicated Server(16)
  15. Runescape Private Server(69)
  1. How To Get A Girl That Has Refused You(12)
  2. What Kind Of Car Do You Have?(26)
  3. Help Creating A Profile Website(13)
  4. Budding Java Game Developers?(9)
  5. How To Make A Website ?(11)
  6. How To Make Your Own Counter Strike Source Dedicated Server!(34)
  7. Paypal(10)
  8. Make Money Using Chacha(12)
  9. Making A Screenshot(3)
  10. File Sharing Hosts!(3)
  11. Make Free Money Online(2)
  12. How To Make Image Buttons Act As Submit Button(8)
  13. Make An Extra $50 Or More Per Day!(5)


 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 6th September 2008 - 02:28 AM
Powered By IP.Board © 2008  IPS, Inc.
Licensed to: Xisto Corporation