Hey everyone.
I'm currently making a site for someone, what I have done so far can be found at <!-- m --><a class="postlink" href="http://www.geocities.com/insanefishposse/lws/index.html">http://www.geocities.com/insanefishposse/lws/index.html</a><!-- m --> (no, it wont be hosted on geocities once it's done).
It displays pretty much the way I want it to under Firefox, but with Internet Explorer I just can't get the space between the three divs nice and even like it is with Firefox.
I've been playing around with it for awhile, and can't come up with anything that fixes it like that. Does anyone know how I can get it so that the spacing displays the same with both Firefox and IE?
Any other comments/suggestions/criticism on the site is also welcome.
EDIT: Nevermind, I pretty much got it. Any comments on the site are still welcome.EDIT: Nevermind, I pretty much got it. Any comments on the site are still welcome.
It's always nice to figure stuff out on your own.
As to the site, I think you should make some more enticing images for the navigation section. Especially the word "Navigation", it doesn't look right as text.
And, since you're makng an iPod site, and the classic color for iPods is white, I would try to make the site as visually light as possible. For example, on the Nav bar, for the background use a slight gradient from light gray to white that goes down the page. If I don't make any sense, then go to <!-- m --><a class="postlink" href="http://mozilla.org">http://mozilla.org</a><!-- m --> and look at the top of the pages background: slight gradient. It would even be cooler if you could make the whole page out of those gradients, then you'd really have an iPod/futuristic look.Originally posted by mercury7
As to the site, I think you should make some more enticing images for the navigation section. Especially the word "Navigation", it doesn't look right as text.
Don't worry, it's not completely finished yet, I've been planning on adding a few more images for things such as "Navigation".
And, since you're makng an iPod site, and the classic color for iPods is white, I would try to make the site as visually light as possible. For example, on the Nav bar, for the background use a slight gradient from light gray to white that goes down the page. If I don't make any sense, then go to <!-- m --><a class="postlink" href="http://mozilla.org">http://mozilla.org</a><!-- m --> and look at the top of the pages background: slight gradient. It would even be cooler if you could make the whole page out of those gradients, then you'd really have an iPod/futuristic look.
That's a great idea. I'm not exactly sure how to do it, but I'll look around and see if I can figure it out. Thanks for the input
You could do it like:
body{
background-color: white;
}
#navBar{
background:transparent url("gradient.jpg") repeat-y top left;
border:3px double #ddd;
}
With this image:Originally posted by mercury7
You could do it like:
body{
background-color: white;
}
#navBar{
background:transparent url("gradient.jpg") repeat-y top left;
border:3px double #ddd;
}
With this image:
Thanks, I'll try that out later and let you know how it works out.
I'm currently making a site for someone, what I have done so far can be found at <!-- m --><a class="postlink" href="http://www.geocities.com/insanefishposse/lws/index.html">http://www.geocities.com/insanefishposse/lws/index.html</a><!-- m --> (no, it wont be hosted on geocities once it's done).
It displays pretty much the way I want it to under Firefox, but with Internet Explorer I just can't get the space between the three divs nice and even like it is with Firefox.
I've been playing around with it for awhile, and can't come up with anything that fixes it like that. Does anyone know how I can get it so that the spacing displays the same with both Firefox and IE?
Any other comments/suggestions/criticism on the site is also welcome.
EDIT: Nevermind, I pretty much got it. Any comments on the site are still welcome.EDIT: Nevermind, I pretty much got it. Any comments on the site are still welcome.
It's always nice to figure stuff out on your own.
As to the site, I think you should make some more enticing images for the navigation section. Especially the word "Navigation", it doesn't look right as text.
And, since you're makng an iPod site, and the classic color for iPods is white, I would try to make the site as visually light as possible. For example, on the Nav bar, for the background use a slight gradient from light gray to white that goes down the page. If I don't make any sense, then go to <!-- m --><a class="postlink" href="http://mozilla.org">http://mozilla.org</a><!-- m --> and look at the top of the pages background: slight gradient. It would even be cooler if you could make the whole page out of those gradients, then you'd really have an iPod/futuristic look.Originally posted by mercury7
As to the site, I think you should make some more enticing images for the navigation section. Especially the word "Navigation", it doesn't look right as text.
Don't worry, it's not completely finished yet, I've been planning on adding a few more images for things such as "Navigation".
And, since you're makng an iPod site, and the classic color for iPods is white, I would try to make the site as visually light as possible. For example, on the Nav bar, for the background use a slight gradient from light gray to white that goes down the page. If I don't make any sense, then go to <!-- m --><a class="postlink" href="http://mozilla.org">http://mozilla.org</a><!-- m --> and look at the top of the pages background: slight gradient. It would even be cooler if you could make the whole page out of those gradients, then you'd really have an iPod/futuristic look.
That's a great idea. I'm not exactly sure how to do it, but I'll look around and see if I can figure it out. Thanks for the input
You could do it like:body{
background-color: white;
}
#navBar{
background:transparent url("gradient.jpg") repeat-y top left;
border:3px double #ddd;
}
With this image:Originally posted by mercury7
You could do it like:
body{
background-color: white;
}
#navBar{
background:transparent url("gradient.jpg") repeat-y top left;
border:3px double #ddd;
}
With this image:
Thanks
, I'll try that out later and let you know how it works out.