9 replies [Last post]
c1sissy
c1sissy's picture
Offline
Regular
nj
Last seen: 9 years 12 weeks ago
nj
Timezone: GMT-4
Joined: 2003-06-15
Posts: 37
Points: 0

http://hwcssvu.tripod.com/week3a.htm
Above is the link to week 3 homework in a class I am taking online. I will have to retake this as they are done week 5 Sad . However I want to really know this. (there is actually week 3 a, b and _b

If you would like to review the code and the homework I would appreciate it. Please be tough or I won't learn anything Wink

Thanks in advance!

c1sissy

^i^

The only stupid question is... the one that is never asked!!

http//directory.css-styling.com
http//fms-forum.com

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 9 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Just learning css

Hi c1sissy,
Could you explain what week 3 was all about so we know what we are looking at.

procywolfy
Offline
Regular
Last seen: 16 years 20 weeks ago
Joined: 2003-07-21
Posts: 21
Points: 0

Just learning css

Before you explain what the week thing is all about, I have a few comments about the design.

First, I wouldnt use a gradient background like that. On computers that do not display all the colors, it looks really choppy and quite ugly, thus it's better to have a solid background. Aswell, the background image repeats (visible on 1280x1024 and up), which is not the greatest because the background was probably not designed to repeat.

Aswell, the navigation menu should be done with an unordered list ( <ul> ).

I don't have the time to check right now, but you should make sure both the CSS and XHTML validate. http://www.w3.org
Smile

I'm personally not a fan of the type of font you're using, but I guess that's just me. My complaint about that font is that it looks really choppy. Not all computers anti-alias the text, so Arial or Tahoma are better choices, IMO. Smile

To get the page to look more flashy, get some hover states on those links Smile

Anyways, work that out, and let me know if you need more explaining and stuff Smile

c1sissy
c1sissy's picture
Offline
Regular
nj
Last seen: 9 years 12 weeks ago
nj
Timezone: GMT-4
Joined: 2003-06-15
Posts: 37
Points: 0

Just learning css

Hi Tony:
I'll get the information on what homework was in the morning just checking in since a reply was noted in my email.

procywolfy

Noted in regards to the gradient. I was just trying out different backgrounds in the graphics editors playing around. But I am glad to know that this don't work out in some computers.

Thank you also in regards to the font, I didn't know this about it.

The navagation should be done in an UL? Interesting! Would this place the nav on the left of the page? And how would this be done? btw, I dont want code answers. If this is done say in a two column layout type thing?

I started on the validation thing, but am being tossed off by the dtd. I'm aiming for the xhtml transitional right now. I totally believe in validation for a site Wink

Quote:
To get the page to look more flashy, get some hover states on those links

This I dont' knwo how to do. I'm totally self taught all the way here. Html, working on learning xhtml and the css. I know that in the midst of all of this that I missed some things, which is why i ask for a tough look. It helps me to search for what I have missed.

Anyhow, I'll be back tomorrow with the assignments that we were given.

btw, we are given two templates to work with, from this we work in the css from each week. So the html is already written for us.

Thanks for the time, also if you try to run the validator on the pages, you'll get many javascript errors, these aren't from me they are from tripod. the html page that is in the naviation is hosted on a different site, and I did pass the xhtml transitional until I moved it to thsi site.

c1sissy

^i^

The only stupid question is... the one that is never asked!!

http//directory.css-styling.com
http//fms-forum.com

c1sissy
c1sissy's picture
Offline
Regular
nj
Last seen: 9 years 12 weeks ago
nj
Timezone: GMT-4
Joined: 2003-06-15
Posts: 37
Points: 0

Just learning css

Hi, Ok I am back with the information Tony that you requested.

First here is template 1, with very minor changes from week 1
http://hwcssvu.tripod.com/template1.htm

And template 2
http://hwcssvu.tripod.com/template2.htm

The exercises were to just create a linked style sheet with very few things within it to get us started.

Week 3
exercise 1
This lesson was working with learning inlines styles;
In template 1 use inline style to modify the appearance of One of the h2 heads. Use inline to change the font of the first paragraph.

Exercise 2
Lesson dealt with learning Div & Span and discussed nesting tags. This exercise involved template 1, using span and div tags to change the information overload list to have a border around it and parts of the list with strike through and colored backgrounds behind the words. Also using a left and right padding, which I removed due to the mozilla browser giving me some problems with the page layout.

Exercise 3;
Create a class in ours style sheet and apply to template2.

Next lesson involved working with floats and practicing positioning of them.

Homework;
Create a class rule in style sheet for template 2

create a class rule in the embedded style of the html

Use span and div to apply a new class rule

crete an inline stle that over rides an existing rule

Use float and clear;
use margin family to overlap one element over another making a static border and one that changes.

Now, I am not sure how much of this I got, but I tried to get it all in. I think that the only thing that I missed now that I am looking at the list of things is the margins overlapping.

Sorry took so long to repost the information.

Thanks in advance.

c1sissy

^i^

The only stupid question is... the one that is never asked!!

http//directory.css-styling.com
http//fms-forum.com

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 9 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Just learning css

Hi C1sissy,
Looks like you ar given a pretty bad template to start with. Sad
From the quick look I have done here are a couple of things i've noticed.
firstly I would remove the

Quote:
<?xml version="1.0" encoding="UTF-8" ?>
from the top of the document this prevents the page rendering in standards mode. Then as procywolfy suggested you should try validating the page. with xhtml you must remember to close all tags and use lower case attribute names. So the Meta tags would all end in " />" you should also put values in the content of the meta tags or remove those tags. as they waist space without any content.
Sorry most of that had nothing to do with your lesson.
In you css when using the border shortcut tag make sure you specify a size border: double black 3px; it's also good practice to always close off the declaration with a semi-colon even if it's the last one
Quote:
margin-left: 20em
}
Here's another example of why to get into that practice
Quote:

