|
| |
|
|
Giomanach
Posts: 6075
Joined: 11/19/2003
From: England
Status: offline
 |
RE: css homework - 9/22/2004 11:15:04
It's an IE bug.....just checked through one of my commented stylesheets, and I have this:
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #EEE; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc; /* IE6 Bug */
border-bottom: 0;
}
Earlier in the stylesheet I have:
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
That works for FF, NN, Moz and Opera only, IE won't parse it, whereas it will parse the first one
Dan
_____________________________
|
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 9/22/2004 16:15:55
ok, I think I fixed it.
The problem was with the 0.5% that peter gave me in his code above. For some reason IE didn't like that as a size for the border. I changed it to pixel and its working in IE, lol, now i need to check the other browsers.
_____________________________
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/
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/9/2004 9:53:50
Here is the final installment of this group of cssp lessons, Now I'll be playing on my own to see how things work out.
http://csstest.debsplace.org/week4d.htm
this page has links to all lessons so far on it. Plus there are several for the week 4 class.
Feel free to look at the css and take it to mess around with it and try it out.
_____________________________
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/
| |
|
|
|
d a v e
Posts: 4009
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: css homework - 10/9/2004 9:59:12
very nice, the buttons seem to have slightly smaller border as they undulate when you roll over them (roll up and down the list)
_____________________________
David Prescott
Gekko web design
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/9/2004 10:03:23
Thanks Dave, that is not really difficult to do, look at the css styles, I'll go back through my notes and explain how its done. This way anyone can give it a try to see how it works, and have some fun with it.
_____________________________
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/
| |
|
|
|
d a v e
Posts: 4009
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: css homework - 10/9/2004 10:08:59
ul#nav a:hover {
background: url('images/wk4hsblwh2.gif');
color: #000;
border-top: 1px solid #828282;
border-right: 1px solid #f7f7f7;
border-bottom: #828282;
border-left: #f7f7f7;
}
i think this is where it goes wrong, you haven't defined stroke size and style (i.e. 1px solid) for the border-left and border-bottom so there's no border at all
_____________________________
David Prescott
Gekko web design
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/9/2004 10:11:03
Actually Dave, it is supposed to do this.
Its just a playing around with the navigation to get it to do something different. Totally on purpose. It makes the hover jump out on the nav section that you are going over. And you flip your graphic so that when it jumps out, its a lighter color instead of the darker color.
We are, I hope discussing the same page here?
http://csstest.debsplace.org/wk4bhoverbutton-gradx.html
then on here
http://csstest.debsplace.org/week4d.htm
some sort of images were used to create the difference in color. Something about 1/2 graphics? Not sure of the purpose of this one, but it was soemthing different to learn on navigation.
_____________________________
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/
| |
|
|
|
d a v e
Posts: 4009
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: css homework - 10/9/2004 10:14:36
ok... but the lighter colour won't show on the left and bottom border on hover because they are incomplete... hence the button shrinks by 1px on two sides - or is it supposed to do this? if so then why not just leave out the border left and bottom on the hover?
sorry to be picky and i know it's only a 'demo' but just wondered. it's nice of you to post these lessons to help us all out :)
_____________________________
David Prescott
Gekko web design
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 10/9/2004 10:19:01
quote:
hence the button shrinks by 1px on two sides - or is it supposed to do this? i
I believe it was supposed to do this to show different ways of getting your nav to do things different. (week4 was a really difficult one with the 1/2 images etc...) Its like navs are shown to be done a certain way, but you don't have to stay with the exact way of doing it, you can make a slight change here and there to give it a unique thing from what others have. Not sure if this makes sense?
There is so much that can be done with css, and you don't have to be exactly what someone else has. You can change something to stand out in a different way. Experiment, do things different, etc..
quote:
it's nice of you to post these lessons to help us all out :)
lol, its a totally humbling experience  But If something in here helps someone else to turn on the lightbulb, then its worth it.
Oh, and you aren't being picky! I would not think that about you. This is a learning thread, and as such, all questions and discussions are to be welcomed without anyone thinking they are beng picky
_____________________________
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/
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 7/8/2005 9:05:14
I have been really busy reading several books, and am going through the working examples. I'm going to post a link here so that you can go through them as well.
There are several links on this index page that are already posted, those who have visited these pages will know which ones they are.
What I am aiming to do is create one index here with pages that will help others to grasp things as they are learning.
http://workingpages.debsplace.org/
_____________________________
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/
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: css homework - 9/14/2005 9:27:01
Ok, I have added php to my list of learning. Along with incorperating the css into this as well. I'm going to list the page here for this, only week one is in progress right now, and lol, am one week behind, as usual with this stuff. I hope that someone can learn something by the mistakes that I have listed within my pages. You will also be able to view the php source at the bottom of the pages as I finish them. Looking at the 1st script page, you will be able to see the code that I used on the page including the php code. This was done with a show_source function.
http://homeworkpages.cssstyling.com/index.php
_____________________________
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/
| |
|
 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 
