I am trying to create a new page in order to better exercise my new css knowledge, but I can't get by this one part:
on the website there is a navigation menu to the right. The menu is in list form since that seems to be the easiest to work with, but there is this large gap between the beginning of the list and the image at the top of the navigation bar. If you look at the page you may better understand it.
the website is at <!-- m --><a class="postlink" href="http://www.geocities.com/akos91">http://www.geocities.com/akos91</a><!-- m --> (sorry for geocities, but I currently don't have any other place).
thanks, all help is greatly appreciated.Since it's on Geocities, the ads cover up your navigation menu -- I can't see it. Maybe try another host such as <!-- w --><a class="postlink" href="http://www.freewebs.com">www.freewebs.com</a><!-- w --> or <!-- w --><a class="postlink" href="http://www.bravenet.com">www.bravenet.com</a><!-- w -->, perhaps.ok, I changed to bravenet. there are still massive banners but they shouldn't block the navbar anymore:
<!-- m --><a class="postlink" href="http://akos91.bravehost.com/your">http://akos91.bravehost.com/your</a><!-- m --> topics div is set to be 36 pixels tall, but the image is only 17, thus the 19px gap.whoops, that was pretty stupid of me. thanks!I have another problem but it is not worth making a new topic about:
in the navigation menu, I have put borders on the bottom of each list item. It works well until it reaches the bottom part of the navigation, which then gives it an undesirable look of a border stacked on the navigation bottom. How do I remove that without affecting any of the other borders?You should probably use a class="noBorderBottom" or something like that.ok, I tried that but it did not seem to work. It seems like the settings for all the nav li's dominates over the different settings for an individual one.Originally posted by akos91
ok, I tried that but it did not seem to work. It seems like the settings for all the nav li's dominates over the different settings for an individual one.
In your HTML code, I don't see you calling any class. I'm talking about using something like this in your last LI.
<li class="noBottomBorder">
And making a class in your CSS called ".noBottomBorder" and setting its properties accordingly.yea, i tried it on my computer. I will try again and upload it, I could have done something wrong.
Another problem. On the site I have begun constructing a footer, but the footer is never on the bottom of the page because there is no content to push it down there. On the page at bravenet you can't really see the problem since the banners actually create that last bit of content space I need, but I don't plan to use bravenet forever, so I need some solution.Use clear: both; on your footer (since you are using floats which literally "float" out of the document flow).I already have that...I think it is probably too difficult to explain without some sort of visual means, which sucks because all the free webhosts I have tried so far have some sort of crippling downside. but then again, thats why they're free.In your CSS change this:
.nobottomborder
to this:
#nav li.nobottomborder
It will work!
Thanx.thanks, it worked.
I am still having trouble with the footer, though.It looks fine to me... do you mean that you want your footer to stick to the bottom of the page?Originally posted by Sam
It looks fine to me... do you mean that you want your footer to stick to the bottom of the page?
I think he's saying it works at the example site, but only because the ads at the top. I was thinking maybe try some margins, if all else fails...yea, Jona, that is the situation. I guess for now I will use margins and if any other solution every comes up, or I think of enough content to fill up the remaining space, I'll replace it. thanks.are there any other solutions? I tried margins but for some reason they did not appear.
on the website there is a navigation menu to the right. The menu is in list form since that seems to be the easiest to work with, but there is this large gap between the beginning of the list and the image at the top of the navigation bar. If you look at the page you may better understand it.
the website is at <!-- m --><a class="postlink" href="http://www.geocities.com/akos91">http://www.geocities.com/akos91</a><!-- m --> (sorry for geocities, but I currently don't have any other place).
thanks, all help is greatly appreciated.Since it's on Geocities, the ads cover up your navigation menu -- I can't see it. Maybe try another host such as <!-- w --><a class="postlink" href="http://www.freewebs.com">www.freewebs.com</a><!-- w --> or <!-- w --><a class="postlink" href="http://www.bravenet.com">www.bravenet.com</a><!-- w -->, perhaps.ok, I changed to bravenet. there are still massive banners but they shouldn't block the navbar anymore:
<!-- m --><a class="postlink" href="http://akos91.bravehost.com/your">http://akos91.bravehost.com/your</a><!-- m --> topics div is set to be 36 pixels tall, but the image is only 17, thus the 19px gap.whoops, that was pretty stupid of me. thanks!I have another problem but it is not worth making a new topic about:
in the navigation menu, I have put borders on the bottom of each list item. It works well until it reaches the bottom part of the navigation, which then gives it an undesirable look of a border stacked on the navigation bottom. How do I remove that without affecting any of the other borders?You should probably use a class="noBorderBottom" or something like that.ok, I tried that but it did not seem to work. It seems like the settings for all the nav li's dominates over the different settings for an individual one.Originally posted by akos91
ok, I tried that but it did not seem to work. It seems like the settings for all the nav li's dominates over the different settings for an individual one.
In your HTML code, I don't see you calling any class. I'm talking about using something like this in your last LI.
<li class="noBottomBorder">
And making a class in your CSS called ".noBottomBorder" and setting its properties accordingly.yea, i tried it on my computer. I will try again and upload it, I could have done something wrong.
Another problem. On the site I have begun constructing a footer, but the footer is never on the bottom of the page because there is no content to push it down there. On the page at bravenet you can't really see the problem since the banners actually create that last bit of content space I need, but I don't plan to use bravenet forever, so I need some solution.Use clear: both; on your footer (since you are using floats which literally "float" out of the document flow).I already have that...I think it is probably too difficult to explain without some sort of visual means, which sucks because all the free webhosts I have tried so far have some sort of crippling downside. but then again, thats why they're free.In your CSS change this:
.nobottomborder
to this:
#nav li.nobottomborder
It will work!
Thanx.thanks, it worked.
I am still having trouble with the footer, though.It looks fine to me... do you mean that you want your footer to stick to the bottom of the page?Originally posted by Sam
It looks fine to me... do you mean that you want your footer to stick to the bottom of the page?
I think he's saying it works at the example site, but only because the ads at the top. I was thinking maybe try some margins, if all else fails...yea, Jona, that is the situation. I guess for now I will use margins and if any other solution every comes up, or I think of enough content to fill up the remaining space, I'll replace it. thanks.are there any other solutions? I tried margins but for some reason they did not appear.