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 4036 19.11.2019, 14:48
Ostatni post: Centor
  Pozycjonowanie a kopiuj-wklej OxyGenE 7 12132 10.03.2018, 22:34
Ostatni post: Ajgor
  słowo w domenie - wpływ na pozycjonowanie vStr0ng3r 7 8478 01.02.2015, 23:17
Ostatni post: vStr0ng3r

Skocz do:


Wybrane wątki (pozycjonowanie pseudoelementu)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak pobrać filmy na dysk zamieszczone na tej stronie? adolek17 4 697 06.02.2020 14:36
Ostatni post: panaho
  "Na czym" postawiona jest ta strona? OxyGenE 4 769 04.02.2020 21:35
Ostatni post: kompowiep
  Błędy składniowe PHP dawswi1 1 770 26.01.2020 18:22
Ostatni post: hydr4x
  Przekazywanie stanu sesji między plikami php dawswi1 2 705 26.01.2020 16:35
Ostatni post: dawswi1
Sad Dodawanie komentarzy na WWW Samek2222 6 1303 10.01.2020 16:44
Ostatni post: Ajgor
  Mixed content na protokole HTTPS Unlimited 1 2301 20.11.2019 14:05
Ostatni post: raxer
  Pozycjonowanie, toksyczne linki Alsenas 13 4036 19.11.2019 14:48
Ostatni post: Centor
  Darmowe artykuły do przedruku? Alsenas 2 2153 16.11.2019 16:24
Ostatni post: Alsenas
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 5067 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 3270 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 3123 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 3494 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 3140 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 6240 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 5602 25.07.2019 09:56
Ostatni post: Spidi