Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

pozycjonowanie pseudoelementu

#1
pozycjonowanie pseudoelementu
Witajcie. Mam taki oto problem. Chcę strzorzyć nagłówek z pseudoelmentem, który byłby wypozycjonowany względem głównego elementu w tej sposób, że zawsze znajdowałby się pod nim, z lewej strony bez względu na to jak długi jest ten nagłówek i jak jest wypozycjonowany. Napisałem coś takiego:
Kod:
h2{
//...
  &.header{
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 200px;
    &:after{
      content: url('../img/separate.svg');
      display: block;
      position: absolute;
      top: 30px;
      transform: translateX(-10%);
    }
  }
}
Te style działają, ale problematyczne jest ustawianie szerokości tego elementu. Musiałbym oddzielnie ustawiać szerokości dla wszystkich nagłówków, co wydaje się dosyć kiepskim pomysłem, a jeśli tego nie zrobię, to jest problem ze skalowaniem strony.
 System operacyjny: linux Przeglądarka: chrome
Programy: Polecane / Nowe / Inne




Podobne wątki (pozycjonowanie pseudoelementu)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Pozycjonowanie, toksyczne linki Alsenas 13 20897 19.11.2019, 14:48
Ostatni post: Centor
  Pozycjonowanie a kopiuj-wklej OxyGenE 7 14512 10.03.2018, 22:34
Ostatni post: Ajgor
  słowo w domenie - wpływ na pozycjonowanie vStr0ng3r 7 10343 01.02.2015, 23:17
Ostatni post: vStr0ng3r

Skocz do:


Wybrane wątki (pozycjonowanie pseudoelementu)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  jak założyć stronę www za darmo benek34 5 2254 07.04.2021 00:31
Ostatni post: softwareman
  popup wordpress w zależności od podstrony Jarek1104 0 1652 24.02.2021 12:39
Ostatni post: Jarek1104
  Strona jako hiperłącze w WordPressie Nejji 2 2991 30.01.2021 02:17
Ostatni post: asiamanicure
  Jaki najlepszy cms pod kątem strony www Menast 9 8191 29.12.2020 12:40
Ostatni post: Ajgor
  Problem w CSS3: Popularne kody nie przyciągają elementów w pozycji pionowej wewnątrz proohno 1 4307 13.12.2020 16:42
Ostatni post: dzikuu86
  Wygenerowanie zakresu liczb w bazie danych MySQL shaker 1 4938 24.11.2020 00:30
Ostatni post: wlisik
Ściana Skrypt PHP potrzebna pomoc :c InkFlame 0 3466 23.11.2020 14:17
Ostatni post: InkFlame
  Blokada print screen na stronie www newman 1 5403 07.10.2020 22:50
Ostatni post: Ajgor
  Platforma do stworzenia strony internetowej "Klub absolwenta" karlos1323 5 6481 13.08.2020 11:26
Ostatni post: Ajgor
  Hosting dla ~1000 kont mailowych karlos1323 1 8347 27.04.2020 15:33
Ostatni post: geekboy68k
  A propo scalania kilku efektów , warstw graficznych w CSS proohno 0 8514 10.04.2020 16:58
Ostatni post: proohno
Sad Dodawanie komentarzy na WWW Samek2222 9 10998 01.04.2020 19:17
Ostatni post: koneton
  Zbyt szybki spadek pojemności serwera gentleman 5 10447 05.03.2020 15:28
Ostatni post: Pentium4320
  Darmowe artykuły do przedruku? Alsenas 3 11535 03.03.2020 15:38
Ostatni post: takecare
  Wyszukiwanie na urządzenich mobilnych broda99 5 7008 28.02.2020 23:24
Ostatni post: Ajgor