margin-right: -10em
color: #000000;/*color is black*/
}

When you specify the same declaration twice the first one is overridden
Quote:
.img1 {border: groove white;
border: double black;
you would end up with a black border but as I mentioned above you should specify a size and in this case remove the border you don't want.

There really should be a space before href in

Quote:
<a class="navigation"href="template1.htm">Week 1 A</a>|

Really you have done very well.
Hope that feedback helps.

c1sissy
c1sissy's picture
Offline
Regular
nj
Last seen: 9 years 12 weeks ago
nj
Timezone: GMT-4
Joined: 2003-06-15
Posts: 37
Points: 0

Just learning css

HI Tony:
Yes, some of the things on the template did lack a bit, I had to change the img src code as it wasn't working right.

In response to your first quote about the xml prolog, isnt this required?, along with the dtd? I have been trying to validate the pages and have been reading on the xhtml dtd's and they appear to all require this? Since I'm just learning the xhtml as well I would appreciate some guidance in this area. Also, I didn't realize that this would keep the page from loading in standards mode.

I have to go all through her document as she has all in caps, and I know that this isn't going to validte in xhtml transitional.

I have much to learn in regards to using metas yet. I just found out last night that I needed to close them as you are stating.

Quote:
Sorry most of that had nothing to do with your lesson.

Even though it had nothing to do with the lesson, I need to learn this as well. Wink

Ahh, the border short cut needs a size specified? Could this throw things off say, in mozilla if this isn't there?

In the href I had been having some problems with the navigation showing up on the pages as I was working with it. For some reason she had quoted something above the head and once I had removed this it worked, not sure now exactly what it was that she had in there or why it interfered, but originally i had the space but never went back and fixed it but shall do so.

Yes, your feedback helps, it shows me to be more attentive to the semicolons where they are supposed to be. Wink as I have read this and know it should be there but neglected to proff the code.

I actually expected more to be wrong with it!

Thanks for the guidance!

c1sissy

^i^

The only stupid question is... the one that is never asked!!

http//directory.css-styling.com
http//fms-forum.com

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 9 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Just learning css

Hi c1sissy,
The w3c strongly encourages you to use the xml prolog, unfortunately using it or anything above the DTD causes some browsers such as IE to render in quirks mode rather then standards mode. This means it much harder to get a site looking good cross browser.

Yes not having a border size in the border shortcut could throw thing off in some browsers.

c1sissy
c1sissy's picture
Offline
Regular
nj
Last seen: 9 years 12 weeks ago
nj
Timezone: GMT-4
Joined: 2003-06-15
Posts: 37
Points: 0

Just learning css

Thanks Tony.

So for now is it better to leave off the prolog?

Especailly since the place to use it is above the dtd.

btw, thanks for your help, I greatly appreciate it! Wink

c1sissy

^i^

The only stupid question is... the one that is never asked!!

http//directory.css-styling.com
http//fms-forum.com

c1sissy
c1sissy's picture
Offline
Regular
nj
Last seen: 9 years 12 weeks ago
nj
Timezone: GMT-4
Joined: 2003-06-15
Posts: 37
Points: 0

Just learning css

Hi Tony
I did as you suggested with this

Quote:
border: double black 3px;

However, in mozilla, it would't show a border at all.

Any suggestions?

c1sissy

^i^

The only stupid question is... the one that is never asked!!

http//directory.css-styling.com
http//fms-forum.com