Log in

View Full Version : CSS help



ClubTime
26-08-2006, 05:58 PM
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
26-08-2006, 06:20 PM
.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
26-08-2006, 06:24 PM
its not the text i want aligning its the actually blue boxes

:Blob
26-08-2006, 06:25 PM
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
26-08-2006, 06:36 PM
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
26-08-2006, 06:51 PM
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
26-08-2006, 06:59 PM
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
26-08-2006, 07:11 PM
okay i get this:

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

(no different)

RyanOkay
26-08-2006, 07:13 PM
Chris just make the slide down bit the same width as the images ;S

ClubTime
26-08-2006, 07:19 PM
it will look crap then though. There must be a way to be do

Want to hide these adverts? Register an account for free!