problem ze stylem

euphoria-art

2013-01-14 13:12

Hej, Obecnie mam menu 1 i 2 górne nałożone na bg.png - http://www.obrazygaleria.pl/ i chce wykonać to za pomocą samych kolorów.
Obecnie jestem na takim etapie - http://obrazyolejne.cba.pl/ mam problem z przedłużeniem niebieskiego i szarego koloru, tak jak jest to ze stopką. Cały czas kombinuje i robię chyba coś nie tak, niby paski się przedłużają ale menu 1i2 ucieka mi na lewą stronę. Bardzo proszę o pomoc bo już nie mam cierpliwości.

http://www.obrazyolejne.cba.pl/templates/default/style.css

» Quick.Cart v6.x

selekcjoner

2013-01-14 13:21

Spróbuj ustawić:
#head1{background:#6888b1;} i tak samo dla #head3

simlution.org

euphoria-art

2013-01-14 13:27

Dzięki selekcjoner, bardzo dużo mi pomogłeś.

euphoria-art

2013-01-14 13:33

selekcjoner pomógł byś jeszcze z jedną rzeczą? chciałbym wyszukiwarkę lekko przerobić, "szukaj..." chciałbym przenieść wewnątrz okna i te "szukaj" znikało by po wprowadzeniu tekstu, potem tylko enter i wynik wyszukiwania

selekcjoner

2013-01-14 13:39

<input type="text" size="15" name="sPhrase" value="Wpisz szukane słowo" onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') this.value=''" onblur="if(this.value == '') {this.value=this.defaultValue}" onkeyup="keyUp();" />

simlution.org

euphoria-art

2013-01-27 17:18

dzięki, wyszukiwarka po liftingu jest na http://www.obrazygaleria.pl/ w gimpie zrobiłem szkic co chce uzyskać, jest tam taki plusik który po najechaniu myszką zmieniał by się na ciut ciemniejszy kolor i zatwierdzał wyszukiwanie, na linku zaznaczone na czerwono - http://images35.fotosik.pl/1786/67bbddf86b21ad03.jpg , domyślam się że obrazek musi być podwójny jak by sklejony ciemniejszy dół z jaśniejszą górą, tylko nie wiem jak go osadzić żeby zmieniał kolorki.

selekcjoner

2013-01-27 20:57

Załóżmy, że masz:

W stylach ustawiasz, dla: #searchForm .submit - background:#c7c9c8; a dla:
#searchForm .submit:hover - background:#a2a2a2; (ciemniejsze)

simlution.org

euphoria-art

2013-01-27 23:03

Ok, ale jak to w środku ramki osadzić żeby wyglądało jak na obrazu po lewej stronie kwadracik, mam coś takiego jak podałeś wyżej

<input type="text" size="15" name="sPhrase" value="Wpisz szukane słowo" onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') this.value=''" onblur="if(this.value == '') {this.value=this.defaultValue}" onkeyup="keyUp();" />

euphoria-art

2013-01-27 23:17

sorki po prawej stronie ma być ten kwadracik

euphoria-art

2013-01-28 01:23

dodałem <input type="submit" value="<?php echo '+'; ?>" class="submit" /> wszystko jest prawie ok tylko jest odstęp kilka px, chciałbym aby plus przylegał do okna szukaj, w stylach nie da się tego odstępu usunąć, w header tez kombinuje i nic

selekcjoner

2013-01-28 10:26

Jeśli możesz to wrzuć link do strony, postaram się pomóc, myślę że wystarczy w stylach ustawić.

simlution.org

euphoria-art

2013-01-28 11:43

http://www.obrazygaleria.pl/

boboo

2013-01-28 11:51

A po co dałeś te inputy w span i em ?

www.kimla.de

selekcjoner

2013-01-28 11:55

Ustaw dla #searchForm .input { float:left
a dla #searchForm .submit { margin: 2px 0 0 0;
tak mniej więcej, resztę dasz rady:)

simlution.org

euphoria-art

2013-01-28 12:15

dzięki jeszcze raz za pomoc, jest teraz ok ;)

euphoria-art

2013-01-28 12:33

w Mozilli jest ok, a w chrome przycisk szukaj jest jakieś 2 px wyżej, pewnie zrobię odstęp tak jak było, marginesem jak ustawie w chrome żeby było ok, to w Mozilli jest za nisko.