|
| |
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
 |
css homework - 10/13/2003 8:36:03
Since this is only homework and I would like opnions as to how I am progressing with the css and some guidance as to how to handle things with what I have done so far, I wasn't sure if I should post this in the css area or not.
Here is the link to my homework so far. The third week took me about 2 weeks to get into my head.
http://hwcssvu.tripod.com/week3a.htm
Unfortunatly I can be stubborn when it comes to learning and doing things on my own with it . I will have to take the course again, but that is ok as I would rather have this embeded into my head then only skiming the surface when a problem should arise as to working this out in other browsers.
I would appreciate any opnions, and please be tough, as this is the only way that I am goign to learn how to do this the right way, and according to the standards that you are supposed to use with all desigining.
Thanks in advance
<edit> i am still getting various differences in mozilla and in IE. I have managed to work out some of them, but not sure about others that are appearing.</edit>
< Message edited by c1sissy -- 10/13/2003 8:37:07 AM >
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
|
|
|
|
Nancy
Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline
|
RE: css homework - 10/13/2003 13:34:27
quote:
another problem taht I had was the border around the picture down the page a bit. I think it was on week a or b. In mozilla I finally got it to surround the picture, but then in IE it has a very small gap. It was the picture of the wooden file thingie.
From a quick look at your source code and stylesheet, you have applied the above information about a border to a div tag surrounding the img tag, instead of the img tag itself. This is the reason for the gap in IE.
There are a couple of ways you can fix this: first you can set the style for all images on the page, which I would not recommend unless you are sure you want all of them to have a border. Second you can make a class, either embedded or in an external style sheet and apply it to only one image.
1. img {
border: 4px dotted #00FF66;
}
2. .imgborder {
border: 4px dashed #00CCCC;
}
then the class is applied to the img tag: <img class="imgborder" src="filename.gif">
Hope that made sense.
Secondly, I'm not sure where you feel you are having problems with the background. Could you provide a little more detail on that part please?
Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
| |
|
|
|
Nancy
Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline
|
RE: css homework - 10/13/2003 15:15:10
The shifting is not related to the background you have set as the page background in the body tag.
Your style sheet names an image to use for the page, and the image you are using is 1200 pixels wide and 50 pixels. I think using background-attachment is a property you won't want to use for this size of an image. Normally background-attachment would be when you want to glue it down to stay, or you're using a larger image. You might try using background-repeat instead, and set it for repeat-y which will set it to tile vertically. You should also then set the background color in the body tag to use the gray that is close to your image instead of white.
Now as for things shifting, that is being done by properties you've applied to your div's. For example the style for the div surrounding the "Information Overload" has both left and right margins. Each time the browser window is changed, that div needs to find the appropriate margins.
Hope this helps. If not, fire away with more questions.
Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/13/2003 15:36:59
Thanks LIL, but the email feature might not work, Erin and i tested it. Lots of changes but no notifications! go figure! lol
Nancy, thanks for the information. You are bringing up things that the instructor hasn't brought up. But then, I am behind so what can I expect, lol. Main thing to me though right now is getting it right so that I know this productivly.
Now I am off to read my homework.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Nancy
Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline
|
RE: css homework - 10/27/2003 9:35:42
Try changing this in your boxes class and see if that makes a difference:
position: absoulte;
*S* Don't ya just hate those typos?
Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/28/2003 14:24:13
quote:
ORIGINAL: Nancy
I took a look in IE6 and was thrilled - very nice.
but then I decided to take a peek in NN 7.1  and am attaching a screenshot.
Not as good, but I'm not posting this as a criticism. I am posting it so we can all learn more - how css is not the same in all browsers.
I have no answers as to why these looks so different, except that from what I understand, NN is much more compliant that IE, so as browsers (hopefully) move to more standard CSS, we'll all have to learn how to make the boxes work properly.
Nancy
Thumbnail Image
I got the same results in NN. What I am following right now gives work arounds for NN on some things but not on this. Not sure HOW to fix it yet. But know that there has to be a fix out there somewhere. Just have to find it. I'm sure that it must be the borders settings?, maybe?
I had to go to a meeting for my "paying" job today, so didn't get much of a chance to search for things or work on this today. I'm also sure if I look at this in mozilla as well, I would get basically the same thing as I got here in NN.
I have heard about, but don't know anything about it, but border collapse? Sounds like maybe this might be an answer?
I appreciate all your comments Nancy. I or others won't learn unless we do this and do find that things aren't going how we think that it should look. And as I am finding out, even though it might be CSS Standard, some browsers are still not handling things the same as others.
One of the borders, I think it is the dots, is not supported by NN. What would appear would be just a solid line.
Later on I'm going to do some searching to see if I can find an answer to what is going on with this.
And, btw, I wouldn't get upset with anything that you post for help or what you might see that I don' t see. That is the reason for posting here with this. To learn, and have the information out there for others that are teaching themselves.
quote:
ORIGINAL: Long Island Lune
Whoa!!!!! I'm at a loss for words!!! (Rare for me).
These sites look great.
I see your shooting for "Grand High Exalted Mytic Ruler of CSS".
You got my vote. 
I saw a trailing pop-up on exit.
 That commerical expertise is growing!!!
