Forum PHP.pl > 3 tła, nieciekawy problem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

.radex

9.04.2007, 17:21:20

robie layout. na górze ma tło (fixed), i jeszcze po bokach inne tło. No i jest tutaj problem - nie da się zrobić trzech teł (jak to odmienić

) - więc jak to zrobić? warstwy?

starach

9.04.2007, 17:36:55

Wszystko da się zrobić

Pokaż kod ( tłów ? )
M. kto co tła
D. kogo czego teł
C. komu czemu tłom
B. kogo co tła
N. z kim z czym tłami
M. o kim o czym tłach
W. o tła

Dyslektyk mówi - chyba dobrze

devnul

9.04.2007, 23:24:07

@orglee: odmienione dobrze

@radex_p: bez kodu w ciemni moge z czystym sumieniem powiedzieć - tak - warstwy inaczej się nie da (i niech mi tu nikt z tabelami nie wyjeżdza w kontekscie że się da! - bo to wiem - ale nie w tym sęk)

.radex

10.04.2007, 16:28:48

heh. właśnie chodzi o to żeby NIE używać tabel.. dobra... to chyba... z-index się nazywało... ale w divach mam to zrobić?

devnul

10.04.2007, 16:33:03

tak na divach ale pokaż chociaz fragment kodu!
wróżek nie ma!

.radex

10.04.2007, 16:58:52

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body style="background-color:#F5FCF5;">
<div style="background-image:url(tbg.bmp); 
background-position:top; 
background-attachment:fixed; 
background-repeat:repeat-x;
z-index: 0;"> </div>
 
<div style="background-image:url(lbg.bmp); 
background-position:left; 
background-attachment:scroll; 
background-repeat:repeat-y;
z-index: 2;"> </div>
 
</body>
</html>
[HTML] pobierz, plaintext

górne działa, lewe nie:/ tzn. pokazuje sie ale nie repeatuje się

EDIT:
nadal nie wiem jak zrobić :/

devnul

10.04.2007, 17:30:05

jakoś nie wiele mi to rozjaśniło - może jakiś szkic - albo coś w tym stylu?

.radex

10.04.2007, 19:23:12

Tak jakby. tzn. mam na kompie ale stary - z niedoróbkami (nowy mam na kortce) ale jest rozjaśniona zasada (tzn. ułożenie)....

radex.byethost18.com/Moje/project.bmp

(sorka za bmp)

z gory dzieki za rozjasnienie sytuacji

phpion

10.04.2007, 20:06:54

Kurde koles wez to normalnie opisz a nie ------ jakies hieroglify pokazujesz...

.radex

10.04.2007, 20:13:35

czego ode mnie chcesz? Napisałem że to jest wstępny szkic - stary.

devnul

11.04.2007, 10:51:29

no niestety musze sie z kolegą zgodzic - o ile obrazek jest przejzysty to jego opis juz pozostawia wiele do życzenia - kompletnie nie rozumiem napiosów.

po opisie z pierwszego posta wnosze że chcesz zrobić stałe tło dla całości strony (nie scroolowane) i tło dla dwóch ramek powtarzane w pionie - czy tak?

.radex

11.04.2007, 12:18:14

tak jakby, tzn. tło powtarzalne, scrollowane(te u góry też, na wierzchu), a z tłem dla tych "bloków" to sobie poradze sam:P

devnul

11.04.2007, 12:28:36

kurde naprawde z całą chęcią pomocy Ci to kompletnie nie rozumiem co Ty próbujesz zrobić. Tło strony ma się przewijać czy nie? ma być powtarzane czy nie? a tło lewej i prawej kolumny? bo tak jak piszesz to ja po chińsku prędzej zrozumiem. Napisz posta. przeczytaj 3 razy i sam postaraj się zrozumieć to co napisałeś (tylko bierz poprawke na to że ludzie to czytający nie siedzą Ci w głowie)

starach

11.04.2007, 12:35:30

