3 replies [Last post]
jasonx
Offline
newbie
Last seen: 13 years 35 weeks ago
Joined: 2007-03-26
Posts: 9
Points: 0

Hey guys,

I want my #menubuttons padded abit so their basically in the centre vertically of the #menubuttons div. I've tried putting margin-top inside #menubuttons a:link but to no avail. Does anyone know how I can achieve this?

Here is my css

body { font-family: Arial, Helvetica, sans-serif; }

#wrapper {
width: 723px;
margin-right: auto;
margin-left: auto;
}
#menubuttons {
background-color: #FFC20E;
height: 38px;
width: 723px;
background-image: url(../img/menubg.gif);
font-size: 1.4em;
font-weight: bold;
color: #000000;
}

#menubuttons a:link {
color:#000000;
margin-top: 10px;
margin-left:35px;
margin-right:35px;
text-decoration:none;
letter-spacing: -0.02em;
}
#logo {
float: left;
clear: both;
padding-left: 20px;
}
#menulinks {
color:#999999;
font-size: 0.8em;
padding-top: 18px;
padding-bottom: 10px;
text-align: right;
}

#menulinks a:link {
color: #000000;
text-decoration:none;
}

#btncheckout {
font-size: 0.9em;
padding-left:19px;
padding-right:20px;
width: 88px;
background-image: url(../img/btncheckout.gif);
}

#btncheckout a:link {
color:#FFFFFF;
}

And this is my HTML

" />
<?php print($this->PageTitle) ?>

<?php $this->RenderBegin(); ?>







<?php require_once($this->FormTemplate);?>




<?php $this->RenderEnd(); ?>

jasonx
Offline
newbie
Last seen: 13 years 35 weeks ago
Joined: 2007-03-26
Posts: 9
Points: 0

Here is a screen dump of the

Here is a screen dump of the rendered page in FireFox. I want the menubuttons link to be brought down a tad.

AttachmentSize
screendump.gif 33.74 KB
Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Try setting line height to

Try setting line height to the same value as the height.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jasonx
Offline
newbie
Last seen: 13 years 35 weeks ago
Joined: 2007-03-26
Posts: 9
Points: 0

That did the trick. Thank

That did the trick. Thank you.