text center top and bottom only

windows

Guest
Trying to get the text to center top and bottom but still stay to the left column and the cursor item doesn't seem to work...

<div id="leftcontent">
<div onclick=window.open("http://www.cdc.gov/flu/avian/","_blank");
class="standard"
onmouseover="this.className='highlight'"
onmouseout="this.className='standard'">
Avian Influenza Alert</div>
<div onclick=window.open("http://www.cdc.gov/flu/avian/","_blank");
class="standard"
onmouseover="this.className='highlight'"
onmouseout="this.className='standard'">
Avian Influenza</div>
</div>

#leftcontent {
CLEAR: none;
PADDING-RIGHT: 0px;
BORDER-TOP: #e5e5e5 3px solid; DISPLAY: inline;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 2px;
/* margins settings are- top,right,bottom,left */
MARGIN: .2cm 0px 0px 0px;
BORDER-LEFT: #e5e5e5 3px solid;
WIDTH: 175px; Height: 200px;
PADDING-TOP: 0px;
POSITION: relative;
BORDER-BOTTOM: #e5e5e5 3px solid; WIDTH: 175px;
FONT-SIZE: 9pt; font-weight: bold;
}

.standard {
FONT-SIZE: 9pt; font-weight: bold;
Padding-top:8px; padding-bottom-8px
cursor: default;
}

.highlight {
background-color:#ffffff;
FONT-SIZE: 9pt; font-weight: bold;
Padding-top:8px; padding-bottom-8px
cursor: hand;
}errors in your code, replace with this.standard {
font-size: 9pt; font-weight: bold;
padding-top:8px; padding-bottom:8px;
cursor: default;
}

.highlight {
background-color:#fff;
font-size: 9pt; font-weight: bold;
padding-top:8px; padding-bottom:8px;
cursor: hand;
}Thats it! great~
lastly...
anything I can use for a spacing before text on the left margin besides this ?give the p a margin-left: 5px; or whatever distance you would likeThat pushes the text away from the edge, but the background moves with it...??? So theres no space on the left side when highlighted with the background.Sorry, I don't understand, what would you like and what is happening?Im just going to use "nbsp;" * before the text on each link...
Thanks for your help~
Have a great day!
 
Back
Top