Nie no człowieku opis na tej mapie bitowej to porażka weź użyj jakiegoś text tool'a czy co tam masz a nie szprejem walisz po obrazku i karzesz nam to rozczytać

.radex

11.04.2007, 12:39:30

Cytat(devnul @ 11.04.2007, 11:28:36 )

Heh... Jest zrozmiałe

Tło MA się przewijać i MA być powtarzalne. Tła są u góry, z boku (gradient - lewa i prawa)

Na środku blok, rozdzielony na trzy (górny, lewy i prawy)

Mam nadzieje że rozumiesz, i cieszę się że chcesz mi pomóc.

A ten screen robiłem tylko dla siebie więc wybaczcie że nic nie widać

devnul

11.04.2007, 12:46:39

dobra spróbuje aczkolwiek trochw w ciemno - bo strasznie niejasno piszesz

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
body {
 background: red url('body.jpg');
}
#top {
background: blue url('top.jpg') repeat-x top;
}
#bottom {
background: green url('bottom.jpg') repeat-y left;
}
 
</style>
</head>
 
<body>
<div id="top">&nbsp;</div>
 
<div id="bottom">&nbsp;</div>
 
</body>
</html>
[HTML] pobierz, plaintext

jak nie o cos podobnego Ci chodzi to ja już sam nie wiem co Ty próbujesz osiągnąć :|

.radex

11.04.2007, 12:55:28

Tak, dokładnie o to mi chodzi. Szkoda tylko że green jest u góry:P Po za tym nie rozumiem co takiego niezrozumiałego w moim tekście - wytłumaczyłem o co chodzi

I mówiłem powtarzalne Scrollowane .

devnul

11.04.2007, 14:09:07

piszesz niejasno, tak że naprawde ciężko cokolwiek rozumieć (nie myśl o posadzie nauczyciela bo tylko dzieci będizesz męczył

). I dalej nie wiem czy coś jest nie tak czy problem rozwiązany :|

.radex

11.04.2007, 17:40:21

hmmm.... to ciekawe

Jakoś w postach innych z problemami nie widzę różnicy między moimi i myślę że jasno wytłumaczyłem (widać że nie :/)

Twój kod nie działa bo zielona belka zamiast po lewej jest u góry....

Albo inaczej

: Twój kod NIE działa. Div o id #bottom jest u GÓRY pomimo że jest zdefiniowane na LEFT a jak wiemy left to LEWY/lewo

devnul

11.04.2007, 18:29:07

zdefiniowane na lewo jest ale tło
a divy pozycjonuj sam - miales problem z tłem czy z pozycjonowaniem divów - zdecyduj się w końcu!

.radex

11.04.2007, 21:20:49

Z jednym i z drugim

ale generalnie mi chodziło o tło:P czekaj dam obrazek i się sprawdzi...

nie działa!

cały czas zamiast po lewej jest u góry!

devnul

11.04.2007, 21:34:50

dobra, ja się poddaje - jak tego jaśniej nie opiszesz to nic już nie kombinuje bo tak to do niczego nie dojdziemy

.radex

12.04.2007, 06:40:25

No nie. ZAŁAMKA. Jeśli tego nie zrozumiesz to ja się poddaje

==> http://radex.byethost18.com/Moje/uklad.JPG

Łukasz O.

12.04.2007, 09:25:06

żebyś wiedział, że ZAŁAMKA - co mają nam powiedzieć te linie? napisz po lewej div z takim a takim tłem - na górze div z takim a takim tłem - a nie jakieś pseudografiki tu walisz

.radex

12.04.2007, 09:56:17

o kurde.... no nie PISAŁEM że tło u góry i po bokach!!! już was nie rozumiem:P

devnul

12.04.2007, 10:10:23

napisz wszystko dokładnie pomału w jednym poscie, bo tak to faktycznie na 1000 postów sie ten wątek zrobi. CO chcesz osiągnąć? proste pytanie: teraz na nie odpowiedz tylko tak żebyśmy my zrozumieli a nie zebys ty rozumiał

