12 replies [Last post]
Joana
Offline
newbie
Rio de Janeiro, Brazil
Last seen: 18 years 7 weeks ago
Rio de Janeiro, Brazil
Timezone: GMT-3
Joined: 2003-09-03
Posts: 4
Points: 0

Hi, guys!

I'm almost done working on my new - and improved- website and I was hoping to get opinions from you. This was the first time I made an all CSS site, so please be gentle... Wink Still, I appreciate any suggestions and/or better solutions that you might come up with.

I work with a Mac, and already tested on IE 5.2, Safari, Navigator, Netscape and Opera, and it works on all of them, except for the 'styleswitcher' thing, that doesn't work on Opera.

As for the PCs, I already know that the 'mouseover' of the navigation buttons doesn't work on IE, but I decided to sacrifice that, and I'll explain why: the only way that the mouseover would work is through a Javascript where I'd have to specify the colors and, in that case, I would have to have the same colors on all three different styles that I'm using on this website. If anyone has another solution for his matter, please, don't be shy!

Thanks a lot,
Joana

Oh, yeah, the URL: http://www.joanacarvalho.com/newsite

NEW URL: http://www.joanacarvalho.com

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

My new CSS site

Hi Joana,
Nice looking site.

If you take away the img from your nav style declaration, the hover effect works.

.nav a  {background: #e4e7de; height: 22px; border: 0;}
.nav a:hover {background: #CACB2C; color:#000; height: 22px;} 

Hope that helps.

Pob
Offline
Enthusiast
Hampshire UK
Last seen: 10 years 20 weeks ago
Hampshire UK
Timezone: GMT+1
Joined: 2003-08-16
Posts: 60
Points: 5

My new CSS site

Hi,

As Tony said nice looking site.

But!

Why design a css site that behaves like a table site. You have used css to design your site but have employed none of its fluidity.

The site is fixed in the middle of my monitor and looks lost there. What about people with smaller screens they will have to scroll sideways (or handheld devices etc - we should look to the future). One of my pet hates is fixed screen sites that look as they've been photographed and stuck on a page in the web. A webpage should be designed for the visitor to use and although the look is important usability is far more important.

Also I can't change the text size in IE to make the text big enough to read (I'm getting old you know.) Accessibility is a strong feature of CSS and seems to be a hot topic these days and worth bearing in mind while you design the site and not as an afterthought.

You have used a partial doctype (without uri) which will implement quirks mode. Although this may be what you want it usually (!) makes it harder to make the site cross browser compatible. Why not upgrade to xhtml. It's much better for structured markup and after all its 90% html anyway.

I hope some of this is useful and is not meant in a derogatory way as it is just my personal opinion. I think you have a good looking design either way Wink.

Paul

Joana
Offline
newbie
Rio de Janeiro, Brazil
Last seen: 18 years 7 weeks ago
Rio de Janeiro, Brazil
Timezone: GMT-3
Joined: 2003-09-03
Posts: 4
Points: 0

My new CSS site

Hi, Paul

Thanks for you comments. I agree with almost everything you said, but let me explain my side of the story.

Up until a month or so ago, I had never even heard of Web Standards, and never thought that we could do so much with CSS only. Before that, all I used CSS for was mouseover effects and stuff like that.

So I had my layout ready when I decided to try and make it work with CSS, you know? It was more like an exercise than anything else.

Besides, I wouldn't want to adapt the design to 'not look like a table site' anyways; in my opinion, design comes first, and we should think about the best CSS solution for that design, and not the other way around. Well, at least for me, that's the way it works - if I think about the how-to's too early, it always inhibit my creativity...

Joana

Pob
Offline
Enthusiast
Hampshire UK
Last seen: 10 years 20 weeks ago
Hampshire UK
Timezone: GMT+1
Joined: 2003-08-16
Posts: 60
Points: 5

My new CSS site

Hi Joana,

Glad you found the comments useful.

I can see you're heading in the right direction and have taken a lot on board in a short time.

I know some designers find it difficult to stop designing (after all that's what they're paid for (some of the time anyway Wink. But I think when you get fully into css for layout you'll see that fixed designs pale against good fluid CSS designs that adapt to the user. That's not to say they can't be visually entertaining either. You ony have to look at the css zen garden to see what can be achieved without even changing a single line of html.

Anyway keep up the good work I'm sure you'll get there in the end:)

Paul

jag5311
Offline
Regular
Last seen: 18 years 8 weeks ago
Joined: 2003-08-28
Posts: 12
Points: 0

My new CSS site

Personally, I think it has to do with the content of the site that determines the layout.

THis is a personal/portfolio website that is to provide people with the basics of there skills and artwork. I can understand if it was a website containing a mass of information, and alot of text, but its not.

Nice looking site btw

my 2 cents

Pob
Offline
Enthusiast
Hampshire UK
Last seen: 10 years 20 weeks ago
Hampshire UK
Timezone: GMT+1
Joined: 2003-08-16
Posts: 60
Points: 5

My new CSS site

Quote:

Personally, I think it has to do with the content of the site that determines the layout.

My point exactly. Don't fit your content into the design (e.g. squash it into a table or a fixed position).

Let the content set the layout but the visitor must always come first.

Theres no such thing as a personal site on the web (unless it has restricted access) everyone can see it Wink , but of course I understand your point of view.

Paul

ShethemjaJära
Offline
Regular
Canada
Last seen: 18 years 14 weeks ago
Canada
Joined: 2003-07-22
Posts: 15
Points: 0

My new CSS site

Hmm, is that page missing ? It's not loading for me.

As to " I think therefore I am ", well, I do not think, therefore I cannot be held responsible because I oblivously don't exist now do I ?

Joana
Offline
newbie
Rio de Janeiro, Brazil
Last seen: 18 years 7 weeks ago
Rio de Janeiro, Brazil
Timezone: GMT-3
Joined: 2003-09-03
Posts: 4
Points: 0

My new CSS site

I'm sorry!
I already put the page on the 'right' place.
The URL now is www.joanacarvalho.com

ShethemjaJära
Offline
Regular
Canada
Last seen: 18 years 14 weeks ago
Canada
Joined: 2003-07-22
Posts: 15
Points: 0

My new CSS site

Wow. Nice site ! Laughing out loud I can't think of a thing wrong really. I'm sorry if that's not a very helpfull thing to say .. lol.

The navigation is working in IE 6, looks nice.

As to " I think therefore I am ", well, I do not think, therefore I cannot be held responsible because I oblivously don't exist now do I ?

Joana
Offline
newbie
Rio de Janeiro, Brazil
Last seen: 18 years 7 weeks ago
Rio de Janeiro, Brazil
Timezone: GMT-3
Joined: 2003-09-03
Posts: 4
Points: 0

My new CSS site

Hi, ShethemjaJära

Thanks for the compliments! Your comments may not have been helpful, but they were certainly nice to hear! Wink

And the navigation is working on IE6 now because I did a slight alteration: I was using images before, and the mouseover state did not work, but I followed Tony's advice and I'm very pleased with it now.

Joana

DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 18 years 31 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

My new CSS site

Looks great!

I especially like the resume page with the kinda centered bilingual text and the large white block down the middle, awesome.

Where are you located?

Mike

</twocents>

DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 18 years 31 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

My new CSS site

What a dork... Brazil.

If I ever hear upper-management say "we need to outsource some of our logo design, know anyone?" I'll definitely mention your name. Fantastic work, keep it up!

Mike

</twocents>