 [html\css] pozycja obiektu podązająca za obiektem nadrzędnym |
| [html\css] pozycja obiektu podązająca za obiektem nadrzędnym |
 26.12.2008, 21:00:38
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.12.2008 Ostrzeżenie: (0%) 
 |
Zauważyłam że istnieje podobny wątek na tym forum, ale ja mam trochę inny problem...
chciałabym aby obiekt "layout.png" znajdował się idealnie na środku strony bez względu na rozdzielczość a "logo_swiatlo_kolor.png" było niejako do niego przyklejone i w stosunku do niego("layout.png" ) znajdowało się zawsze w tym samym miejscu to znaczy podążało za nim czytałam trochę o tym że można to zrobić za pomocą position:relative i position:absolute ale nie potrafię tego wykonać. Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-image: url(denim000.jpg); } --> </style> </head> <body> <img src="logo_swiatlo_kolor.png" width="602" height="255" /> <img src="layout.png" width="979" height="993" /> </body> </html> Jeśli by chciał ktoś mi pomóc, to proszę aby wkleił zmodyfikowany kod, DZIĘKUJE |
 |
 
|
 |
|
26.12.2008, 21:12:33
Post
#2
|
|
 Grupa: Developerzy Postów: 823 Pomógł: 12 Dołączył: 18.12.2005 Ostrzeżenie: (0%)
|
Polecam artykuł Riddle'a:
http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/ -------------------- Portfolio: Vgroup.pl | athlan.pl | Test.php.pl - sprawdź się z wiedzy o PHP i ułóż własne pytania!
Pomogłem? Kliknij |
|
|
|
|
26.12.2008, 21:18:39
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.12.2008 Ostrzeżenie: (0%)
|
czytam od rana różne artykuły, mi się wydaje ze mój problem jest prosty do rozwiązania po bo wszystkie strony które są wyśrodkowane tak są zrobione.
chodzi mi żeby było tak samo jak ta strona jest wykonana do której podałeś mi linka że tytuł strony podażą razem z nią podczas skolowania Ten post edytował martyna88 26.12.2008, 21:20:26 |
|
|
|
|
26.12.2008, 21:23:24
Post
#4
|
|
|
Grupa: Developerzy Postów: 823 Pomógł: 12 Dołączył: 18.12.2005 Ostrzeżenie: (0%)
|
Poczytaj o tym stylu i parametrze fixed.
-------------------- Portfolio: Vgroup.pl | athlan.pl | Test.php.pl - sprawdź się z wiedzy o PHP i ułóż własne pytania!
Pomogłem? Kliknij |
|
|
|
|
26.12.2008, 21:30:38
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.12.2008 Ostrzeżenie: (0%)
|
Cytat(Athlan @ 26.12.2008, 21:23:24 )  Poczytaj o tym stylu i parametrze fixed. nie chodzi mo o to. chyba się źle wyraziłam  mi chodzi o to żeby to wyglądało tak jak na tej stronie http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/ że cała strona jest wyśrodkowana |
|
|
|
|
26.12.2008, 21:36:45
Post
#6
|
|
 Newsman Grupa: Moderatorzy Postów: 4 005 Pomógł: 548 Dołączył: 7.04.2008 Skąd: Trzebinia/Kraków |
a może nadaj body margin: 0 auto?
-------------------- |
|
|
|
|
26.12.2008, 21:38:00
Post
#7
|
|
|
Grupa: Developerzy Postów: 823 Pomógł: 12 Dołączył: 18.12.2005 Ostrzeżenie: (0%)
|
Centrowanie w poziomie również jest opisane w artykule. Do tego co powiedział piotrooo89 trzeba zdefiniować elementowi width i nadać display block.
-------------------- Portfolio: Vgroup.pl | athlan.pl | Test.php.pl - sprawdź się z wiedzy o PHP i ułóż własne pytania!
Pomogłem? Kliknij |
|
|
|
|
26.12.2008, 21:39:57
Post
#8
|
|
 Grupa: Zarejestrowani Postów: 1 333 Pomógł: 137 Dołączył: 25.03.2008 Skąd: jesteś?? Ostrzeżenie: (0%)
|
A wiedz jeden div o tle pierwszego obrazka na margin:0px auto; i img (drugi obraz) też z margin:0px auto; uzyskasz wyśrodkowany obraz 1 a w nim obraz 2 wyśrodkowany w stosunku do pierwszego...
Stosując div i tło dla niego nie musimy stosować pozycjonowanie. *Wymaga się doctype - strick by ie rozumiał co się do niego mówi. -------------------- Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince |
|
|
|
|
26.12.2008, 21:56:27
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 26.12.2008 Ostrzeżenie: (0%)
|
Cytat(ShadowD @ 26.12.2008, 21:39:57 ) A wiedz jeden div o tle pierwszego obrazka na margin:0px auto; i img (drugi obraz) też z margin:0px auto; uzyskasz wyśrodkowany obraz 1 a w nim obraz 2 wyśrodkowany w stosunku do pierwszego... Stosując div i tło dla niego nie musimy stosować pozycjonowanie. *Wymaga się doctype - strick by ie rozumiał co się do niego mówi. hmm.. ja się nie znam na CSS dopiero dziś zaczęłam dlatego prosiłam żeby wkleić mój kod zmodyfikowany zgodnie z waszymi uwagami, przed chwilą czytałam ze chyba można też użyć "div id" a ten drugi obraz to on nie ma być wyśrodkowany w stosunku do pierwszego tylko ma mieć stałą pozycje względem jego nawet jak ten pierwszy zmieni pozycje Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-image: url(denim000.jpg); } --> </style> </head> <body> <div style="margin:0px auto"> <img src="../../Documents and Settings/RingCube/My Documents/mysite/logo_swiatlo_kolor.png" width="602" height="255" /> </div> <div style="margin:0px auto"> <img src="../../Documents and Settings/RingCube/My Documents/mysite/layout.png" width="979" height="993" /> </div> </body> </html> zrobiłam tak to to nic nie zmieniło ? Ten post edytował martyna88 26.12.2008, 21:49:25 |
|
|
|
 |
|
Wersja Lo-Fi | Aktualny czas: 14.08.2025 - 13:33 |
pod postem.
