CSS Help

Soldato
Joined
1 Dec 2003
Posts
2,818
Location
Liverpool
Hey,

When i hover over messages it messes up, how do i fix this? demo and css below.

'browse' should just appear next to messages, obviously the length of the orange part on the messages hover is causing the problem?

With the code below, what is wrong?

PHP:
/* MESSAGES */
table.messages_table {
        border: 1px solid #DDDDDD;
}
td.messages_header {
        padding: 4px 5px 5px 6px;

        font-weight: bold;
        background-image: url(../images/header.gif);
        background-repeat: repeat-x;
        color: #333333;
}
td.messages_left {
        width: 100%;
        text-align: left;
        vertical-align: middle;
}
td.messages_right {
        text-align: right;
        vertical-align: middle;
}
tr.messages_unread {
        background: #F5F5F5;
        font-weight: bold;
}
tr.messages_read {
        background: #FFFFFF;
}
td.messages_message {
        border-top: 1px solid #CCCCCC;
        padding: 7px 5px 7px 7px;
        vertical-align: top;

thanks

78502703.jpg
 
Okay, this is going to get messy!...for you anyway lol

Live demo:
All currently being made, far far from done...also Huge IE errors grrr! :( so please view in FF.

user: [email protected]
pass: testing


I will upload the files for you to view, give me two, thanks...css crew lol

edit: you can grab th files at http://wehavetomorrow.co.uk/ocuk
 
Last edited:
Back
Top Bottom