Jump to content


Photo

css rollover menu


  • Please log in to reply
2 replies to this topic

#1 pneudralics

pneudralics
  • Members
  • PipPipPip
  • Advanced Member
  • 241 posts

Posted 02 April 2006 - 02:34 AM

I can't seem to align IMAGE with link. I want it to look like this:
IMAGE link

Ran out of ideas...anyone? I just keep on getting this:
IMAGE
link


<style type="text/css">
table.messagecenter a { 
width:125px; 
border:1px solid #333333; 
display: block; 
} 

div.messagecenter a {
color: #333333; 
background: #ffffff; 
text-decoration:none; 
font-size:11px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 2px 5px;
}

div.messagecenter a:link {
color: #333333; 
background: #cccc99; 
}

div.messagecenter a:active { 
color: #000000;
background: #cccc99; 
}

div.messagecenter a:visited {
color: #333333; 
background: #cccc99; 
}

div.messagecenter a:hover {
color: #eeeeee;
background: #333333; 
border:1px solid #000000; 
}

</style>

<div class="messagecenter">
<table summary="" cellpadding="1" cellspacing="1" class="messagecenter">
<tr>
<td>IMAGE linnk</td>
</tr>
<tr>
<td>IMAGE link</td>
</tr>
<tr>
<td>IMAGE link</td>
</tr>
</table>
</div> 


#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 02 April 2006 - 03:19 AM

Just give the image a float: left; property.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 pneudralics

pneudralics
  • Members
  • PipPipPip
  • Advanced Member
  • 241 posts

Posted 02 April 2006 - 03:33 AM

Cool thanks. Couldn't get the image inside with the link it looks like this:
IMAGE [link]

All I'm gonna do is match the border with the background color.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users