Strona 1 z 2

Prace nad stylem - kilka problemów

: 26 czerwca 2008, 19:04
autor: 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

Re: Kilka problemów

: 26 czerwca 2008, 20:08
autor: 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 :oops:

Re: Kilka problemów

: 26 czerwca 2008, 20:59
autor: jaroslw
Załącz najlepiej pliki: overall_header.html i common.css. Będzie łatwiej pomóc.

Re: Kilka problemów

: 27 czerwca 2008, 09:22
autor: swizz
Dobra załączam wam te 2 pliki..

Re: Kilka problemów

: 27 czerwca 2008, 09:42
autor: Kiziea
Zobacz plik common nie jestem pewien, czy dobrze wszystko wpisałem :(

Re: Kilka problemów

: 27 czerwca 2008, 11:13
autor: swizz
Teraz wygląda to tak: http://myk550i.info/pliki/lol444.jpg Przesunęło się trochę na środek ;/

Re: Kilka problemów

: 27 czerwca 2008, 11:25
autor: Kiziea
Teraz powinno być dobrze, resztę później zrobię :wink:

Re: Kilka problemów

: 27 czerwca 2008, 13:16
autor: swizz
bez zmian ;/

Re: Kilka problemów

: 27 czerwca 2008, 14:26
autor: 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.

Re: Kilka problemów

: 27 czerwca 2008, 16:21
autor: 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..?

Re: Kilka problemów

: 27 czerwca 2008, 16:52
autor: 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.

Re: Kilka problemów

: 27 czerwca 2008, 18:17
autor: swizz
Działa ;P no to został jeszcze 1 pkt Dopisałem do #warp: margin-top: 0px; ale nic to nie daje ;/

Re: Kilka problemów

: 27 czerwca 2008, 18:19
autor: jaroslw
Spróbuj dopisać do #wrap jeszcze:

Kod: Zaznacz cały

padding: 0;

Re: Kilka problemów

: 27 czerwca 2008, 18:33
autor: swizz
Mam już: padding: 0px 20px;

Re: Kilka problemów

: 27 czerwca 2008, 18:38
autor: jaroslw
Pokaż plik, w którym masz zdefiniowane identyfikatory dla Twoich div-ów (page-header, headerbar2, belka itd.).