xplizit
10-13-2008, 10:51 AM
Hope someone can offer some advice because I'm struggling here!
I'm "working" on this site: http://subcon-fusion.com/maroc_test2
Here are the links to the html and css so you can look at the code:
http://subcon-fusion.com/maroc_test2/index.html
http://subcon-fusion.com/maroc_test2/andreas07.css
(should I also paste the code into my post?)
Now for the problems...
1) I'd like the dune image at the bottom left of the page to always be at the bottom of the menu, regardless of the browser's resolution. (The menu is fixed btw but you can't tell on the main page because there isn't enough text to require scrolling but if you go to the "Circuits" page you can see that it is)
I've tried align="bottom" and align ="absbottom" but it doesn't work...
I've also tried applying the advice in this (http://codingforums.com/showthread.php?t=133506) thread but to no avail.
2) My footer's position is all wrong... I followed this (http://www.dave-woods.co.uk/index.php/css-fixed-footer/) tutorial but it's not working. I'd like it to always be at the bottom of the screen regardless of the browser's resolution. It looks ok on the "Circuits" page because there is enough text to push it down to the bottom but on the index it's far too high up.
3) Image wrapping... Is there a way to override the CSS rules for particular images on the page? I'd like to keep the CSS image rules as they are because the margins work well for the banner at the top of the page. However, the image embedded in the text doesn't display properly - the text is stuck to the right side of it. I added an hspace="20" but it only seems to make a difference in IE (7) but not in firefox or chrome and it adds 20px to the left and right of the image whereas I only want it to the right!
I hope I've been relatively clear and that someone will be able to help. As I'm sure you can tell, I barely know what I'm talking about :D
And I know the site itself looks rubbish atm, but it's only a start and I hope I can improve it once these problems are out of the way.
Thanks in advance!
I'm "working" on this site: http://subcon-fusion.com/maroc_test2
Here are the links to the html and css so you can look at the code:
http://subcon-fusion.com/maroc_test2/index.html
http://subcon-fusion.com/maroc_test2/andreas07.css
(should I also paste the code into my post?)
Now for the problems...
1) I'd like the dune image at the bottom left of the page to always be at the bottom of the menu, regardless of the browser's resolution. (The menu is fixed btw but you can't tell on the main page because there isn't enough text to require scrolling but if you go to the "Circuits" page you can see that it is)
I've tried align="bottom" and align ="absbottom" but it doesn't work...
I've also tried applying the advice in this (http://codingforums.com/showthread.php?t=133506) thread but to no avail.
2) My footer's position is all wrong... I followed this (http://www.dave-woods.co.uk/index.php/css-fixed-footer/) tutorial but it's not working. I'd like it to always be at the bottom of the screen regardless of the browser's resolution. It looks ok on the "Circuits" page because there is enough text to push it down to the bottom but on the index it's far too high up.
3) Image wrapping... Is there a way to override the CSS rules for particular images on the page? I'd like to keep the CSS image rules as they are because the margins work well for the banner at the top of the page. However, the image embedded in the text doesn't display properly - the text is stuck to the right side of it. I added an hspace="20" but it only seems to make a difference in IE (7) but not in firefox or chrome and it adds 20px to the left and right of the image whereas I only want it to the right!
I hope I've been relatively clear and that someone will be able to help. As I'm sure you can tell, I barely know what I'm talking about :D
And I know the site itself looks rubbish atm, but it's only a start and I hope I can improve it once these problems are out of the way.
Thanks in advance!