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 . 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
Thanks in advance!
Just learning css
Hi c1sissy,
Could you explain what week 3 was all about so we know what we are looking at.
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
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.
To get the page to look more flashy, get some hover states on those links
Anyways, work that out, and let me know if you need more explaining and stuff
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
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.
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.
Just learning css
Hi C1sissy,
Looks like you ar given a pretty bad template to start with.
From the quick look I have done here are a couple of things i've noticed.
firstly I would remove the
<?xml version="1.0" encoding="UTF-8" ?>
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 margin-left: 20em
}
margin-right: -10em
color: #000000;/*color is black*/
}
When you specify the same declaration twice the first one is overridden
.img1 {border: groove white;
border: double black;
There really should be a space before href in
<a class="navigation"href="template1.htm">Week 1 A</a>|
Really you have done very well.
Hope that feedback helps.
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.
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.

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. 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!
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.
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!
Just learning css
Hi Tony
I did as you suggested with this
border: double black 3px;
However, in mozilla, it would't show a border at all.
Any suggestions?