Detalhes da questão

Endereço do fórum: http://brunomichael.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Coloquei borda e aumentar a lagura do perfil porém estou com um problema, segue a imagem:  http://prntscr.com/hkfynm 
A borda está passando lá em cima teria como tirar?

Edit: Na verdade eu queria a barra só do lado direito onde vai separar as info do perfil da mensagem da postagem, eu coloquei borda porém está passando em tudo fazendo um quadrado

Código:

.postprofile {
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    padding: 18px;
    position: relative;
    width: 250px;
    word-wrap: break-word;
    border: 1px solid #3793ff;
    border-radius: 0;
     
}

Saudações querido!

Substitua o seu código por este:

Código:

.postprofile {
color: #000;
display: block;
float: left;
font-size: 1.3rem;
padding: 18px;
position: relative;
width: 250px;
word-wrap: break-word;
border-right: 1px solid #3793ff;
border-radius: 0;
}

Att!

Resultou, http://prntscr.com/hkuu0e
Olha a imagem tem uma linha passando la em cima teria como tirar?
E a mensagem não está reta lá em baixo ela volta a antiga posição.

A linha subindo até a parte onde fica o título o senhor diz?

Sim a linha ficou boa porém ela passa lá para cima onde tem o titulo eu quero deixa ela sem atravessar lá, e o corpo da mensagem lá embaixo ele não fica alinhado.

Faremos diferente.

Substitua código anterior por este:

Código:

.postprofile {
color: #000;
display: block;
float: left;
font-size: 1.3rem;
padding: 18px;
position: relative;
width: 250px;
word-wrap: break-word;
border-right: none !important;
border-radius: 0;
}

Feito isto, adicione este outro código na tua CSS:

Código:

.postbody {
margin-left: 230px !important;
border-left: 1px solid #3793ff !important;
}

Att!

Perfeito resultou é desse jeito que eu quero, porém olha aqui está ok http://prntscr.com/hl1tex porém um mensagem com poucas linha fica assim http://prntscr.com/hl1trx tem como pegar em tudo ?

Bruno_Michael escreveu:Perfeito resultou é desse jeito que eu quero, porém olha aqui está ok http://prntscr.com/hl1tex porém um mensagem com poucas linha fica assim http://prntscr.com/hl1trx tem como pegar em tudo ?

Bom dia Bruno_Michael,

O efeito repassado pelo nosso colega varia de acordo com o tamanho da mensagem, logo não será possível determinar um tamanho que deseja. Pelo que entendi pelas mensagens anteriores era exatamente esse efeito que o senhor desejava.

Até mais!

Entendi, então ao invez desse efeito eu conseguiria fazer uma borda entre o avatar e as informações do perfil tipo o perfil daqui da fórumeiros?

Edit: Conseguir fazer http://prntscr.com/hl6ypx 
Como que da um espaço ali nas informações da borda ?

Veja assim:

Código:

.row2 {
    background-color: #f8f8f8;
    padding: 0 10px;
}
.postprofile {
    width: 250px;
    background-color: #f0f0f0;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-top: 8em;
    margin-bottom: 10px;
    text-align: left;
}
.postprofile-avatar {
    margin-bottom: 6px;
}
.postprofile-avatar img {
    border: 1px solid #3793ff;
    border-radius: 0;
    height: auto;
    min-height: 300px;
    min-width: 170px;
    position: relative;
    width: 170px;
}
.postprofile-name {
    padding-top: 7px;
}
span.label img {
    height: 16px;
    width: 16px;
    max-width: 16px;
    max-height: 16px;
}

ficará assim
se bugar https://i.imgur.com/Lh56r2m.png

Bruno_Michael escreveu:Entendi, então ao invez desse efeito eu conseguiria fazer uma borda entre o avatar e as informações do perfil tipo o perfil daqui da fórumeiros?

Edit: Conseguir fazer http://prntscr.com/hl6ypx 
Como que da um espaço ali nas informações da borda ?

Basta editar o código que o senhor fez alterações por esse:

Código:

.postprofile {
    border: 1px solid #3793ff!important;
    border-radius: 0;
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    margin: 95px 0 0 10px;
    padding: !important;
    position: relative;
    width: 250px;
    word-wrap: break-word;
}

Até mais!

Resultou, agora tem como da uma espaço dos icones de perfil,mensagem privada e site. Pois está junto com a linha da borda.
http://prntscr.com/hl77qp

ponha este

Código:

.postprofile {
    border-radius: 0;
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    margin: 95px 0 0 10px;
    padding: !important;
    position: relative;
    width: 250px;
    word-wrap: break-word;
}


Obrigado pela ajuda de todos, conseguir arrumar aqui tive que alterar o css postprofile-contact img para alcança o efeito desejado.

Resolvido.