CSS help

[ClubTime]

I have a slide down menu but i am struggling with the CSS

here (http://cb-hosting.co.uk/menu) is the menu.

I want the writing to be in the middle (down abit) and the slide option centered.

here is the CSS file



.mainDiv
{
width:163px;

}
.topItem
{
width:177px;
height:22px;
cursor:pointer;
background-image: url(Button copy.gif);
border-top:0px solid #000000;
border-left:0px solid #000000;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
text-decoration: none;
text-align: center;
color: black;
font-weight:bold;
font-family:"verdana";
font-size: '8pt';

}

.dropMenu
{
background:#06096a;
align: center;
border-top:0px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:0px solid #000000;

}
.subMenu
{
display:none;
}
.subItem
{
padding-left:5px;
cursor:cross;
font-weight:none;
font-family: 'verdana';
font-size: '8pt';
text-decoration:none;
color: white;
}
.subItem a
{
text-decoration:none;
font-family: 'verdana';
color: white;
}
.subItemOver
{
cursor:pointer;
color: #c86105;
text-decoration:underline;
font-family: 'verdana';
font-size: '8pt';
font-weight:bold;
padding-left:5px;
}
.subItemOver a
{
color: #c86105;
}

.drop
{
border-left:0px solid black;
border-right:0px solid black;
}

[:Blob]

.subItem
{
padding-left:5px;
cursor:cross;
font-weight:none;
font-family: 'verdana';
font-size: '8pt';
text-decoration:none;
color: white;
}
.subItem a
{
text-decoration:none;
font-family: 'verdana';
color: white;
}

I take it that is the font?

Anyway, just use the aglining (Cant spell <---)

.subItem
{
padding-left:5px;
cursor:cross;
align: center;
font-weight:none;
font-family: 'verdana';
font-size: '8pt';
text-decoration:none;
color: white;
}
.subItem a
{
text-decoration:none;
font-family: 'verdana';
color: white;
align: center;
}

[ClubTime]

its not the text i want aligning its the actually blue boxes

[:Blob]

I want the writing to be in the middle (down abit) and the slide option centered.


??????

And: Did you say you wanted it all centered?

try:

body {
align: center;
}

[JoeComins]

The main width is 163, so centered in that is fine, but the heading text is centered 172px, and the center of 172 isnt the same as 163 - make them both 172 or both 163: just make them the same

[ClubTime]

No the blue centered is 163 because then i comes out of the middle of the image and not the edges becuase then they dont line up.

EDIT: when i do the



body {align: center;}

i get this

http://www.time4anupload.co.uk/uploads/6189af1420.jpg

[JoeComins]

Type in proper english:


.mainDiv
{
width:177px;

}
.topItem
{
width:177px;
}

The top one is the main DIV.
The bottom one is the Title.
The center of the title if off center with the center of the blue because teh centeres are in different places.

FIND:

.mainDiv
{
width:163px;

}
.topItem
{
width:177px;
height:22px;
cursor:pointer;
background-image: url(Button copy.gif);
border-top:0px solid #000000;
border-left:0px solid #000000;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
text-decoration: none;
text-align: center;
color: black;
font-weight:bold;
font-family:"verdana";
font-size: '8pt';

}


REPLCAE WITH:

.mainDiv
{
width:177px;

}
.topItem
{
width:177px;
height:22px;
cursor:pointer;
background-image: url(Button copy.gif);
border-top:0px solid #000000;
border-left:0px solid #000000;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
text-decoration: none;
text-align: center;
color: black;
font-weight:bold;
font-family:"verdana";
font-size: '8pt';

}


Do it and get me a screenshot

Sorry, jsut edited it.
Jsut do it

[ClubTime]

okay i get this:

http://www.time4anupload.co.uk/uploads/69ae9eaecb.jpg

(no different)

[RyanOkay]

Chris just make the slide down bit the same width as the images ;S

[ClubTime]

it will look crap then though. There must be a way to be do