14 replies [Last post]
tahiriqbal
Offline
Regular
Lahore, Pakistan
Last seen: 13 years 3 weeks ago
Lahore, Pakistan
Joined: 2005-09-08
Posts: 40
Points: 0

Hi All,

http://www.career.edu.pk

This is my second site which I have made using CSS and XHTML. I've validated all the pages and they are upto the standards of W3C. Can you please take a look at it and tell me your comments about the work that I have done and any enhancements that can be made.

By the way, I love making website using CSS. Can't wait to start my next project Smile

Thanks in advance.

Anonymous
Anonymous's picture
Guru

My New Site

The background image (or maybe the content div) is in the wrong place when viewed in Safari, IE/Mac and FF/Mac. See attachment.

or is it supposed to be that way?

tahiriqbal
Offline
Regular
Lahore, Pakistan
Last seen: 13 years 3 weeks ago
Lahore, Pakistan
Joined: 2005-09-08
Posts: 40
Points: 0

My New Site

Quote:
The background image (or maybe the content div) is in the wrong place when viewed in Safari, IE/Mac and FF/Mac. See attachment.

Oops!! I never used Safari, usually I try to make my websites compatible with FF and then IE. Recently I opened it in Opera and I saw a problem, which I intend to fix now.

I design websites in windows environment and don't have MAC so I can't really check how my site looks on Mac systems. What should I do? Should I buy a mac system? I'm in Pakistan and only Intel systems are used here with Win OS.

Should I make my site compatible with every browser or just the major ones e.g. FF, IE and Opera?

Thanks for your comments, suggestions and the bugs that you find out.

xaphalanx
xaphalanx's picture
Offline
Enthusiast
Last seen: 15 years 8 weeks ago
Joined: 2005-06-06
Posts: 64
Points: 0

My New Site

Nice site. I like the layout. Good work on the navigation. It's cool the way the it wraps around the circle in an arc.

Displays well on mac opera 8.0

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 22 hours 30 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

My New Site

It strikes me that all the images depict people of European descent. Wouldn't it be more apropos to use people from the Pakistani area, or would there be problems due to purdah or caste laws? You could always claim they are Sikhs. Smile After all, Lahore is near the birthplace of the first guru of Sikhism.

I recall a couple of years ago a designer brought me a page which had an image curving through the area where the navigation belonged. I didn't like the visual confusion, and set margins on the <li>s so they followed the curve. It had an unintended side effect of allowing more font size change without breakage. As a css newbie at the time, I felt just really proud of myself. You chose a different approach, and you should try to do it again without the tables and the sliced and diced images, but you should feel proud of the result.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

My New Site

I like the look. Not sure why you chose to use images for your navigation links though when the images look to be of fairly unstyled text. Code would've been lighter if you'd just used text.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

tahiriqbal
Offline
Regular
Lahore, Pakistan
Last seen: 13 years 3 weeks ago
Lahore, Pakistan
Joined: 2005-09-08
Posts: 40
Points: 0

My New Site

thanks for your replies and comments.

Quote:
It strikes me that all the images depict people of European descent. Wouldn't it be more apropos to use people from the Pakistani area, or would there be problems due to purdah or caste laws? You could always claim they are Sikhs. Smile After all, Lahore is near the birthplace of the first guru of Sikhism.

The reason I used european people picturs is because I couldn't find pictures of Pakistani area on the internet. It's not because of the purda or caste system. I have asked my client to take some pictures of his students and he'll do that for the website. By the way, you seem familier with this area. have you been here?

I wanted to make the home page in CSS but due to the lack of time, i had to use Tables. HTML is generated by PhotoShop, I didn't write it, so it was easy to save the time. I will try to make it in CSS too.

Quote:
I like the look. Not sure why you chose to use images for your navigation links though when the images look to be of fairly unstyled text. Code would've been lighter if you'd just used text.

Since I've learned how to make navigations in CSS, I hate to use Image Navigations. Some times client asks to change some thing and it's pain to open photoshop do the change and generate image then replace it. It takes more time than just to re-type the text in HTML. I think for the design of main page, I will have to use Images as the effects of the text and the curves can not be achieved using CSS, can I?

