Drukuj stronę - scentrowanie

Tytuł: scentrowanie
Wiadomość wysłana przez: in2dex on 27.09.2008, 15:58:08

Wiecie może jak scentrować stronę tzn. obrazek i tekst tak aby był na środku a tekst w tym samym miejscu na grafice. chodzi o to aby cała strona była na środku w różnych przeglądarkach

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: glabek94 on 27.09.2008, 19:03:43

Najprościej to dać tak:

Kod:

<center>to co ma być wyśrodkowane</center>

Ale o wiele lepiej jest dać to w Diva i centrować przez CSS.

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: Filax on 30.09.2008, 18:34:17

Najlepszym sposobem na wykonanie tego typu operacji jest wycentrowanie poprzez pozycjonowanie absolutne. Najpierw poprzez margin-left cofamy o połowę szerokości diva (czy czego innego), a następnie używając position:absolute; left:50% dostajemy wycentrowany element. Cała filozofia :P

Przykład: div ma szerokość 500px
W pliku .css (bądź w head) piszemy id div'a

Kod:

width:500px;
margin-left:-250px;
position:absolute;
left:50%

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: Domaxi on 30.09.2008, 18:49:10

Kod:

<div align="center">

</div>

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: Filax on 30.09.2008, 20:26:23

To powyżej, że treści zawarte w bloku będą wycentrowane, sam blok będzie nadal po lewej. Przy czym to scentrowanie nie będzie się tyczyć tabel i zawartych wewnątrz bloków. (czyli tylko tekst i obrazki)

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: szujak on 30.09.2008, 21:39:12

Cytat: Filax on 30.09.2008, 18:34:17

Kod:

width:500px;
margin-left:-250px;
position:absolute;
left:50%

Po co się tak męczyć? Wystarczy coś takiego:

Kod:

div#nazwa {
  width: 300px;
  margin: 0 auto;
}

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: Agneta on 05.03.2009, 10:25:16

odświeżę troche ten temat.
Mam nadzieje ze ktoś mi pomoże przy wycentrowaniu menu na stronie?

Kod:


.menu {position:absolute; 
  width: 1000px;
  margin: 0 auto;}
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	float: left;
	background-color: #fff;
	padding: 1px 1px 1px 1px;
	border: 1px solid #000;
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: url("menu/menu_poziome_tlo.gif") repeat-x center;
	color: #fff;
	padding: 10px 34px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}

ul a:hover {
	
	background-image: url("menu/menu_poziome_tlo2.gif");
}
#ramka {text-align:center;
      width:1000px;
margin-left:-500px;
position:absolute;
left:50% }

Robiłam różne kombinacje i za nic nie wychodzi. Był moment że u mnie było na środku, ale u znajomego było przesuniecie w lewo.

top ma szerokośc 1000px i chciałabym by równiutko pod topem bylo menu poziome też całkowitej szerokości 1000px

Tytuł: Odp: scentrowanie
Wiadomość wysłana przez: szujak on 05.03.2009, 19:52:16

Możesz zamieścić jeszcze kod strony?

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: in2dex on 27.09.2008, 15:58:08