desiging a website

@ecrossNov 24.2003

I’m tring to create a personal website and found a layout that I like. The only problem is I want to do away with CSS and use all HTML and no JavaScript on the page. The site is shaunakelly.com and has a pretty cool layout except it has a black background. I want a white background instead.

I just want the layout. If you look at the page, it has a border in the table that kinda looks like a 3d effect not exactly sure how the person did it.

The format reminds me of something like this:

<html>
<head><title>My Page</title></head>
<body bgcolor=”#ffffff”>
<table border=”0″ cellpadding=”1″ cellspacing=”1″><tr><td></td></tr></table>
<!–Another table here–>
<table border=”0″ cellpadding=”1″ cellspacing=”1″><tr><td></td><td valign=”top”></td></tr></table>
</body>
</html>
Any help on this would be great!

to post a comment

HTML

6 Comments(s) _↴

@soccer362001Nov 24.2003 — #KEEP the CSS it is valuable. And don't use table for layout use CSS.

@ShtoNov 24.2003 — #ok so what you want to do is know how they did a few things on the site right. Well first off I advise that you come up with your own idea and play around until you find something you like but if you really want to know how they are doing it right click and go to view source. Most people don't care if you look at the source code of the page they made and if they do they will block you from viewing it. This is a good way to get code and figure out how it works and how things are done.

<table border="2" cellpadding="1" cellspacing="1" bordercolor="#666666" bgcolor="#000000"><tr>

<td bordercolor="#000000" bgcolor="#000000"><font color="#FFFFFF">blah blah

blah</font></td>

</tr></table>



<table border="0" cellpadding="1" cellspacing="1"><tr><td></td><td valign="top"></td></tr></table>

@ecrossauthorNov 25.2003 — #I've looked at the source and noticed it has bunch of <DIV> tags. Should I use these or replace them with something else? I think previous browsers doens't support this tag.

@ShtoNov 25.2003 — #you just have to play with it and see what you like. I use them sometimes but sometimes they mess up the way I want my page to look so I take them out. If you want to figure out something on the page you are looking at when you click on view source copy everything from the page and then paste it in to your html editor on a new page. View it and then start to take stuff out so you can figure out how things were done. Like the border you like find it in the code and play with it. Here is a clean set of the code you are looking at I took out some stuff but you will still need to play with it.



<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<HEAD>

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

<title>ShaunaKelly.com</title>

<meta name="keywords" content="Shauna Kelly, home page, Microsoft, Word, tutorial, help, FAQ, beginners, beginner, learn">

</head>

<body>

<div Class=TopBanner id=Left>
   <img src="images/skbannerlogo.jpg" alt="Shauna Kelly home page" width="700px" height="70px">
   <p id=TopBannerRules>&nbsp;</p>
  </div>
  <div Class=TopBanner id=Right>
   <p id=TopBanner>&nbsp;</p>
   <p id=TopBannerRules>&nbsp;</p>
  </div>

 <H2 style="margin-top: 12px;">On this site</H2>
 
   <a href="word/index.html" Title="Make the most of Word in your business: Table of contents for the Word FAQ">
   <p >
   <img style="float: left;  border: 1px solid white;" src="images/skwordlogo_icon.gif" alt="Make the most of Word in your business: Table of contents for the Word FAQ" width="57" 
  height="38">
   Microsoft Word FAQ
   </p>
   </a>
 
   <br style="clear: left; font-size: 1px;">

 <a href="photography/index.html" Title="Nothing to do with Word! This is a cheetah I photographed while on holidays in Namibia. Click here for photos of travels to various places.">
   <p>
   <img style="float: left; border: 1px solid white;" src="images/CheetahIcon.jpg" 
   alt="Nothing to do with Word! This is a cheetah I photographed while on holidays in Namibia. Click here for photos of travels to various places." width="57" height="53">
   Travel Photos &nbsp;
   </p>
   </a>
 
   <br style="clear: left; font-size: 1px;"> 
 
   <p style="margin-top: 10px;">
   <a Title="Email me" href="word/contact/index.html">
   Shauna Kelly
   </a>
   </p>
   <p>www.ShaunaKelly.com</p>
 
   <p style="margin-top: 10px;">Site last updated</p>
   <p>November 2003</p>
 
   <p style="margin-top: 10px;">All content, including all text and images, is 
   <a href="word/disclaimer/disclaimer.html">copyright</a>
   Shauna Kelly. No use without written permission is authorized. 
   </p>
 
  </div>
 
  <div class=HomePageContent >
 
   <div id=MakingTheMost  >
   <a href="word/index.html" title="Microsoft Word FAQ: Table of contents" >
   <img src="images/skwordlogo_ForHomePage.jpg" width="500" height="150" alt="Making the most of Word in your business

Click to go to the Word FAQ on this site"></a>

</div>

 <div id=WordNews >
 
 
   <a id=MVPLogo href="http://www.microsoft.com/mvp" 
   Title="Microsoft awarded Shauna Kelly the Most Valuable Professional award for 2003 and 2004." >
   <img src="images/MVPLogo_Transparent.gif" 
   width="110" height="96" 
   alt = "Microsoft has recognized Shauna Kelly as a Most Valuable Professional for Word. Click here for information about the MVP Award and MVPs." 
   ></a>
 
   <H1 title="News about Microsoft Word.

Hover over the text to pause the scrolling" >Microsoft Word news</H1>

 <p id=ScrollingNews><SCRIPT LANGUAGE="JavaScript">Tscroll_init (0)</SCRIPT></p>
   </div>
 
  </div>
  </div>
 
  <div Class=HomePageBottomBar id=HomePageBottomBarRight>&nbsp;</div>
  <div Class=HomePageBottomBar id = HomePageBottomBarLeft >&nbsp;</div>

</body>

</html>

@ecrossauthorNov 25.2003 — #That's pretty much what I did and removed the JavaScript stuff too.

@ShtoNov 25.2003 — #So now just play with it that is the great thing about html you can see what it looks like at any time just save and load it if you don't like it change it.

Also in #HTML _↴

I'm at a loss, ideas please!?Overriding default values in input text-boxes - and saving them "paging example..."

Success!

Help @ecross spread the word by sharing this article on Twitter...

Tweet This

desiging a website

6 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

desiging a website

6 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #HTML _↴