Hi, Guest ~ Login or Register

It is giving me an headache

Posted in Website Designing » Layouts and Templates - Tuesday 22nd January 2008 at 8:31AM

Mehlkraut
Member

User Avatar

Joined January 2008
Posts: 3

Hey guys,

A few days ago I came up with a pretty simple, yet colorful design for my soon to be website.

Only thing that is missing is my lack of CSS and xHTML skills, I've read a dozen of tutorials already but I think I keep missing the point. I've already sliced a few bits and pieces (top leftcorner, topborder, top rightcorner, logo, navbar etc) but it doesn't seem to get me anywhere

This is my design: http://www.joshuaboyd.nl

Could someone help me out, give me a gentle push in the right direction, or something like that?

Thanks a lot,

Joshua
The Netherlands

__________________________________
 

Replies (7)

Replied - Tuesday 22nd January 2008 at 10:19AM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124
If you're happy for a link to my site at the bottom, I would be happy to code that for you.

__________________________________
My Personal Portfolio Site
 
Replied - Tuesday 22nd January 2008 at 11:03AM [Post Link]

Will
Administrator

User Avatar

Joined October 2005
Posts: 128
You're right, that does look very colourful and vibrant.. check out http://www.cssslicingguide.com/ for a bit of help.

__________________________________
Will Morgan
Freelance Web Developer
Next feature: How to fit 25 hours into a day!
 
Replied - Tuesday 22nd January 2008 at 11:50AM [Post Link]

Mehlkraut
Member

User Avatar

Joined January 2008
Posts: 3
@ Alec: That would be great. Only problem is, I really want to learn how to do it myself. If you could add me on MSN (if you use that) and take me through the process of slicing and coding I would be delighted to place a link to your portfolio site at the footer.

Add me: joshuaboyd@live.nl

__________________________________
 
Sponsored Link
Replied - Tuesday 22nd January 2008 at 2:35PM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124
Mehlkraut you're right. I do use MSN, but Will's site he mentioned above would do a better job on teaching you. And you wouldn't have to place a link to me on the bottom ;)

__________________________________
My Personal Portfolio Site
 
Replied - Tuesday 22nd January 2008 at 3:44PM [Post Link]

Mehlkraut
Member

User Avatar

Joined January 2008
Posts: 3
I don't get it, I don't even get the most simple codes to work properly

The CSS code:

#container {
width: 810px;
text-align: center;
}

#logo {
background: #FFF url('layout/logo.gif');
}

And here's the HTML page;

<html>
<head>
<title>
Joshua Boyd's Persoonlijke Website
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="logo"></div>

</div>

</body>

</html>

What am I doing wrong?

__________________________________
 
Replied - Tuesday 22nd January 2008 at 7:13PM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124
What you're doing wrong is umping ahead of the gun. Read the slicing guide carefully, and you will understand.

__________________________________
My Personal Portfolio Site
 
Replied - Wednesday 23rd January 2008 at 9:58PM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113
alec is right, youre simply missing bits which you havent learned need doing. so go to cssslicingguide and do it from start to finish. or buy one of http://sitepoint.com 's css books.

__________________________________