|
| |
|
|
Peppergal
Posts: 2204
Joined: 9/20/2002
Status: offline
 |
RE: My first attempt, be gentle ... - 12/12/2003 21:08:35
Overall, I think it looks neat, although the navigation graphics on the bottom look very fuzzy to me!
As to the text....I usually set my "regular" size at 90%. Maybe that will help in the higher resolution to not be so tiny. Doggone, I cannot for the life of me understand why people want to have it set at that high resolution; it's too small! I don't like to squint! LOL
As to spacer gifs... you don't need them in CSS. Nancy says the road to hell is paved with them. LOL
Tables...I will be using tables a bit for some of my sites (real estate sites which have lots of "listings" and pictures with them. The easiest way for me to present it is in tables, so that's what I'm doing.) I don't think having tables in a CSS site are all that bad.
Keep plugging, keep experimenting. I've actually gotten to the point where I don't even use Layout Master anymore, nor do I use a program for writing my styles. Two weeks ago I was biting my nails wondering what I was going to do when my demos of Style Master and Layout Master stopped working...and I'm doing fine! It just takes lots of practice and "Try try again."
Maybe you can optimize that graphic a little more so that it downloads a tad quicker?
did you see my response in your thread about PSP/nasty gifs?
K.
_____________________________
Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
|
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: My first attempt, be gentle ... - 12/13/2003 4:58:28
Hi SteveWR:
I have to agree with peppergal on the words that are in white, they are very very fuzy and difficult to read.
Your z-indexing looks good.
Tables and spacer gifs? well, they are a sort of no no,(adds to code bloating) here is a link for you. Instead of spacer gifs use the empty cells for css.
This is how "Comic Sans MS" needs to be written. Also in the body is where you should have some things set as well. You could set your font ,background image, font color and margins for the whole page in the body selector, and if you wish to make the font-family etc different in a different selector then you could just change that per selector.Also don't forget to declare a background color for those who have images off. Since your p's and h's all have the same font you could have just declared that in your body styles, though for some of the browsers I think it needs to be set in both the body and the p. Or used the universal that Gorilla showed us for font declaration *"Comic Sans MS", etc... and that would set the font for all until you created a style differently for the selector. I"m not sure if I have it correct, but if you look through the css threads at gorillas postings I know you will find it.
You really did a great job. Your code is nice and neat and easy to read.
BTW I enjoy reading when you "go off" on the church sites
_____________________________
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/
| |
|
|
|
Paula
Posts: 394
From: Morrow, Georgia, USA
Status: offline
|
RE: My first attempt, be gentle ... - 12/13/2003 23:26:03
I like the look of it Steve. I don't know enough to comment on the CSS, I'm just starting to work with that myself. Like the green and black. The site is easy to understand, nice layout. I get what you were trying to do with the blurred text and it's an interesting idea, I'm just not sure I like it. All and all, I say you did a great job!
_____________________________
Paula
The more I learn the less I seem to know.
| |
|
|
|
adambrooks
Posts: 145
Joined: 1/8/2002
From: Charlotte / Matthews NC USA
Status: offline
|
RE: My first attempt, be gentle ... - 12/17/2003 15:08:32
1 - kill the "mystery meat" fuzzy buttons in the navigation.
2 - I'm not really big on Comic Sans MS anyway, but why use it when your buttons are more of a smoother san serif font? I'd just stick with Arial or Verdana for design consistantcy.
My 2.22 cents
| |
|
|
|
ellipisces
Posts: 849
Joined: 12/14/2003
Status: offline
|
RE: My first attempt, be gentle ... - 12/18/2003 15:41:15
quote:
The easiest way for me to present it is in tables, so that's what I'm doing.) I don't think having tables in a CSS site are all that bad. Tables still have their place in Publishing and HTML, and that's when you need to layout a grid of similar information. Where tables should not be used is for laying out a graphic or backgrounds. Nonetheless, as you say, they are easier, especially after having been forced to do it that way for many years.
As far as the site, yeh dump the fuzzy menu. With my eyes, I just couldn't tell if it was deliberate or ocular degeneration!
_____________________________
| |
|
|
|
SteveWR
Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline
|
RE: My first attempt, be gentle ... - 12/19/2003 4:17:35
ok i'll go normal on the menu and hover in green i think, i will try dumping the comic sans as well. I have optimised the graphic a bit smaller by 60% now, but it is still sliced to aid downloading as its still about 48K.
I suppose you could still have a sliced graphic and place the slices with style location references rather than a table. Does anyone do that ?
_____________________________
Steve
-----------------------
Life isn’t a rehearsal … it's an audition
www.esprit-internet.co.uk
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: My first attempt, be gentle ... - 12/19/2003 6:50:19
Hi Steve:
I was looking at your site yesterday, I noticed that going to the different pages that when you are viewing some of them it seems like the links to the pages in green font are sort of hiding behind the fuzzy letters, It looked like they were green crosses?, which by the way, I just got what I think you were tyring to accomplish with that!
Otherwise it looks like a site that would attract kids. I really like it a lot. Personally I wouldn't have picked a black background myself, but I like what you did 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/
| |
|
|
|
SteveWR
Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline
|
RE: My first attempt, be gentle ... - 12/22/2003 8:45:09
quote:
seems like the links to the pages in green font are sort of hiding behind the fuzzy letters
Yes this did happen at 800x600 as the menu jumps up the page for this resolution. However I thought I had tested this and kept the text block to a length that would mean the links get hidden.
What do you view this in, IE?
_____________________________
Steve
-----------------------
Life isn’t a rehearsal … it's an audition
www.esprit-internet.co.uk
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: My first attempt, be gentle ... - 12/22/2003 8:48:06
quote:
ORIGINAL: SteveWR
quote:
seems like the links to the pages in green font are sort of hiding behind the fuzzy letters
Yes this did happen at 800x600 as the menu jumps up the page for this resolution. However I thought I had tested this and kept the text block to a length that would mean the links get hidden.
What do you view this in, IE?
Yes, I have IE6, I never thought about looking at it in 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/
| |
|
|
|
SteveWR
Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline
|
RE: My first attempt, be gentle ... - 12/22/2003 10:18:01
No thats fine I try it out in IE6 first anyway and then just make sure its ok in a couple of others later. Its interesting it does not work quite for you in ie6.
I think it will be safer to move the menu to the top, wont have any problems then.
_____________________________
Steve
-----------------------
Life isn’t a rehearsal … it's an audition
www.esprit-internet.co.uk
| |
|
|
|
Giomanach
Posts: 6090
Joined: 11/19/2003
From: England
Status: offline
|
RE: My first attempt, be gentle ... - 12/22/2003 10:30:55
Tip: I generally design my sites for IE4+ so they work in IE4 IE5 IE6 and NN6 NN7. Doesn't always work but 9 times out of 10 it does.
_____________________________
| |
|
|
|
Peppergal
Posts: 2204
Joined: 9/20/2002
Status: offline
|
RE: My first attempt, be gentle ... - 12/22/2003 11:34:35
Steve, the rollovers for your links at the bottom don't work in Mozilla...
:-(
maybe try a different script? Here is one I use that works in both IE and Mozilla...not sure what it is but it works. I use a preload images javascript in the head, too...
where the button will be:
<A HREF="http://www.yoursite.com/destination.htm"
onMouseOver="document.pic1.src='images/rolloverimage.gif'"
onMouseOut="document.pic1.src='images/original.gif'">
<IMG SRC="images/original.gif" BORDER=0 NAME="pic1">
</a>
For the next one you'd change it "document.pic2.src etc. Be sure to note the single quote mark surrounding the src='images/original.gif'" ending with a double quote.
I've used it for navigation on these two sites:
http://www.wallenpaupacklakefronts.com
and
http://www.liveinthepoconos.com
Here's the preload image script I use with it:
<script>
/*
Preload images script
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages("http://www.liveinthepoconos.com/images/.gif",
"http://www.liveinthepoconos.com/images/commercial6.gif",
"http://www.liveinthepoconos.com/images/commercial6ol.gif",
"http://www.liveinthepoconos.com/images/consumer4.gif",
"http://www.liveinthepoconos.com/images/consumer4ol.gif",
"http://www.liveinthepoconos.com/images/search5.gif",
"http://www.liveinthepoconos.com/images/search5ol.gif",
"http://www.liveinthepoconos.com/images/directions2.gif",
"http://www.liveinthepoconos.com/images/directions2ol.gif",
"http://www.liveinthepoconos.com/images/emaillee2.gif",
"http://www.liveinthepoconos.com/images/emaillee2ol.gif",
"http://www.liveinthepoconos.com/images/lots5.gif",
"http://www.liveinthepoconos.com/images/lots5ol.gif",){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments
}
}
</script>
I have all the regular images and rollover images in there....
_____________________________
Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
| |
|
|
|
SteveWR
Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline
|
RE: My first attempt, be gentle ... - 12/24/2003 6:44:24
Oh right, thanks Pepper,
I test in IE6 and also Mozilla Firebird and that was ok but Firebird is a recent browser. I think I have Mozilla 1.5 so I'll try your script.
Thanks again
Steve
_____________________________
Steve
-----------------------
Life isn’t a rehearsal … it's an audition
www.esprit-internet.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 
