VERY Simple Template

[Paul White]

This template I made that I plan to release for free. I realize that it isn't very good, but I am looking for some CSS practice. I want to learn the basics and then get more complicated with it. I am not sure if this works in Internet Explorer since I use Firefox. If someone using IE could let me know, that would be great! Any comments would be great!

Here it is (http://65.98.35.234/~pc/templates/extract/index.html)

I plan on releasing it for free soon.:-)

[needlehost]

I like it, but.
1. Center the entire thing, for us on larger resoloutions.
2. In opera the text in your nav bar and copyright bar is scraping the bottom of the bar.
3. add some sort of background to the main bulk of the page, like I have on mine.

[stuffradio]

Yes, the text in the navigation and the footer needs to be aligned a bit better and change the font maybe. Otherwise it's pretty good

[Paul White]

Thanks for the information. I think the reason the nav and footer text are on the bottom is because I made it using FireFox. I will alos try some of your other suggestions! Thanks a lot!

[Kommercial]

You're off too a good start. I wish I could take the time to learn some coding, other than PHP.

[Paul White]

I wish I could take the time to learn some PHP...lol! Thanks

[Johnson]

I HATE the small text.

[iBrightDev]

boring and text is to small. center the form too.

[Nug]

I HATE the small text.
Have you tried posting someting nice?? others --> :bkick: <-- you

anyway nice site just well.. make the text bigger..:P

[iBrightDev]

also, then menu needs to be aligned properly

[Johnson]

Have you tried posting someting nice??

Yes, but only about sites I deem worthy.

[Blade1941]

Have you tried posting someting nice?? others --> :bkick: <-- you

Agreed, look at his reps too :/

Nice design, text could be alittle bigger, other than that it looks pretty good for a first time.

[Tree]

Agreed, look at his reps too :/

Oh shut it. Johnson is one of the most respected site reviewers. Friggin idiot.

[Johnson]

Thanks Tree. You see, many people cannot accept criticism other than "great stuper duoper siet!!!!~!!!1"

[iBrightDev]

Oh shut it. Johnson is one of the most respected site reviewers. Friggin idiot.
HELLZ YEAH TREE!!!!! If you can get respect from LiquidGoat aka Johnson (LG), then you are doing something right, and you shall be deemed a design GOD, till then keep krying and listen to what he as to say. May learn something. Till then, shut your pie holes and stop wining and get back to designing. give us something good to review that we can actually put a good number on. stop with the same old boring crap that we hav all seen 2,000,000 times.

[Blade1941]

Oh shut it. Johnson is one of the most respected site reviewers. Friggin idiot.

Well his reputation isin't any good, first of all you are supposed to be 24?

But you act like a dumb 8 year old kid, very mature and professional of you to say idiot to others when you're one yourself.

Smile because I've sent your naughty dummy boy some bad reps for your bad behaving.


HELLZ YEAH TREE!!!!! If you can get respect from LiquidGoat aka Johnson (LG), then you are doing something right, and you shall be deemed a design GOD, till then keep krying and listen to what he as to say. May learn something. Till then, shut your pie holes and stop wining and get back to designing. give us something good to review that we can actually put a good number on. stop with the same old boring crap that we hav all seen 2,000,000 times.

Eh, shut up he's just playing mean, and his reviewing isin't good because he's negative and you shall always be positive as a reviewer, so that's pretty noobish of you to say, and LEARN TO SPELL oh my god kids these days.

[spiralfive]

All he said was he hates small text, what's wrong with that? So do I. The navbar should be more visible. It's not your template, SSims should be the one responding to feedback.