bo ten ostatni uklad (jpeg) który podales to mi jakos do poprzednich opisów nie bardzo pasuje

.radex

12.04.2007, 10:24:39

Okej. Ale ostrzegam że nie wiem czy to coś da, bo sądzę że już dawno to wytłumaczyłem

u góry tło. Powtarzalne w poziomie, zawsze u góry (scrollowane)

po lewj także tło. powtarzalne w pionie, gradient obrazkowy....

po prawej tak samo jak po lewej - powtarzalne w pionie, gradient obrazkowy

a na środku div, który jest od treści. Tak samo jak na obrazku który dałem wcześniej

devnul

12.04.2007, 10:38:12

Cytat

zawsze u góry (scrollowane)

zdecyduj się czy scrolowane czy zawsze u góry - czyli stałe

po lewej, po prawej i po środku a na obrazkach masz tylk olewe menu i kolumne z treścią. gdzie tu jakaś spójność - dziwisz się że cię zrozumieć nie można jak jedno pokazujesz drugie mówisz a trzecie myślisz.

.radex

12.04.2007, 10:49:24

zawsze u góry przeglądarki - czyli scrollowane - to miałem na myśłi

po bokach też tło

na środku blok div do treści.

KPW?

devnul

12.04.2007, 11:03:32

ja się poddaje - mieszasz sie w zeznaniach jak cholera. ostatnia próba:

[HTML] pobierz, plaintext 
<style type="text/css>
body {
background: #fff url('body.jpg') repeat-x fixed top;
}
#width {
width:800px;
}
#box {
background:trasnparent url('tlo-lewe.gif') repeat-y left;
} 
#box2 {
background:trasnparent url('tlo-prawe.gif') repeat-y right;
}
.menu {
float:left;
width:200px;
}
.content {
background:#fff;
width:400px;
float:left;
}
 
</style>
</head>
<body>
<div id="width">
<div id="box">
<div id="box2">
 
<div class="menu">jakies menu lewe</div>
<div class="content">tresc</div>
 
<div class="menu">jakies menu prawe</div>
<div style="clear:both;height:0;overflow:hidden">&nbsp;</div>
</div></div>
</div>
</body>
[HTML] pobierz, plaintext

pisane z palca - dodaj co trzeba - wiecej już nic nie napisze jeśli to nie jest to o co Ci chodzi i nie wyjaśnisz tego problemu porządnie!

.radex

12.04.2007, 11:15:00

Tak, dokładnie robisz to co ja!

I właśnie o to mi chodzi

PROBLEM jest w tym że kod, który podałeś nie działa.

zmieniłem kolory, i poprawiłem literówkę. Tyle że.... "lewe tło" jest u góry i "prawe tło" jest u góry.

Więc: Tak. wiesz o co mi chodzi. Ale problem w tym że ani ja ani ty nie potrafimy rozwiązać problemu

Chyba że nie wiesz o co chodzi. Bo strona ma trzy tła. A jak się wsadzi to do diva, to on automarycznie sie nie rozszerza w dół. Pozostaje w linii. Już rozumiesz?

Łukasz O.

12.04.2007, 11:52:16

google -> css div equal height same height
lub
google -> css div taka sama wysokość
lub prawie gotowiec
http://riddle.jogger.pl -> któryś z artów jest właśnie o jednakowej wysokości div'ów

devnul

12.04.2007, 12:03:26

już kompletnie nie kumam o co Ci chodzi ani jakie tło próbujesz uzyskać. Wyrażałbyś się jaśniej to może by coś dało się zrobić. A tak to sory ale ja już trace cierpliwość

.radex

12.04.2007, 12:49:23

[załamany]

Powiedz, JAK mam ci to opisać żebyś zrozumiał, bo próbowałem już chyba wszystkiego- obrazków, opisów tekstowych.

Co ciebie zadowoli?

