Új hozzászólás Aktív témák
-
#14238
trisztan94
őstag
trisztan94
őstag
Van egy ::after pszeudó-elemem amit a képen látható up-vote gomb alatt lévő kis szürke körre készítettem.
Az elem az egész upvote-cuccos container-ére van rakva, emiatt alapból nyilvánvalóan a pontszámláló doboz alá került. Ezt vittem fel egy kis css-el a háromszög és a doboz közé.
Itt a CSS amivel dolgoztam:
.dsd-sneaker-deal .vote-container .vortex-p-like::after {
display: block;
border-radius: 50%;
width: 6px;
height: 6px;
margin: 0 auto;
background-color: #727272;
content: "";
opacity: .5;
position: relative;
top: -30px;
}Ami nagyon zavar az, hogy a magasságát (mivel relatív pozíciót adtam neki) megtartja alul, így az egész container 6px-el magasabb lesz mint kellene, és emiatt elcsúszik egy kicsit a design.
El lehet tűntetni valahogy azt a magasságot?
Ha absolute pozícionálom, akkor nem tudom pontosan középre igazítani, mindig egy fél-negyed pixellel lesz a közepétől, ezért választottam a relatívot, mivel az alapból középen hagyja.
Float: left; -el ugyanaz a probléma mint position absolute-al.
display: inline; esetében egy az egyben eltűnik az egész kör, mert nincs benne kontent ugye.
Mielőtt valaki nekem esne, nem tudom módosítani a html kimenetet, csak CSS-el tudok dolgozni.
JSFiddle: [link]
Bocsi, tárgytalan!
Hát csak kicsiben volt szar a position absolute középre igazítás... Nem telt el egy perc a kérdésem óta és megvagyok vele.
It az absolute pozíciós megoldás ha kellene valakinek: [link]
[ Szerkesztve ]
https://heureka-kreativ.hu
