Advertisement
Dołącz do grupy

Stwórz profil

Musisz wpisać swoje imię
Musisz wpisać swoje nazwisko
Musisz wpisać poprawny e-mail
Musisz wpisać hasło (min. 8 znaków)
Musisz zaakceptować regulamin

Karolina K. retusz

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Witam
Jeśli ktoś mógłby udzielić mi wskazówki byłabym wdzięczna. Strona oparta o wordpress. Nowa skórka. Chcę ja minimalnie zmienić a mianowicie wyśrodkować treść. Dokładnie to co znajduje się między headerem a stopką. Zarówno na stronie głównej jak i podstronach. Mogę wkleić lub podesłać fragment potrzebnego kodu w razie potrzeby.
Adres strony to: http://pro-re-touch.com/Karolina K. edytował(a) ten post dnia 09.08.11 o godzinie 00:17
9.08.2011, 00:15
Link do wypowiedziLink | Cytuj

Michał P. Freelance/Projektowa
nie

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Interesują Cię dwa kontenery:

1. "grid"

2. oraz "sort.masoned" (id / klasa)

Z tym, że 2. jest pozycjonowany absolutnie do lewej, a pozycji center nie ma w specyfikacji css. Możesz próbować zmieniać 1 wartość na:

margin: 0 auto 0 auto;
text-align: center;
width: stała szerokość

Lub uczynić to samo z 2., choć jak już mówiłem masz tutaj pozycjonowanie względem brzegu. Strona wygląda tak, jakby miała przyrastać w prawo. W dodatku w środku masz lightboxa (czy tam pretty photo)

Same kłopoty - nie lepiej zostawić do lewej strony?Michał Pijet edytował(a) ten post dnia 09.08.11 o godzinie 00:39
9.08.2011, 00:34
Link do wypowiedziLink | Cytuj

Adrian Szczepański Seo specialist GRT
Studio s.c.

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Dobrze napisał Michał:

ja bym zrobił po prostu tak:

#grid {
margin: 0px auto;
width: 90%;
}

wyrzuć to padding-left ;)

koleżanka będzie miała swój efekt, a 10% to nie tak dużo względem całości :)
9.08.2011, 07:21
Link do wypowiedziLink | Cytuj

Adrian Szczepański Seo specialist GRT
Studio s.c.

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

A w ogóle u mnie przynajmniej na monitorku stopka nie dochodzi do samego dołu strony, zostaje mały szary pasek i głupio to wygląda, chyba że tak miało być :)?
9.08.2011, 07:24
Link do wypowiedziLink | Cytuj

Karolina K. retusz

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Michale i Adrianie dziękuje za wskazówkę. Sprawdzę co z tego wyjdzie. Jeśli chodzi o stopkę to chyba tak miało być. Szablon z darmowego gotowca więc trochę się nim bawię teraz.
9.08.2011, 13:10
Link do wypowiedziLink | Cytuj

Kamila Jarosz Web designer

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Z tego co widzę na podstronach musisz dać (przed zakończeniem diva wrap)
<div style="clear:both;" />, usunąć w ogóle div id="page" a divowi "wide-col" nadać styl: margin: 0px auto; z jakąś określoną szerokością.

Na stronie głównej jeśli chcesz wyśrodkować te boxy ze zdjęciami musiałabyś zmienić ich charakter blokowy na inline:

.box {
display: inline;
margin-bottom: 10px;
overflow: hidden;
padding: 10px;
width: 310px;

#sort {text-align: center}

i usunąć w kodzie html dla każdego style="left: 0;margin: 10px;position: absolute;top: 0;

Tylko obawiam się, że tego tak łatwo usunąć się nie da bo jest generowane przez skrypt. W takim wypadku chyba nie ma PROSTEGO rozwiązania.
16.08.2011, 10:50
Link do wypowiedziLink | Cytuj

Piotr L. projektowanie user
experience,
interakcji,
architektura i...

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Kamila Jarosz:
Z tego co widzę na podstronach musisz dać (przed zakończeniem diva wrap)
<div style="clear:both;" />,

Po co zaśmiecać kod PUSTYMI, nic nie znaczącymi elementami ? są inne, lepsze sposoby "clearowania" floatowanych elementów (google->clearfix)...
21.08.2011, 12:48
Link do wypowiedziLink | Cytuj

Szymon N. Elder of the
Internet

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Piotr L.:
Kamila Jarosz:
Z tego co widzę na podstronach musisz dać (przed zakończeniem diva wrap)
<div style="clear:both;" />,

Po co zaśmiecać kod PUSTYMI, nic nie znaczącymi elementami ? są inne, lepsze sposoby "clearowania" floatowanych elementów (google->clearfix)...

Działa ten Twój sposób pod IE7?
4.09.2011, 18:39
Link do wypowiedziLink | Cytuj

Piotr L. projektowanie user
experience,
interakcji,
architektura i...

Temat: Prosze o wskazówkę- jak wyśrodkować szablon

Szymon N.:
Piotr L.:
Kamila Jarosz:
Z tego co widzę na podstronach musisz dać (przed zakończeniem diva wrap)
<div style="clear:both;" />,

Po co zaśmiecać kod PUSTYMI, nic nie znaczącymi elementami ? są inne, lepsze sposoby "clearowania" floatowanych elementów (google->clearfix)...

Działa ten Twój sposób pod IE7?

Działa od IE6 wzwyż...
4.09.2011, 19:44
Link do wypowiedziLink | Cytuj
« Wróć do tematów
Odpowiedz
Dołącz do grupy



Wyślij zaproszenie do

Anuluj