Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1]
DrukujPobierz PDF
Autor Wątek: scentrowanie  (Przeczytany 2810 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
in2dex
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 13
Galeria Użytkownika

in2dex


Zobacz profil
« : 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
Zapisane
glabek94
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: glabek94@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 116
Galeria Użytkownika


Zajrzyj do mojej galerii


Zobacz profil WWW
« Odpowiedz #1 : 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.
Zapisane

Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #2 : 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 Język

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%
Zapisane
Domaxi
Gość
« Odpowiedz #3 : 30.09.2008, 18:49:10 »

Kod:
<div align="center">

</div>
Zapisane
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #4 : 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)
Zapisane
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #5 : 30.09.2008, 21:39:12 »

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;
}
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Agneta
Użytkownik

Reputacja: 4 Offline Offline

Płeć: Kobieta
GIMP: 2.6
JID: agneta@jabster.pl
Licencja: Copyright
Wiadomości: 135
Galeria Użytkownika


buntowniczka z wyboru


Zobacz profil
« Odpowiedz #6 : 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
Zapisane

szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #7 : 05.03.2009, 19:52:16 »

Możesz zamieścić jeszcze kod strony?
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: scentrowanie
Skocz do: