[qbaaa3]

Witam. Mam następujący problem. Co zrobić, żeby header na stronie www.sklep.bartniktwr.pl był w tle tych napisów (waluta, kontakt, mapa strony, szukaj, witaj, zaloguj się itd)?? Bardzo proszę o pomoc.

Pozdrawiam

[Mike]

Chodzi Ci o banner na samej gorze, na nim maja się wyświetlać te napisy

[qbaaa3]

tak, o to dokładnie mi chodzi. Widziałem parę sklepów, które tak miały zrobione

[Mike]

W pliku global.css wiersz 225 #header_right dodaj position:absolute; i margin-top: -125px; możesz też zmniejszyć szerokość i margin-left: 50px;

[piweczko]

Witam.

Dopiszę swój problem tutaj ponieważ jest podobny.

Wersja: 1.4.1 PL

Co chcę osiągnąć? - Panel logowania ten w którym jest Witamy, Zaloguj oraz Panel wyszukiwarki. Mają znajdować się w prawym dolnym rogu czego wielkiego czerwonego loga. Chcę ograniczyć miejsce żeby nie było na stronie takich brzydkich przerw. Nieestetycznie to wygląda, najlepiej jakby header był tłem. Ale z tym się uporam. Jak tylko wrzucić ten panel logowania oraz panel wyszukaj na moduł header?

www.stareksiazki.xaa.pl Z góry dziękuje. Bo już się trochę z tym męczę a efekty wychodzą zdumiewające i za każdym razem inne.

EDIT: TAK TO MA WYGLĄDAĆ: http://img43.imageshack.us/img43/8672/efektpaint.jpg

[piweczko]

Z góry dziękuje za pomoc wszystkim uprzejmym i wyrozumiałym użytkownikom !

[deviant]

Musisz poprzesuwać cały blok "header_right", albo po kolei każdy z modułów: blok wyszukiwarki i blok info i kliencie.

[piweczko]

w którym pliku się to robi? nakierujesz mnie? Myślę że przesunąć dam sobie radę sam.

[deviant]

global.css

[piweczko]

Jednak sobie nie poradzę sam. Pokażę częsciowy kod mojego global.css w którym zawarte są wzmianki o header

Kod: [Zaznacz]

/* global layout */
#page {
background-color: white;
border-bottom-right-radius: 45px;
border-bottom-left-radius: 45px;
width: 980px;
height: 100%;
margin: 0 auto 2px auto;
text-align: left
}
#header_logo {
float: center;
width: 980px;
height: 400px;
display:block
}
img.logo {
float: left;
margin-top: 0.5em;
font-size: 2em;
font-weight: bold
}
#header_right {
float: left;
margin-bottom: 15px;
width: 73%;
text-align: right
}
#left_column, #center_column, #right_column { float: left }
#left_column {
clear: left;
width: 191px;
margin-right: 21px;
overflow: hidden
}
#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden
}
#old_center_column { display: none }

.ac_results_instant {
display: none;
visibility: hidden
}
#instant_search_results a.close {
background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
float: right;
margin-right: 7px;
padding-right: 21px;
text-transform: none
}
#right_column {
width: 191px;
margin-left: 21px;
overflow: hidden
}


/* Header */
#header_right ul { list-style: none }
#header_right form {
border: none;
margin-bottom: 0!important;
display: inline
}
#header_right label {
margin: 0;
float: none
}

/* Footer */
#footer {
opacity : 1.0;
filter : alpha(opacity=50);
margin-bottom: 20px;
padding: 0.5em 0;
clear: both
}

/* Default block style */
div.block {
margin-bottom: 1em;
width: 191px
}
#left_column div.block,
 #right_column div.block {
padding-bottom: 5px;
background: transparent url('../img/block_footer.png') no-repeat bottom left
}
div.block h4 {
text-transform: uppercase;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.2em;
padding-left: 0.5em;
border-bottom: 1px solid #595A5E;
padding-top: 2px;
line-height: 1.3em;
color: #374853;
height: 19px;
background: transparent url('../img/block_header.png') no-repeat top left
}
div.block h4 a { color: #374853 }
div.block ul { list-style: none }
div.block ul.tree li { padding-left: 1.2em }
div.block a:hover { text-decoration: none }
#left_column div.block .block_content a.button_large,
 #right_column div.block .block_content a.button_large { margin: 0 0 0 -3px }
div.block .block_content {
border-left: 1px #d0d3d8;
border-right: 1px #d0d3d8;
padding: 0 0.7em;
background: #f1f2f4 url('../img/block_bg.jpg') repeat-x bottom left;
min-height: 16px
}
div.block li {
padding: 0.2em 0 0.2em 0em;
list-style-position: outside
}
div.block a {
color: #595a5e;
text-decoration: none
}

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left
}
div.exclusive h4 {
background: transparent url('../img/block_header_exclusive.png') no-repeat top left;
color: white
}
div.exclusive h4 a { color: white }
div.exclusive li { margin-top: 0 }
div.exclusive, div.exclusive a { color: white }
div.exclusive .block_content {
background: #bdc2c9 url('../img/block_exclusive_bg.jpg') repeat-x bottom left;
border-left: 1px solid #595a5e;
border-right: 1px solid #595a5e
}

/* block in the center column */
#center_column p { margin: 0.5em 0; padding-left: 0.7em }
#center_column div.block { width: 536px; margin: auto }
#center_column div.block h4 {
background: transparent url('../img/block_header_large.png') no-repeat top left;
height: 17px;
color: white
}


[piweczko]

Z tego co mi wiadomo to css jest odpowiedzialny za style a nie za pozycję modułów. Chyba że trzeba coś tutaj pokombinować z divami. Póki co walczę na własną rękę.

[piweczko]

jednak potrzebuje pomocy bo nie wiem co z tym zrobić, przenoszę, ale jednak bez efektów.

[piweczko]

Niech mi ktoś pomoże co konkretnie mam gdzie przenieść. Próbowałem na różne sposoby. Może trzeba ustawić pozycje Absolute? Ma ktoś jakiś pomysł jak to zrobić?

[Greg_4]

Witam.
 Od jakiegoś czasu stawiam swój sklep i też szukam porad na takich forach jak to. Nie znam się na tym , ale w niektórych problemach innych , mogę przedstawić sposób w jaki ja sobie poradziłem.
 Też swojego czasu próbowałem przenieść logowanie do loga, za pomocą "absolute" , ale o ile w FF było dobrze, to w IE już nie.
 Rozwiązanie okazało się banalnie proste. Przeniosłem logo do tam gdzie znajduje się "Zaloguj się" , "Twoje konto" itp.
 Piweczko, wpisz w global.css wiersz 225 takie coś:
 

Kod: [Zaznacz]

#header_right {
    background: url("http://stareksiazki.xaa.pl/img/logo.jpg") repeat scroll 0 0 transparent;
 ustaw marginesy i wielkość.
 Usuń stare logo z "header_logo".
 Oczywiście położenie wyszukiwarki i reszty musisz sobie poustawiać w "header_user"
 Mam nadzieję, że nie pisałem zbyt chaotycznie i wszystko zrozumiesz.

[piweczko]

Dzięki bardzo teoretycznie załapałem i rozumiem o co chodzi. Praktykę obadam jutro i będę z tym walczył. Jeśli teoretycznie jest to tak proste jak tutaj piszesz to sobie z tym poradzę. Dzięki za ukierunkowanie.

[piweczko]

Wszystko działa. Dzięki bardzo. Brnę dalej.