• 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.

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
699 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,490 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 (52,790 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ź 346 wizyt
pytanie zadane 17 grudnia 2017 w HTML i CSS przez Alcomats Użytkownik (580 p.)
+1 głos
4 odpowiedzi 377 wizyt
pytanie zadane 7 stycznia 2016 w HTML i CSS przez niezalogowany
–1 głos
3 odpowiedzi 1,872 wizyt
pytanie zadane 5 stycznia 2016 w HTML i CSS przez gift256 Początkujący (280 p.)

93,158 zapytań

142,171 odpowiedzi

321,881 komentarzy

62,487 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 224p. - nidomika
  2. 224p. - Marcin Putra
  3. 223p. - dia-Chann
  4. 221p. - ssynowiec
  5. 217p. - Mikbac
  6. 216p. - CC PL
  7. 215p. - Łukasz Piwowar
  8. 212p. - zmmz89
  9. 210p. - Adrian Wieprzkowicz
  10. 208p. - rafalszastok
  11. 206p. - Michal Drewniak
  12. 204p. - Łukasz Eckert
  13. 202p. - rucin93
  14. 200p. - robwarsz
  15. 198p. - TheLukaszNs
Szczegóły i pełne wyniki

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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...