Help with a <div> setting

[JohnL]

Hoping someone may assist me.

I am doing a website for a soccer club. If you look at the site:

http://www.testing.theentrancesoccerclub.com.au/soccerbg.html

and what I am attempting to do is to place some links and images below the menu links. You will see the text "Wet Weather" that I would like to link to a document but I would like that text to be centered in the column. Also I would like any images I put there to be centered as well.

Do I need to add a seperate <div> for the <ul> portion? Here is the .css portion:



#body {
margin:10px 10px 0px 10px;
padding:0px;

}


#mainright {
width:20%;
float:left;
background:#ffffff;
padding-left:40px;
padding-top:150px;
padding-bottom:10px;

}

#mainright1 {
width:20%;
float:left;
padding-left:40px;
padding-top:180px;
padding-bottom:10px;

}

#maincenter {
width:55%;
float:left;

padding-top:170px;
padding-left:10px;
padding-bottom:10px;

}

#maincenter1 {
width:70%;
float:left;
background:#ffffff;
padding-top:150px;
padding-left:50px;
padding-bottom:10px;

}

#mainleft {
width:150px;
float:left;
height:150px;
padding-left:100px;
width:50px;
padding-top:230px;
}



#mainleft1 {
width:150px;
float:left;

height:150px;
padding-left:100px;
width:50px;
padding-top:230px;
}

#footer {
width:100%;
height:45px;
text-align:center;
margin-top:5px;
padding:1px;
background:lightblue;
color:red;
border:1px solid red;
clear:both;
}

.points1 {
list-style-image: url('button.gif');
margin-left:60px;

}

ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
text-align:center;
position: absolute;
background:purple;
top: 200px;
left: 40px;
width: 150px;
}


ul.navbar li {
background: red;
margin: 3px;
padding: 5px;

}

ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: blue }
}

.table, .table TD, .table TH
{
font-family:Comic Sans MS;
font-size:5pt;
background:#2554C7;

}

h1.pos_abs
{
position:absolute;
left:250px;
top:520px
}

#banner1 {
background: #fff;
position:absolute;
top:0px;
left:50px
}

#banner2 {
background:url(bannerbg.gif) repeat-x;
width:1200px;
position:absolute;
top:0px;
left:75px
}

p,h1,h4,pre {
margin:0px 10px 10px 50px;




}

#h1 {
font-size:15px;
padding-top:10px;
}



#mainright p { font-size:15px}

#bgboxes {
padding-left:40px
}

#bgboxes1 {
padding-left:40px
}



Thanks for any help someone can provide....

[JohnL]

I managed to get the wet weather on one line but I have to use the text wet_weather. Also managed to get the image where it shoudl be by editing the .ccs mainleft1 to:

#mainleft1 {
position:absolute;
left:80px;

}

BUT still having the problem where is I put a space between 2 words, they do not appear side by side. I have updated the online page.

[AndyArmstrong]

The link doesnt work..

[JohnL]

The link doesnt work..

Try again, it works for me. The full link is:

testing.theentrancesoccerclub.com.au/soccerbg.html

[JohnL]

Can anyone assist please?