Anyway, I think it looks great. Looks like a rounded version of the Invision Power Board template. :) You should center the body and make the navbar text larger. You could also surround the template with a solid white table and then use a textured background, like Yahoo! Answers (http://answers.yahoo.com/) does, and many others.

[Paul White]

Thanks for the feedback. I really like the diagonal lines in the background. I may consider using that like yahoo answers does. (Even though at the moment I am really mad at Yahoo...lmao) And a question...I am using absolute positioning...how can I center it? Thanks

[spiralfive]

Try This:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Company Name</title>
<link href="./styles/main.css" type="text/css"
rel="stylesheet">
<!--
This design produced by Paul White - http://pcheek.com
Copyright PCheek.com // Notice may not be removed!
-->
</head>
<body>
<table
style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td cellpadding="20"
style="width: 800px; height: 87px; background-repeat: no-repeat;"
background="./images/Untitled-1_01.gif">
<div id="header">
<p>Company Name
</p>
</div>
</td>
</tr>
<tr valign="top">
<td style="background-repeat: no-repeat;"
cellpadding="20" background="./images/Untitled-1_02.gif"
height="35" width="800">
<div id="navigation">
<center>
<p class="nav"><!-- Navigation Menu START --><font
color="black"><a class="nav" href="#">Home</a>&nbsp;-
<a href="#">About</a>&nbsp;-
<a href="#">Media</a>&nbsp;-
<a href="#">Blog</a>&nbsp;-
<a href="#">Contact</a>&nbsp;
</font><!-- Navigation Menu END --></p>
</center>
</div>
</td>
</tr>
<tr valign="top">
<td style="background-repeat: no-repeat;"
cellpadding="20" background="" height="100%"
width="800">
<p style="margin-top: 10px;"></p>
<center><font black="" color=""
face="verdana" size="0">
<div id="content" align="left">
<table border="0" cellpadding="0" cellspacing="0"
height="100%" width="780">
<tbody>
<tr>
<td style="margin-left: 20px;" align="left"
height="100%" valign="top" width="780">
<div id="content">
<p><!-- START MAIN CONTENT -->Hello, my
name is Paul White. I have created the template, Extract, for
free public use. Since it is free, I ask that you leave the link to my
site in the footer. This site was built for Mozilla Firefox, and may
not display correctly in other browsers. I have customized this so that
you can insert your own text, header, footer, and change all of the
links on the navigation bar. Editing the CSS stylesheet may help to
customize this for your own site, however since there are images,
changing the background color is not reccomended. Even if youdo change
the sytlesheet around, the footer link should stay. I hope you enjoy
this template, and if you end up using it, I would love to hear from
you! Send me an email { mail@pcheek.com } or visit my <a
href="http://pcheek.com">website</a>!
<!-- END MAIN CONTENT --><br>
<br>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</font></center>
<p></p>
</td>
</tr>
<tr valign="top">
<td style="background-repeat: no-repeat;"
cellpadding="20"
background="./images/Untitled-1_02.gif"
height="35" width="800">
<div id="footer">
<p class="foot"></p>
<center><font color="black" face="verdana"
size="0">Copyright 2006 Company Name Here - All Rights
Reserved
<!-- NOTICE MUST STAY INTACT FOR LEGAL USE {START} --> |
Design by <a href="http://pcheek.com">Paul White</a>
<!-- NOTICE MUST STAY INTACT FOR LEGAL USE {END} --></font></center>
<p></p>
</div>
</td>
</tr>
</tbody>
</table>
<!--
This design produced by Paul White - http://pcheek.com
Copyright PCheek.com // Notice may not be removed!
-->
</body>
</html>

[Paul White]

SpiralFive is a BEAST! lmao! Thanks a ton...now it looks really nice. :-)

http://65.98.35.234/~pc/templates/extract2/index.html

Thanks for the help!

[Methax]

nicee!!

[spiralfive]

Actually, you might want to go with this version: (corrects the vertical cell alignment problem)

http://spiralfive.miyahost.com/thepage.html

[Paul White]

Cool, Ill try that asap. I am currently switching hosts and still encountering small problems, but I will update it as soon as they are fixed! Thanks a ton.

[nathankang0]

i think he rushed on it. and the .css is to boring

[GeorgeB]

I will admit. Not the best that I have seen but if it is your first, then it is a start.