GoldenLine
Zaloguj się

konto usunięte

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
Link do wypowiedziLink

konto usunięte

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
Link do wypowiedziLink
Adrian Szczepański

Adrian Szczepański ...nieskończeni
niczym niebo i
ziemia.

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 :)
Link do wypowiedziLink
Adrian Szczepański

Adrian Szczepański ...nieskończeni
niczym niebo i
ziemia.

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ć :)?
Link do wypowiedziLink

konto usunięte

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.
Link do wypowiedziLink
Kamila Jarosz

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.
Link do wypowiedziLink

konto usunięte

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)...
Link do wypowiedziLink
Szymon N.

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?
Link do wypowiedziLink

konto usunięte

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ż...
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj