• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

VPS Starter Arubacloud
0 głosów
438 wizyt
pytanie zadane 5 sierpnia 2017 w HTML i CSS przez Kekk Początkujący (450 p.)

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;
    
}

 

komentarz 5 sierpnia 2017 przez kamil29 Obywatel (1,230 p.)
sprobuj skorzystac z pelnego zapisu podajac kazdy parametr osobno,w tym przypadku dopisz 3x po 12px
komentarz 5 sierpnia 2017 przez Tomek Sochacki Ekspert (227,510 p.)
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.
komentarz 5 sierpnia 2017 przez Velta Maniak (51,890 p.)
u mnie wszystko jest ok
komentarz 5 sierpnia 2017 przez Kekk Początkujący (450 p.)
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 :/
komentarz 5 sierpnia 2017 przez Kekk Początkujący (450 p.)
Już wszystko jest ok ;)

1 odpowiedź

0 głosów
odpowiedź 5 sierpnia 2017 przez niezalogowany
wybrane 5 sierpnia 2017 przez Kekk
 
Najlepsza

Wstaw w #Mieszko 

background: tomato;

i zrozumiesz o co chodzi : )

komentarz 5 sierpnia 2017 przez wxa123 Użytkownik (680 p.)
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
komentarz 5 sierpnia 2017 przez Kekk Początkujący (450 p.)
Źle wpisane wymiary grafiki w takim razie xD
Dzięki za pomoc!
komentarz 5 sierpnia 2017 przez niezalogowany

Spróbuj dodać

background-size: cover;
background-position: center;
komentarz 5 sierpnia 2017 przez Kekk Początkujący (450 p.)
position:center mi wyśrodkuje, a co zrobi to pierwsze?
komentarz 5 sierpnia 2017 przez niezalogowany
Wpisz, to się przekonasz : )
komentarz 5 sierpnia 2017 przez Kekk Początkujący (450 p.)
Nie widzę efektu
komentarz 5 sierpnia 2017 przez niezalogowany
Rozmiar tła powinien dostosować się do rozmiaru kontenera
komentarz 5 sierpnia 2017 przez Kekk Początkujący (450 p.)
Jak na razie nie mam go jeszcze w żadnym kontenerze :V
komentarz 5 sierpnia 2017 przez niezalogowany
400x500 <- w tym co jest teraz

Podobne pytania

0 głosów
1 odpowiedź 234 wizyt
pytanie zadane 17 grudnia 2017 w HTML i CSS przez Alcomats Użytkownik (580 p.)
+1 głos
4 odpowiedzi 318 wizyt
pytanie zadane 7 stycznia 2016 w HTML i CSS przez niezalogowany
–1 głos
3 odpowiedzi 1,364 wizyt
pytanie zadane 5 stycznia 2016 w HTML i CSS przez gift256 Początkujący (280 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...