step-by-step design - Graphic Design Forum and Web Design Forum

dannynosleeves · #1 (**permalink**) 13-06-2007, 03:36 AM

Ok... this idea could either be really annoying or really cool....

Im working on redoing my portfolio page, but I want to make sure I have picture purfect CSS. So, what I was thinking is I could work on the site in incriments and and have people comment and critique it along the way. For example...

Right now Im starting with a basic style sheet, html page, and the header.

Id have the GDF community take a look at it, and I would fix/learn as we go.

Next I might work on the main container and so on and so forth.

What do you think? Does this sound like a neat idea or way too much work for everyone? I dont want to be "that guy." So, if its a stupid idea, be nice and I'll bow out gracefully.

If you are intrested, heres the page...

Toon · #2 (**permalink**) 13-06-2007, 05:27 AM

Sounds like a decent idea, all seems ok so far

dannynosleeves · #3 (**permalink**) 13-06-2007, 12:41 PM

Awesome. Glad you think it might be a good idea.

I have now added the "main-contain" area which is where all the content will be going.

website

I think the css is correct for this. Yes?

Code:

#main-contain {
	background-image:url(images/main-con-bg.png);
	height:1000px;
	margin:auto;
	width:790px;
	}

I could use some design advice though....I dont like how the bottom of the header and the main-contain look where they meet. Any ideas there?

Kelly Creative · #4 (**permalink**) 13-06-2007, 01:24 PM

Quote:

Originally Posted by dannynosleeves

Awesome. Glad you think it might be a good idea.

I have now added the "main-contain" area which is where all the content will be going.

I think the css is correct for this. Yes?

I could use some design advice though....I dont like how the bottom of the header and the main-contain look where they meet. Any ideas there?

One word of advice if you're going to post like this.

Post the code and css in the box, using the button called code #.

And always post the link everytime otherwise people have to go back to the first post to find it.

ianm · #5 (**permalink**) 13-06-2007, 01:31 PM

your header seems to come tp a sharp edge against the the white and main content elements, also the white seems to contrast too much against the rest of the design. maybe look for a more continuous flow of the style

dannynosleeves · #6 (**permalink**) 13-06-2007, 01:31 PM

done and done. Thanks for the forum tip.

dannynosleeves · #7 (**permalink**) 13-06-2007, 01:32 PM

Quote:

Originally Posted by ianm

your header seems to come tp a sharp edge against the the white and main content elements, also the white seems to contrast too much against the rest of the design. maybe look for a more continuous flow of the style

I havent decided on a body background yet. It wont stay white for sure. Any ideas for the background?

Mack · #8 (**permalink**) 13-06-2007, 02:57 PM

Close your link tag.

line 5 column 1 - Warning: <link> element not empty or not closed

should have a /> at the end.

ianm · #9 (**permalink**) 13-06-2007, 03:08 PM

Quote:

Originally Posted by dannynosleeves

I havent decided on a body background yet. It wont stay white for sure. Any ideas for the background?

personal preference would be a shade of the red there as the background and the darker shade as your content box or vice versa, just try a few things out, you should use a colour scheme tool.

these are good for what you got there, except for the brown/black

dannynosleeves · #10 (**permalink**) 14-06-2007, 01:34 PM

I know this is wrong, but Im not sure what I should do.

I want the picture to sit in the top right hand corner of the main-contain div, slightly overlapping the shotgun shells and hanging off the right edge a little.

(scroll down to see image)

The webpage

CODE:

Code:

HTML
<body>

<div id="header"></div>
<div id="main-contain"></div>
<div id="self-portrait"></div>

</body>

CSS
#self-portrait{
	background-image:url(images/self-portrait.png);
	height:310px;
	width:450px;
	position: relative;
	top: -25px;
	left: 700px;
	}

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
Learning CSS - Step 1- The Basics	Graphic Design Network	CSS Forum	1	15-05-2008 11:56 AM
12 Step guide to SUCK at web design	tommylogic	Off Topic	5	26-03-2008 03:12 PM
The STEP Best of Web Design 2008 competition	Graphic Design Links	Graphic Design Links	0	12-02-2008 07:30 PM
The STEP Best of Web Design 2008 competition	Graphic Design Blog	Graphic Design Blog	0	06-02-2008 08:50 AM
Learning CSS - Step 1 - The Basics	Mack	CSS Forum	4	10-07-2007 11:27 PM