Messages

I also came across this tutorial but it doesn't work

Ahh cool thanks.

Another problem lol sorry, I'm using the <hr> tag to separate things on the pages and I'm styling this with my css

Code Select Expand

hr{
width: 570px;
color: #FFFFFF;
background-color: #FFFFFF;}

www.evilsprouts.co.uk/update

I understand that IE uses the color attribute and FF uses background-color how ever the lines are set at their default colour in FF but they are white as they are supposed to be in IE, any ideas please?

Basically when the content area of the page has lots of stuff in it it over laps the footer but what I want is for the footer to always be at the very bottom of all the content. I'm sorry I'm not all that good at explaining things.

Does anyone know of a good guide for HTACCESS by any chance please?

Sorry about the topic hijack but no point making a new topic just for this

[THINK]

I THINK you can't have it directly linked to a directory in you account but you can use htaccess. There is another topic about this here somewhere.

Please could you help me with something else??? If you see the footer with the copyright and stuff at the bottom of this page www.evilsprouts.co.uk/update well it's positioned using this:

Code Select Expand

#bottom{
position: absolute;
height: 50px;
width: 770px;
left: 90px;
top: 625px;}

But if the content in the page goes past 625px it over laps the footer rather than the footer moving with the content how could I fix this please?

Ok thanks, the reason I posted the whole style sheet is because I didn't know if the font wasn't working properly because it mite have been conflicting with something else in the file.

But thanks you were all a great help!!!

ttry this in ur css

Code Select Expand


#bottom p.footer {
font-size: 10px;
}


and make sure it is at the bottom most of your css

Fantastic thanks allot 

Ok sorry I think the sun is getting to me the link is www.evilsprouts.co.uk/update

ok i changed it to 10pt but still the same?

Please can someone tell me where I have gone wrong, I can't seem to get footer to be the font and size I want?

My css:

Code Select Expand

#footer{font: normal 10px Verdana, sans-serif;}

body{
background-color: #000000;
color: #FFFFFF;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
margin: 0px;
text-align: center;
}
img{border: 0;}
#pageHeade{
margin-top: 0px;
text-align: justify;}
#mainpage{
letter-spacing: 0px;
margin-bottom: 0px;}
a:link{
font-weight: bold;
color: #FFFFFF;}
a:visited{
font-weight: bold;
color: #FFFFFF;}
a:hover, a:active{color: #FFFFFF;}
#container{
position: relative;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
width: 930px !important;
width: 930px;
background: #000000;
color: #FFFFFF;}
#mainpage{
position: absolute;
left: 220px;
top: 150px;
width:620px;
height:365px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
font: normal 12px Verdana, sans-serif;}
#pageHeader{
position: absolute;
left: 90px;
background: url("http://www.evilsprouts.co.uk/new/inc/logo.gif") no-repeat 0px 0px;
margin-left: 0px;
margin-top: 0px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
width: 400px;
height: 100px;
float: left;}
#menubar{
position: absolute;
left: 90px;
top: 150px;
width:125px;
height:365px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
letter-spacing: -1px;
font: bold 14px Verdana, sans-serif;}
.housebutton{
margin-bottom: 0px;
margin-top: 0px;}
.housebutton a{
border: solid 1px;
border-color: #FFFFFF;
display: block;
color: #FFFFFF;}
.housebutton a:link{
color: #FFFFFF;
text-decoration: none;}
.housebutton a:visited{
color: #FFFFFF;
text-decoration: none;}
.housebutton a:hover{
color: #000000;
background: #FFFFFF;}
#bottom{
position: absolute;
height: 50px;
width: 770px;
left: 90px;
top: 625px;}
#location{
height: 25px;
width: 570px;
margin-left: 0px;}
#contact{font: bold 19px Verdana, sans-serif;
float: center;}


Thanks

You still connect to ftp.freepgs.com and it doesn't matter which you link to but it looks better if you link to yourdomain.org.

Well the actual reason I wanted to do it in CSS is because not only wanting to learn CSS but I'm making provisions for the future, I could have easily done it with tables but didn't want to. Thanks for all the help btw.

Ok I have a script where when a link is hovered over an image is displayed but now I want an image to be displayed and text to be displayed underneath but I can't work out how to do this without using text boxes.

Please help me?

Thats great thanks.