Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][bootstrap] tło dla marginesu row z lewej strony
poczatkujaca12
post 15.03.2019, 10:41:29
Post #1





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 24.06.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


mam kod
  1.  
  2. <div class="container">
  3. <div class="row naglowek">
  4. <div class="col col-lg-2">cos
  5. </div>
  6. <div class="col col-lg-8">cos
  7. </div>
  8. <div class="col col-lg-2">cos
  9. </div>
  10. </div>
  11. <div class="row">
  12. <div class="col col-lg-2">cos
  13. </div>
  14. <div class="col col-lg-8">cos
  15. </div>
  16. <div class="col col-lg-2">cos
  17. </div>
  18. </div></div>

i działa jak powinno
tylko przed row po lewej stronie chciałabym mieć tło i nie mam pojęcia jak to zrobić, próbowałam
  1. .naglowek:before {
  2. background: #ddd;
  3. }

ale nie działa

próbowałam wstawić przed container dodatkowego diva position: absolute - ale tego nie mam jak wyrownać do row... ktoś spotkał się z takim problemikiem?
miałby jakiś pomysł jak to można robić?
Go to the top of the page
+Quote Post
viking
post 15.03.2019, 10:46:32
Post #2





Grupa: Zarejestrowani
Postów: 5 096
Pomógł: 856
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/uy2a9pqv/


--------------------
Go to the top of the page
+Quote Post
trueblue
post 15.03.2019, 10:48:10
Post #3





Grupa: Zarejestrowani
Postów: 5 346
Pomógł: 1467
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Pokaż jak to ma wyglądać. Jakie tło, czy jednolite czy wzór/obrazek?
Go to the top of the page
+Quote Post
poczatkujaca12
post 15.03.2019, 11:08:20
Post #4





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 24.06.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


https://ibb.co/m6JZ4Xd
jednolite tło... przed pierwszym elementem row od początku strony

Ten post edytował poczatkujaca12 15.03.2019, 11:10:03
Go to the top of the page
+Quote Post
trueblue
post 15.03.2019, 11:16:34
Post #5





Grupa: Zarejestrowani
Postów: 5 346
Pomógł: 1467
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Kod
.naglowek>.col:first-child:before{
  content: "";
  width: 50vw;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.naglowek>.col:first-child,
.naglowek>.col:first-child:before{
  background: #f00;
}
Go to the top of the page
+Quote Post
poczatkujaca12
post 15.03.2019, 11:20:33
Post #6





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 24.06.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Dzięki... dokładnie o to chodziło biggrin.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 25.03.2019 - 07:20