What is your general opinion about the Color scheme of the site? How can it be enhanced more?

Thanks all for your replies.

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 6 years 13 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

My New Site

You have a very good layout there, with high visual impact and not to mention quick download time. Superb site for someone who is quite new to CSS! You're simply inspiring. Laughing out loud

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

buzzcut
Offline
newbie
Last seen: 14 years 44 weeks ago
Joined: 2005-10-01
Posts: 5
Points: 0

My New Site

Wow ... looks great. "Read more about our coaching center..." on front page -- not sure if I like the way the font gets bigger when you hover. Is there an alternative? What do you think? "Back to home page" on inside page, About Career Coaching Center ... the home option should be on the top menu bar, or first on the list of options? But anyway it's a great-looking site.

tahiriqbal
Offline
Regular
Lahore, Pakistan
Last seen: 13 years 3 weeks ago
Lahore, Pakistan
Joined: 2005-09-08
Posts: 40
Points: 0

My New Site

Hi ABCruz and BuzzCut

Thanks for your replies. I'm so happy that you guys liked it. Yes, I am new to CSS and IMO it's really fun to design layouts using CSS. I really enjoy it a lot while working on some design. CSS is just great...

Thanks again!

Take Care and Best Regards

Tahir

jo_ho
Offline
Enthusiast
Last seen: 13 years 10 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

My New Site

Hia, the background image is also offset in IE/Win with me.
Cheers

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 20 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

My New Site

Quote:
I design websites in windows environment and don't have MAC so I can't really check how my site looks on Mac systems. What should I do? Should I buy a mac system? I'm in Pakistan and only Intel systems are used here with Win OS.

I don't see a need to buy a Mac just for testing. Those in this forum who have Macs can test for you and let you know what issues may be present and how to fix it.

The site looks good. Nice layout. It appears although that the background image (in Win/FF) has a top margin or something of that matter on it causing the image to be out of line with the container.

- R

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

My New Site

ragamuffin wrote:
I don't see a need to buy a Mac just for testing. Those in this forum who have Macs can test for you and let you know what issues may be present and how to fix it.

Isn't that asking a bit much of other forum members though? If you don't have access to a Mac, they virtually have to come up with the actual code solution themselves, as people without Macs have no way of testing changes.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

tahiriqbal
Offline
Regular
Lahore, Pakistan
Last seen: 13 years 3 weeks ago
Lahore, Pakistan
Joined: 2005-09-08
Posts: 40
Points: 0

My New Site

jo_ho wrote:
Hia, the background image is also offset in IE/Win with me.
Cheers

ragamuffin wrote:
It appears although that the background image (in Win/FF) has a top margin or something of that matter on it causing the image to be out of line with the container.

Yes, I just found that if we're using resolution above 1024x768 then the background image doesn't remain aligned. I don't know how I can fix this. Can any one suggest me how should I fix this problem?

Here are the classes that Im' using, one for body background another for shadow.

body{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	background: transparent url(../images/page_background.png) 10% 55% repeat-x;
	margin: 0px;
	text-align: center;
}

#shadow-bg{
	background: transparent url(../images/shadow_bg.png) 0% 55% no-repeat;
	width: 800px;
	padding: 0px 0px 0px 10px;
	float: left;

Can any one suggest what I'm missing?

Thank you all for your replies.

Take Cares

Mike Cherim
Mike Cherim's picture
Offline
Enthusiast
Nottingham NH
Last seen: 13 years 25 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

My New Site

I'd take down the width to 760 or so to allow for 800x600 res monitors. Really looks nice. I especially like the sub pages. The home page loook good but the image text detracts from it my adding an incidental blurriness of sorts.

Colors seem fine to me, but again I like the sub pages better than the home page. There should be more unity or even just a single style. I'd lose the... a:hover { font-weight : bold; }

It is fun isn;t it? Wink

Great job for site two. You have some talent and an eye for sure.

Mike