| Welcome to Angels Of Fire A New Jedi Order for the Ages. We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features. |
- Pages:
- 1
- 2
| HTML and CSS problem | |
|---|---|
| Tweet Topic Started: Jan 2 2012, 05:45 AM (873 Views) | |
| IrishDragon | Jan 2 2012, 05:45 AM Post #1 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Ok, so I'm building a 40 page website for a friend. 10 of the same in the following for languages: French, Finnish, Swedish, English. One problem I am facing is getting the footer to remain at the bottom of variable length pages. From the HTML
Excerpt from the cascading style sheet
Problem right now is the footer will sit right smack in the middle of the longer pages. Certain adjustments I make set the footer far higher or cut the width. It's quite annoying. I'm also only using the border right now as a means of seeing how the page is laid out. Suggestions? |
![]() |
|
| Apollonios | Jan 2 2012, 07:54 AM Post #2 |
|
Apple Onion Nose
![]() ![]() ![]() ![]() ![]()
|
I know that newest verison of HTML (HTML5) actually has a <footer> tag. That might be what you're looking for. It may even eliminate the need of CSS positioning as long as you put it at the end of the document. If that doesn't work out, try testing the "bottom" attribute in your css (this tells the browser how many +/- pixels the content will appear from the bottom of the page) . Edited by Apollonios, Jan 2 2012, 07:54 AM.
|
![]() |
|
| IrishDragon | Jan 2 2012, 11:00 AM Post #3 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
No luck with it
changed to:
No positive results. |
![]() |
|
| Cziko | Jan 3 2012, 03:35 PM Post #4 |
![]()
A forum Newbie.
![]() ![]() ![]()
|
That street has a funny name (couldn't resist). I was sort of hoping by CSS you meant Photoshop CSS, but I know nothing about HTML :( Sorry. |
![]() |
|
| IrishDragon | Jan 6 2012, 05:55 AM Post #5 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
When using the <li> function I need to find a way to remove the bullet this function creates. Also, I need to find a way to remove the underlines from links. Below is a set of code for example. The top part of the code is the navigation bar where I need to remove the bullets and the underlines. The 2nd part of the code is the FAQ portion where the client has also request the removal of the bullets and underlining. Any Web-heads know how to do these?
|
![]() |
|
| IrishDragon | Jan 6 2012, 10:09 AM Post #6 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Resolved. :D |
![]() |
|
| IrishDragon | Jan 6 2012, 10:34 AM Post #7 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
One major issue is the footer. I've been unable to get the footer to rest at the bottom of the pages. Each page is very different in length, some much shorter than average, others far longer than average. I'm unsure of the best method for creating a footer for dynamic page lengths. <footer> tags have not done it. Currently using <div id="footer"> tags but not able to find any CSS commands for floating or relative or absolute positioning at the bottom. |
![]() |
|
| Apollonios | Jan 7 2012, 03:06 AM Post #8 |
|
Apple Onion Nose
![]() ![]() ![]() ![]() ![]()
|
Hey ID, A few things I noticed with the footer. 1. You include the footer div outside of the bodycontent div in the html (at least, the html in the swedish faqs we went over.) This shifts the div to the left instead of it staying underneath. If you put the div inside of and at the end of the bodycontent div, it will stay at the bottom. 2. You have two different #footer IDs in the CSS and the first one doesn't have a closing bracket (the one with the comment inside of it.) This could render the second one (with the code) useless -- that is if you decide to add any attributes or properties later. So for starters, include the footer div at the end of the body content div so it doesn't end up in the middle of the page. When closing the div tags, be sure to close the footer div first, then the body content. You can always add other attributes and properties later in the css if needed. I did these things and they worked no problem in my browser. To remove links in your html/css, you can use the "text-decoration: none" property in the css for the a:link, a:visited:, a:hover, a:active, um, things. Not sure about the bullets. I would have to look it up. Edited by Apollonios, Jan 7 2012, 03:10 AM.
|
![]() |
|
| IrishDragon | Jan 7 2012, 05:38 AM Post #9 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
I'll check that div location later on today And yes, I've resolved the Link underlines and bullet points. B) |
![]() |
|
| IrishDragon | Jan 7 2012, 11:21 AM Post #10 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Yes, putting the footer div in the bodycontent helped. thanks! B) |
![]() |
|
| IrishDragon | Feb 27 2012, 10:36 AM Post #11 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
The website is complete, minus a few photos to replace the stock photos. http://www.aof-clan.com/Shiatsu/eng/index.html |
![]() |
|
| Apollonios | Feb 27 2012, 01:29 PM Post #12 |
|
Apple Onion Nose
![]() ![]() ![]() ![]() ![]()
|
Looks excellent. B) |
![]() |
|
| IrishDragon | Feb 27 2012, 02:33 PM Post #13 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
ty ty =) |
![]() |
|
| IrishDragon | Feb 27 2012, 04:10 PM Post #14 |
|
Founder of AoF
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Also... For those of you with HTML or CSS knowledge. I am open to critiques or tips on the site, it's functionality, and its coding. B) |
![]() |
|
| Aries | Feb 28 2012, 12:54 AM Post #15 |
![]()
A Jedi Master of Posting
![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
A couple little things I'd recommend On the links, when you click them the text tend to fade with the highlight. I suggest changing the text to turn white when clicked. It's been a while since I've messed with code so I'd have to look up the exact line you use but I know it's possible. Also I think just to add some dimension to the website, place the content in white boxes, then place a color to the background. If you need an example let me know. |
![]() |
|
| Go to Next Page | |
| « Previous Topic · Windows · Next Topic » |
- Pages:
- 1
- 2




![]](http://z4.ifrm.com/static/1/pip_r.png)





3:30 AM Jul 11