Border-radius działający tylko na górnych rogach.

Question

Border-radius zaokrągla tylko górne rogi, wiecie o co może chodzić? Poniżej kod CSS i HTML

    <div id="Mieszko">
     <p style="margin-left:190px; text-align:center; " > tekst </p>
        <p style="margin-left: 15px; "> tekst </p> 
    </div>

css

#Mieszko
{
    width:400px;
    height:500px;
    border-radius:12px;
    background-image: url(testowe.png);
    background-repeat: no-repeat;
    
}

 

Comments

sprobuj skorzystac z pelnego zapisu podajac kazdy parametr osobno,w tym przypadku dopisz 3x po 12px

---

wrzuciłem sobie to na codepen i zaokrągla wszystkie rogi, więc działa dobrze.

A tak na marginesie to co to za pomysł, żeby mieszać stylowanie w html i css...? Style rób tylko w plikach CSS! Kolejna kwestia nie styluj po ID tylko po klasach.

---

u mnie wszystko jest ok

---

No ale te teksty mają dwa różne położenie na divie, a mógłbym im nadać id i później je wystylować w css? I dlaczego akurat na klasach a nie divach? A zaokrąglanie dalej nie działa :/

---

Już wszystko jest ok ;)

Answer 1

Wstaw w #Mieszko 

background: tomato;

i zrozumiesz o co chodzi : )

Comments

odsylam do tego watku:https://forum.pasja-informatyki.pl/274971/stopka-jest-zaslaniana-przy-scrollowaniu

Myslicie,ze mialem racje piszac,ze to wina braku jakiegos skryptu?Jestem poczatkujacy i troche zaciekawil mnie ten problem,zwlaszcza,ze kod jest pobrany z dosyc dobrej strony

---

Źle wpisane wymiary grafiki w takim razie xD
Dzięki za pomoc!

---

Spróbuj dodać

background-size: cover;
background-position: center;

---

position:center mi wyśrodkuje, a co zrobi to pierwsze?

---

Wpisz, to się przekonasz : )

---

Nie widzę efektu

---

Rozmiar tła powinien dostosować się do rozmiaru kontenera

---

Jak na razie nie mam go jeszcze w żadnym kontenerze :V

---

400x500 <- w tym co jest teraz