Prace nad stylem - kilka problemów

[swizz]

Witam ;D Tworze nowy styl o ile radze sobie modami to problemy sprawiają mi style css ;P

http://myk550i.info/pliki/forum2.jpg
1.Chciałbym Pozbyć się odstępu pomiędzy header'em, a górą strony
2. Wypełnić w środku jakimś kolorem zostawiając tło(obrazkowe) na stronie + marginesy wewnętrzne 10-20px
3.Wyśrodkować forum, przy grzebaniu z header'em musiałem coś zepsuć XD

To by było na razie na tyle.. Kto mógł by m z tym pomoc? ;P

[Kiziea]

3. to zapewne zmieniłeś coś w tych linijkach plik common.ccs
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

to ma tak wyglądać


body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 12px auto;
padding: 16px 0;
width: 968px;
}

szerokość to jest z mojego forum

[jaroslw]

Załącz najlepiej pliki: overall_header.html i common.css. Będzie łatwiej pomóc.

[swizz]

Dobra załączam wam te 2 pliki..

[Kiziea]

Zobacz plik common nie jestem pewien, czy dobrze wszystko wpisałem

[swizz]

Teraz wygląda to tak: http://myk550i.info/pliki/lol444.jpg Przesunęło się trochę na środek ;/

[Kiziea]

Teraz powinno być dobrze, resztę później zrobię

[swizz]

bez zmian ;/

[jaroslw]

Masz okropny bałagan z tymi div-ami. Masz gdzieś zdefiniowane ich klasy? Przykładowo w overall_header.html masz klasę "top-left", ale już w common.css identyfikator "top-lewa". To bardzo ważne, żeby nazwy były takie same, tak samo jak jest różnica między klasą (class=""), a identyfikatorem (id="").

Żeby całość wyśrodkować spróbuj w pliku common.css zamienić:

Kod: Zaznacz cały

#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 800px;
	margin-top: 0px;
}

na

Kod: Zaznacz cały

#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 800px;
	margin: 0 auto;
}

Oczywiście nie zapomnij odświeżyć motywu Twojego stylu.

[swizz]

Działa ;D Teraz najbardziej zależny mi na 2 punkcie ;P Popatrzyłem jak to jest zrobione w stylu eMuza. Całe forum jest w divie i styl do niego zdefiniowany jest w osobnym pliku..?

[jaroslw]

Do identyfikatora #wrap dodaj wartość:

Kod: Zaznacz cały

background-color: wartość;

Za "wartość" wstawiasz angielską nazwę koloru lub w systemie szesnastkowym (heksadecymalnym). Margines ustawiasz wartością:

Kod: Zaznacz cały

padding: X;

Za "X" wstawiasz wartość w pikselach (px) lub procentach.

To wszystko robisz w pliku common.css.

[swizz]

Działa ;P no to został jeszcze 1 pkt Dopisałem do #warp: margin-top: 0px; ale nic to nie daje ;/

[jaroslw]

Spróbuj dopisać do #wrap jeszcze:

Kod: Zaznacz cały

padding: 0;

[swizz]

Mam już: padding: 0px 20px;

[jaroslw]

Pokaż plik, w którym masz zdefiniowane identyfikatory dla Twoich div-ów (page-header, headerbar2, belka itd.).