bo szczerze mówiąc ja sam tracę cierpliwość

I nie mówie o jednakowej wielkości DIV'ów, tylko o trzech tłach, i problemie z rozciąganiem jego po bokach

devnul

12.04.2007, 13:29:46

widzisz - każdy twój post to jakby opis zupełnie innego problemu i jakbyś chociaz raz go opisał tak żeby dało się zrozumieć to rozwiązanie by się znalazło - ale (sory za szczerość) opisujesz problem niezdarnie jak pięciolatek który nie jest dość elokwentny by wyrazić to co chce przekazać. postaw sie na moim miejscu - nie mam kompletnie pojęcia o co ci chodzi a z każdym kolejnym twoim opisem głupieje coraz bardziej. napisz to tak żeby ktoś kto nawet nie ma pojęcia co to PC mógł zrozumieć jak ma wyglądać ta Twoja strona

.radex

12.04.2007, 13:47:13

Jak na moje to ciągle ten sam problem

Ale dobra. podejmę się tego ciężkiego wyzwania.

Zuploaduje obrazek.

radex.byethost18.com/Moje/uklad2.JPG

Jeśli tego nie zrozumiesz (zrozumiecie) to ja nie wiem

PS: Żeczywiście się troszkę zmieniał problem, ale to tylko w kwestii warstw chyba:P

devnul

12.04.2007, 13:52:31

do teraz ja Ci napisze co z tego zrozumiałem a Ty powiedz czy o to chodzi:

chcesz zrobić której tło (strony!!) standowiłby gradient z prawej i lewej strony a sam srodek strony byłby jednakowego koloru (np bialy)

do tego chcesz zrobic 2 ramki (lewa - menu, prawa - content) na których tło ma byc stałe w jednym kolorze - czy tak?

btw - rysunek beznadziejny i jesli udało mi sie zinterpretowac to o co ci chodzi w poprawny sposób to imho powinienes zacząc chodzic do szkoły bo masz powazne problemy z wyrazaniem tego co chcesz przekazac

.radex

12.04.2007, 14:10:03

yyyy.... to raczej ty masz problem ze zrozumieniem tego co ja chcę ci przekazać. Mówię cały czas o praktycznie tym samym!

I tak - gradient jest po bokach, a tło główne jednakowego koloru.

No i tak - dwie ramki, których tło jest w stałym kolorze.

I kto mówił że ma to być dzieło sztuki?! Pokazałem tylko jak to ma wyglądać - od strony budowy.

devnul

12.04.2007, 14:34:12

opisałes to tak że szkoda gadac :|

[HTML] pobierz, plaintext 
<style>
html {
height:100%;
}
body {
background:#fff url('grad-left.gif') repeat-y left;
height:100%;
}
#grad {
background:transparent url('grad-right.gif') repeat-y right;
height:100%;
}
</style>
</head>
<body>
<div id="grad">
cos
</div>
</body>
[HTML] pobierz, plaintext

masz - reszte rób sam - bo widze ze wszystkie rozumy zjadłes a z prostą rzeczą sobie poradzic nie mozesz

.radex

12.04.2007, 18:06:49

rzeczywiście trochę dziś zamotany jestem....

I to jest dobre, gdyby nie jedno... Ale nie chce mi się już tłumaczyć. kit z tym..... zrobie prościej....

EOT.

LBO

26.04.2007, 13:31:05

Rysunek nie jest zły, opisane jest to co trzeba. Sam nie pomogę, ale opiszę lepiej:
Po bokach strony znajduje się gradientowe tło (daje głowę, że dla prawej i lewej strony są użyte różne obrazki), ma się scrollować. Ponad to na górze obszaru widoku przeglądarki ma być kolejne tło (nie wiem czy powyżej, czy poniżej gradientów) nieruchome względem scrollowania. Na srodku strony 2 bloki (lewy-prawy) unoszą się nad resztą. Ciało strony ma kolor niebieski - et 'voila.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.