Cambiare background al "contenitore" se si passa sopra il contenuto.
Ragazzi scusate il titolo ma non so come scriverlo, è difficile in 255 sintetizzare il problema :oops:
Allora, ho questo codice:
Codice HTML:
<td width="100%" class="forum-buttons" colspan="3">
<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_upi2db_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_off -->
<!-- IF S_LOGGED_IN -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<!-- IF S_HEADER_DROPDOWN -->
<a href="{FULL_SITE_PATH}{U_SEARCH}" onmouseover="dropdownmenu(this,event,menu1,'250px')" onmouseout="delayhidemenu()">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ELSE -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- IF not S_LOGGED_IN -->
<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
</td>
E questo css per la classe forum-buttons:
Codice:
.forum-buttons {
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
height: 28px !important;
color: #e8e8ee;
background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center top;
overflow: hidden;
}
.forum-buttons a, .forum-buttons img {
float: left;
}
.forum-buttons a, .forum-buttons a:visited {
color: #023353;
font-weight: bold;
text-decoration: none;
display: block;
padding: 7px;
}
.forum-buttons a:hover, .forum-buttons a:active {
color: #fff;
}
Allora, dovrei fare in modo che il background della tabella, quindi di forum-buttons si sposti quando passo sopra un link, ma solo nel link.
Cioè, ora i link non hanno background, si vede quello della tabella, quando passo sopra, solo dietro al link in hover, devo spostare lo sfondo della tabella.
In pratica deve fare da:
Codice:
background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center top;
a:
Codice:
background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center bottom;
Ho provato così:
Codice:
.forum-buttons:hover a:hover {
background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center bottom;
}
Funziona se passo sopra il link, il problema che mi scorre SEMPRE la stessa parte dello sfondo, per tutti i link, non il background in generale.
Non so se si è capito il problema, in ogni caso grazie in anticipo :wink:
