Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Repeat-x, Nietypowe zastosowanie
Twist
post
Post #1





Grupa: Zarejestrowani
Postów: 174
Pomógł: 11
Dołączył: 12.10.2008
Skąd: Dublin

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


Mam kontener z treścią strony, chcę, żeby na lewo od kontenera powielalo sie pionowy pasek czarnego tla a na prawo od kontenera pionow pasek np. czerwonego tła. Jakiś "ludzki" sposób?

Myślałem, nad repeat-x na body i div obejmujacy cala prawa czesc body z CSS powielajacym drugie tlo(wiec nadpisujacym pierwsze). Jest tylko problem z ustawieniem szerokości tego diva na automatyczną (do prawej krawędzi).

Pewnie są jakieś lepsze sposoby dlatego proszę o pomoc smile.gif
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
pablo89pl
post
Post #2





Grupa: Zarejestrowani
Postów: 143
Pomógł: 19
Dołączył: 7.09.2009
Skąd: Rzeszów

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


zawsze glowny kontener moze miec position:relative;
a tamte dwa co zawierac beda paski tez position:relative albo absolute w CSSie, muszą być wewnątrz tego kontenera
i teraz definiujesz sobie w CSSie backgrounda, rozmiary, polozenie(top,right,lbottom, left)
Go to the top of the page
+Quote Post
Twist
post
Post #3





Grupa: Zarejestrowani
Postów: 174
Pomógł: 11
Dołączył: 12.10.2008
Skąd: Dublin

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


Chyba się nie zrozumieliśmy. Dla zobrazowania pożadanego efektu załączam wizualizacje
Go to the top of the page
+Quote Post
Pawel_W
post
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


zrób sobie diva, nadaj mu position absolute, width: 50%, ustaw mu tło takie jakie chcesz i wypozycjonuj do lewej/prawej krawędzi okna, powinno zadziałać

przykład masz np. na aqua-solar.pl, zobacz górę strony, po lewej biała, po prawej żółta smile.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 Aktualny czas: 19.08.2025 - 21:56