@JeanExtreme002, tá aí? :)

oi to sim

eu adicionei um padding-right no primeiro td de cada tr para dar um espaçamento

mas ainda assim não fica perfeito

OK

O que é "perfeito"? :D

esse é o tamanho da tabela

Como que tá o HTML?

esse valores à direita deveriam estar encostando no canto direito da tabela

Coloca assim no seu console:

document.querySelector('#info').outerHTML;

"<table id="info"><tr><td>Total Episodes:</td><td>0</td></tr><tr><td>Mean Score:</td><td>0</td></tr><tr><td>All:</td><td>0</td></tr><tr><td>Watching:</td><td>0</td></tr><tr><td>Completed:</td><td>0</td></tr><tr><td>Dropped:</td><td>0</td></tr><tr><td>Planning:</td><td>0</td></tr></table>"

Pode colar o CSS aqui também?

completo ?

Não, só o que se refere a essa tabela...

Então...

Tem algum motivo pra você ter colocado display: inline-block nessa tabela?

sim

Porque ao fazer isso você tá tirando algumas "propriedades" de estilização da tabela.

Se você tirar, os números devem ir à direita.

a div mãe que guarda essa tabela está com text-align: center

Só centralizar a tabela de outra forma, não?

como?

Porque inline-block na tabela não faz muito sentido. :D

margin: auto na tabela sem o display: inline-block deve a centralizar.

Man tu é um mito das web aplicações, funcionou ^^

Não exagera :b

mas como posso colocar um padding-top na tabela?

Padding-top na tabela, como assim?

Margin-top não faria mais sentido se você só quiser criar um espaçamento superior?

ops

Ou você quer outra coisa e eu entendi errado?

falei errado

é margin-top msm

como posso colocar um margin-top se eu define margin: auto ?

Só colocar um margin-top: 10px abaixo do margin: 0 auto ou colocar tudo em uma regra só...

Por exemplo:

margin: <top> <right> <bottom> <left>;

Aí ficaria: margin: 10px auto 0 auto;

ata

como pode ver tenho muito pouco conhecimento em CSS ;p

CSS é bem chatinho msm

é decoreba

se n for muito em incômodo pode me ajudar só em mais uma coisa?

sim

fiquei curioso pra saber... oq é isso q vc tá fazendo?

Eu estou querendo usar esse codepen.io/leandrosimoes/pen/VqZxaG CSS de botão na minha aplicação, só que eu quero que essa borda fique ativa mesmo sem eu colocar o mouse em cima. Como eu faço isso?

O que eu estou fazendo é basicamente um MyAnimeList Offline

eu batizei ele de OtakuList Offline

Ata

eu já tinha criado ele em Python, só que eu recentemente descobri o Electron e fiquei maravilhado com essa tecnologia

Electron >.>

é muito mais fácil criar GUI com HTML do que com um framework GUI como tkinter hehe

Sou obrigado a concordar

ue eu n entendi desse ">.>"

n gosta do Electron?

É uma relação de amor e ódio

kkkkkkkkkkkkkk

Sim, é bem mais simples de criar as UIs porque HTML é bem mais declarativo

Mas é meio ruim porque é literalmente um navegador

E Chromium pra piorar kkk

Mas um monte de app foda não foi criado cm Electron, tipo discord?

Mas acho que a tendência é que as aplicações nativas fiquem mais declarativas para se desenvolver também... Swift UI da Apple é um exemplo disso, já viu? É sensacional

Sim, Electron tem muita coisa boa, como o próprio VSCode

Mas não nego que VSCode e Discord são um dos programas que mais consomem RAM no meu computador :b

como vc quer deixar o efeito do hover sempre constante

é só tirar os :hover

Aí dá pra "mergear" isso tudo em um só "grupo", mas aí eu acho que você já entendeu, né? :)

sim

no caso, eu coloco esse código apenas nos que tem o :before né?

Não precisa colocar, é só trocar

Tirar os ":hover" já basta. :) Nesse caso só tem um, então é pouca coisa

Ou também é só tirar isso tudo e já deixar o opacity como 1

Ou simplesmente tirar o opacity, já que 1 é padrão

vlw luiz <3

nada :-)