[WIP] School project (Work in progress)

During last friday's ID (Interactive design) class we were assigned to design and code a portfolio in 2 weeks, had the design done the first day, and started the code earlier today, got some help from Aziz/Z3ZO though, to get stuff all web standard in the css.

Anyway,

This is the homepage concept:
http://i53.tinypic.com/x38v35.jpg
As you see it's just something simple, yet visually pleasant, there is no special targetgroup for this "portfolio project" since it's just for the teacher and the people judging the project in a few months, when the points will be awarded.

I'm coding it live here:
Naamloos document

I'm guessing a few days left till all is done, besides the homepage, the portfolio is the only 1 that requires alot of coding, but i am planning to make that in flash, after being inspired by Aziz' new portfolio (Aziz Natour - Official Website).

Hopefully i get it done in time and all working, ill be updating this thread.

Later,

Whoever coded the navigation he coded it wrong >.>

Goodjob , good luck at it all :)

Looks good from what I can see, best of luck with it :)

Quote:

---

Originally Posted by Zeaos

Whoever coded the navigation he coded it wrong >.>

---

Elaborate,

the only thing that shouldn't be in the list navbar are the two items that do not serve as an actual link, I'll get to that later, just didn't feel like working on it further. The beginbutton and endbutton dont meet the web standards atm, just the visual part.

Quote:

---

Originally Posted by EnhancedGFX

Elaborate,

the only thing that shouldn't be in the list navbar are the two items that do not serve as an actual link, I'll get to that later, just didn't feel like working on it further. The beginbutton and endbutton dont meet the web standards atm, just the visual part.

---

I mean , Look at the home button and the other buttons when you click them they have different style , if you want me to code them as the home button pm me.

Quote:

---

Originally Posted by Zeaos

I mean , Look at the home button and the other buttons when you click them they have different style , if you want me to code them as the home button pm me.

---

You do know that the homebutton doesnt have that because your already on the homepage, right? And i think that if i figured out to the rest, that little one wouldn't be a problem, thank's for the offer though.

When your on a other page, Ie. biography, biography will be dark blue and the others will be highlighted when you hover over em, i haven't yet made any :active effects because i haven't yet showed interest to that, i am planning to do so though, in half an hour.

Quote:

---

Originally Posted by EnhancedGFX

You do know that the homebutton doesnt have that because your already on the homepage, right? And i think that if i figured out to the rest, that little one wouldn't be a problem, thank's for the offer though.

When your on a other page, Ie. biography, biography will be dark blue and the others will be highlighted when you hover over em, i haven't yet made any :active effects because i haven't yet showed interest to that, i am planning to do so though, in half an hour.

---

Oh ok then.
and good luck

its not in the middle for me (chrome, opera and firefox resolution: 1280x1024)

Quote:

---

Originally Posted by jur13n

its not in the middle for me (chrome, opera and firefox resolution: 1280x1024)

---

Could you give me a screenshot so i can look where it is then.
The position should betray where the error is at.

Seems really good. :P Good luck.

its not coded wrong just not too good.. the way i do is make one big image with all the buttons in that image (included their normal state and the hover effect) and then just change the background position for each image, and change the background position after you go over it

if you want an example i would be happy to give you one

Quote:

---

Originally Posted by Bonitão

its not coded wrong just not too good.. the way i do is make one big image with all the buttons in that image (included their normal state and the hover effect) and then just change the background position for each image, and change the background position after you go over it

if you want an example i would be happy to give you one

---

you mean using sprites? all that i'ma do later, right now the first objective is to get it all visually done, and the divs n all sorted, later the retouches can be done such as the usage of sprites etc for the buttons, hover/active effect etc

Suggestion for navigation:
Make one image with all links and hover. Then position background for each link. Simple, easy and makes life easier. Also you don't have .5 seconds hover image load

Quote:

---

Originally Posted by jM2.me

Suggestion for navigation:
Make one image with all links and hover. Then position background for each link. Simple, easy and makes life easier. Also you don't have .5 seconds hover image load

---

thats what the other guy suggested, thanks for your suggestion aswell but i already answered to that, i shall use the sprite method you speak off later when i got the other content done, which is my main objective now, for tomorrow.

Nice job, very prolar, and gl in school

The live demo and the screenshot look different. Not sure if it's just my browser

Quote:

---

Originally Posted by Typhoid

The live demo and the screenshot look different. Not sure if it's just my browser

---

Now you mention it i too notice an untasty color difference in the top bar. /will fix

I Love your work man.

gay the project's assignments changed a little so i had to toss around some stuff, and edit some stuff in the design, i will post the progress the coming week as we hear more about what we have to do.

I hate it when people are being unclear.[COLOR="Silver"]

---------- Post added at 01:12 PM ---------- Previous post was at 01:07 PM ----------
[color]

Anyway,

This is the homepage concept:[/B]
http://i54.tinypic.com/10zxzb5.jpg

as you see it is different then at first and i have to play around with it because of the fact that the assignments changed, teacher wants me to add a typography header aswell, gay (Under the navbar in my case)

The assignments have changed and it now has to be a informational site about graphics design/audio visual and interactive design.
Hopefully i get it done in time and all working, i'll be updating this thread.

Later,

Looks good from where i can see it. Gj 10/10 since it looks cooler.

Never use "margin: 0 auto;" without "position:relative;" You're gonna screw people viewing with IE & Chrome.

Quote:

---

Originally Posted by Sifex

Never use "margin: 0 auto;" without "position:relative;" You're gonna screw people viewing with IE & Chrome.

---

position:relative? that isn't needed at all.

To center an element properly add the margin:[value]px auto;
and add text-align:center; to its parent selector