Crafts.... That's great. Glad to see it got started.
I got my credit card ready.
Do you take checks??? (Say "NOOOO" to checks)
Mark
quote:
Grand High Exalted Mytic Ruler of CSS
lol!
My secret is out!
< Message edited by c1sissy -- 10/28/2003 2:26:04 PM >
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Nancy
Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline
|
RE: css homework - 10/28/2003 15:54:38
Here's one thing that probably will make a difference:
borer-width: 200px;
the above line in your stylesheet for mybox3 and mybox4
I'm sure the spelling error makes a big difference. I think once you make that correction, IE isn't going to like you either. *S* Be prepared. You're going to be adding a 200pixel border and everything is going to shoot out of control.
As for the differences between IE and NN, you'll probably find more information on workarounds for IE than for NN.
As for the dotted borders, they do fine in NN7, however IE 5.+ will show a solid line, a difference that most of us can live with. In fact IE5.+ is the one that could be determined to be more of a problem browser, more so than NN7 or IE6.
Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/28/2003 16:19:28
quote:
ORIGINAL: Nancy
Here's one thing that probably will make a difference:
borer-width: 200px;
the above line in your stylesheet for mybox3 and mybox4
I'm sure the spelling error makes a big difference. I think once you make that correction, IE isn't going to like you either. *S* Be prepared. You're going to be adding a 200pixel border and everything is going to shoot out of control.
As for the differences between IE and NN, you'll probably find more information on workarounds for IE than for NN.
As for the dotted borders, they do fine in NN7, however IE 5.+ will show a solid line, a difference that most of us can live with. In fact IE5.+ is the one that could be determined to be more of a problem browser, more so than NN7 or IE6.
Nancy
Now I know why it seemed like no matter how many pixels I added the border didn't seem to be moving! Fixing this right now. grin. very sheepishly I might add as well
I thought that I might have figured out the moving probs with the boxes, but not sure if what I am thinking is correct.
Even if I nest the divs (if this is possible?) inside of one larger div that is given a pixel size instead of percentage, or an absolute position, when the window sizes down, it most likely would still cause those two boxes to go under each other?
<edit>I'm getting ready to load up what I have done. I just need to do a few more things to make sure that both 5 and 5b are in sync with each other since they are sort of a comparison of a few things. I have it looking great in NN but in IE, wow what a difference in how things look now!</edit>
< Message edited by c1sissy -- 10/28/2003 4:40:08 PM >
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Nancy
Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline
|
RE: css homework - 10/28/2003 18:50:00
whooo hoooo no more overlap in NN - good job.
There is not quite as much space in between the turquoise boxes with NN, but I don't think that is anything you can control. It has to do with how NN reads the box size versus how IE does. One figures the width of the box including padding, borders and margins, while the other adds the padding, borders, and margins separately.
Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
| |
|
|
|
pageoneresults
Posts: 1001
From: Orange, CA USA
Status: offline
|
RE: css homework - 10/29/2003 10:48:02
CSS Validation
Before going any further with your homework, one of the very first things you should do is validate your CSS. All those typos and any other blatant issues will come to light through validation.
Once you've validated the CSS, then you can effectively start breaking down the styles to see where problems are.
_____________________________
SEO Consultants Directory
Find Search Engine Marketing Companies
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
