Problem z obrazkiem - brak możliwości przesunięcia w górę

[czupkolandja]

Witam
Jestem na etapie tworzenia własnego szablonu (http://wojciechrallyart.pl/). Utkąłem na nagłówku do bocznego menu; jest to obrazek, który nie chce się przesunąć do samej gory menu lewego. Próbowałem wszelkich marginów, sprawdzałem FireBugiem czy czegoś tam niema, co mogłoby go blokować, i nic. Co może być przyczyną?

Pozdrawiam

[Bazyl]

Hej,

.input {
border: medium none;
margin-top: 60px;
}

template.css (wiersz 33)

[Bazyl]

Moja szklana kula podpowiedziała, że chodzi o lewą kolumnę.
Może błędnie...

Hej, a_m... /// hej bazyl ;>

[czupkolandja]

tak, chodzi o lewą kolumnę. Sorka za pomyłkę :)

#up# dzieki bazyl. A wie ktoś może co zrobić, aby ten cały formularz logowania był osobno, a obrazek osobno? Bo gdy ustawiam pozycję formularza, to wszystko się przesuwa. Czy trzeba tworzyć dla obrazka osobny div ?

---------- Post dodany o 09:50 ---------- Poprzedni post był o 09:33 ----------

ok, zaczynam prace od nowa, tym razem z resetami :) dzieki wszystkim

---------- Post dodany o 10:36 ---------- Poprzedni post był o 09:50 ----------

Utworzył sie kolejny problem :(. Nie mogę zmieniać czcionki w artykułach na zapleczu, po dodaniu resetów. Dlaczego?

[a_m]

zmień font: inherit; na font-size: 100%;

trochę go, mówisz, w tej wersji poniosło?

[czupkolandja]

no trochę tak, robie szablon od nowa :) ale już prawie doszedłem do poprzednich rezultatów. Dzieki, napewno będę jeszcze pisał w tym temacie.
Pozdrawiam

---------- Post dodany o 11:06 ---------- Poprzedni post był o 10:48 ----------

No i tak jak mówiłem - znowu piszę :). Tym razem mam problem znowu z tym obrazem w lewej kolumnie; jak rozdzielić ten formularz input i mój obrazek tak, aby je korygować osobno?

[a_m]

czyli wracamy do punktu wyjścia ;> nie bardzo łapię o co chodzi > formularz przesuwasz np marginesami dla tego .moduletable lub .moduletable form{}, możesz obniżyć za pomocą górnego paddigu dla @leftColumn lub #menuGora obrazkiem tła sterujesz dopisując do background: url('/templates/wojciechrallyart/images/menu_gora.png') no-repeat np. background: url('/templates/wojciechrallyart/images/menu_gora.png') no-repeat 50px 120px

[palyga007]

ja tylko mały kamyczek dorzucę...

Header mi się powiela..

Bee..

PS:

Cześć Panowie! :)

[czupkolandja]

ok, chyba sobie poradzę, dzieki Panowie! @palyga007 (http://forum.joomla.pl/member.php?26755-palyga007) Już niepowinno :)

[palyga007]

Tak, teraz się nie powiela, ale i tak za przeproszeniem "padaka..".

bo teraz header zajmuje mi 80% szerokości strony, nagle się ucina i mam szare tło..

[czupkolandja]

No właśnie nad tym sie zastanawiałem - czy na każdym monitorze będzie to działać poprawnie. Czy można coś zrobić aby u każdego się wyświetlało tak jak ma być? Oczywiście wiem że im większy monitor tym obrazek będzie mniejszy. #header{ width: 98%; height: 280px; margin: auto; padding: 10px;}

P.S to powinno być takie coś:
4036

[palyga007]

no to u mnie wygląda to tak

[czupkolandja]

chyba po prostu nie rozciąga na cały wrapper. Czy można to jakoś zrobić tak, aby nie u każdego wyświetlało poprawnie, czyli tak:4038

[a_m]

można tak (http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size) , można tak (http://www.aaronvanderzwan.com/maximage/width.php) , można też zrobić bardzo szeroki obraz nagłówkar z zapasem dla większych monitorów, to najczęstsze rozwiązania

[czupkolandja]

można też zrobić bardzo szeroki obraz nagłówkar z zapasem dla większych monitorów, to najczęstsze rozwiązania
ale czy wtedy obraz nie będzie zniekształcony na większym monitorze?

[a_m]

nie, bo jest osadzony jako tło i będzie zawsze przycinany do szerokości elementu, któremu jest przypisany

[czupkolandja]

Ok, dałem większą rozdzielczość, ale to chyba działa tylko wtedy gdy jest jednolite tło, ponieważ u mnie odcięło 2/3 obrazka. Można jakoś to skorygować, aby wielkość się dostosowała automatycznie, ale żeby był widoczny cały obrazek?

Dziękuję za cierpliwość :P

[a_m]

zrób to w ten sposób > obrazek niech będzie tylko z samochodem > samochód przesuń ma maxa w prawo;
i ustaw url("/templates/wojciechrallyart/images/header.jpg") no-repeat scroll 100% 0 <- czyli wyświetlanie od prawej

logo niech będzie osobnym obrazem; do #header dodaj div #logo i zrób mu jako tło nowe logo;

w ten sposób samochód i logo zawsze będą na swoim miejscu

[czupkolandja]

ok, już kumam :) A czy można jakoś zlikwidować te przerwy u góry loga i z lewej tak, aby były równo z obrazkiem z samochodem?