Olá,

Estava criando um sistema até básico para a categoria mais não sei o motivo de não estar funcionando o código pois estava a funcionar mais ai depois não quis mais funcionar

Aqui esta o código que utilizo

Código:

<span class="descat">   <span style="margin-top: -480px; margin-left: -880px; display: block; width: 1600px; height: 917px; background: url(http://fc09.deviantart.net/fs71/i/2013/259/d/a/naruto_645_646_by_kazuyag12-d6m2mwx.png) center center no-repeat;">

<span class="descat_conteudo "> Acabou de se registrar ? Está deverá ser a primeira área que você deve olhar, esta área encontrará todos os regulamentos e tutoriais para conhecer melhor a jogabilidade do fórum, e terá outras regras em geral. </span> </span>


<style>
.descat{
border:2px solid #E3D9C7;
box-shadow:1px 1px 1px #191817;
display:block;
height:117px;
margin:auto;
overflow:hidden;
width:417px;
}
.descat_conteudo {
    background-color: #FFF;
    color: #636363;
    display: block;
    font-size: 13px;
    height: 108px !important;
    opacity: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 407px;
    text-align: center;
}
.descat_conteudo:hover{
-webkit-transition:all 2s ease .1s;
opacity:.75;
transition:all 2s ease .1s
}
/***************** CRÉDITOS QUAKELINE ************/
</style></span>

Ele e adicionado na descrição da categoria, o efeito e adicionar uma imagem na descrição e ao passar o mouse sobre ela aparece a descrição da categoria que foi adicionado no código

http://prntscr.com/4idmi0

E este modelo que o código fica mais ao passar o mouse a descrição não esta aparecendo como devia, antes estava mais agora não só quero que arrume este erro

Até

A Única coisa que está "bugando" é o margin-top e margin-left,
Mas se tirar os margin's ele buga a imagem...

Olá,

O que eu estou falando que esta bugado e que quando passa o mouse sobre a imagem a descrição não aparece como deveria

Até

Tente isto:

Código:


<span class="descat">   <span style="display: block; width: 1600px; height: 917px; background: url(http://fc09.deviantart.net/fs71/i/2013/259/d/a/naruto_645_646_by_kazuyag12-d6m2mwx.png) -838px -480px">

<span class="descat_conteudo "> Acabou de se registrar ? Está deverá ser a primeira área que você deve olhar, esta área encontrará todos os regulamentos e tutoriais para conhecer melhor a jogabilidade do fórum, e terá outras regras em geral. </span> </span>


<style>
.descat{
border:2px solid #E3D9C7;
box-shadow:1px 1px 1px #191817;
display:block;
height:117px;
margin:auto;
overflow:hidden;
width:417px;
}
.descat_conteudo {
    background-color: #FFF;
    color: #636363;
    display: block;
    font-size: 13px;
    height: 108px !important;
    opacity: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 407px;
    text-align: center;
}
.descat_conteudo:hover{
-webkit-transition:all 2s ease .1s;
opacity:.75;
transition:all 2s ease .1s
}
/***************** CRÉDITOS QUAKELINE ************/
</style></span>


Olá,

Funcionou como eu desejava podem fechar vlw '-'

Até