Forum PHP.pl > [html\css] pozycja obiektu podązająca za obiektem nadrzędnym

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html\css] pozycja obiektu podązająca za obiektem nadrzędnym

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

martyna88

26.12.2008, 21:00:38

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">


</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

Athlan

26.12.2008, 21:12:33

Polecam artykuł Riddle'a:
http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/

martyna88

26.12.2008, 21:18:39

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

Athlan

26.12.2008, 21:23:24

Poczytaj o tym stylu i parametrze fixed.

martyna88

26.12.2008, 21:30:38

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

piotrooo89

26.12.2008, 21:36:45

a może nadaj body margin: 0 auto?

Athlan

26.12.2008, 21:38:00

Centrowanie w poziomie również jest opisane w artykule. Do tego co powiedział piotrooo89 trzeba zdefiniować elementowi width i nadać display block.

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.

martyna88

26.12.2008, 21:56:27

Cytat(ShadowD @ 26.12.2008, 21:39:57 )

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">


</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 ?

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.