Strona 1 z 2

[Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 18:54
przez Stafu
www.musculardog.com

Chcialbym przesunac wyszukiwarke odrobine nizej aby wszystkie dostepne jezyki do wyboru byly widoczne.

Re: [Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 19:37
przez adikon.oc
znajdz w pliku
http://www.musculardog.com/catalog/view ... esheet.css

Kod: Zaznacz cały
#header #search {
   position: absolute;
   margin-top: 4px;
   margin-left:348px;
   width: 298px;
   z-index: 15;
}
/* IE7 hack */
*:first-child+html #header #search {
    left:348px;
   margin-left:0px;
}

i zamien na
Kod: Zaznacz cały
#header #search {
   position: absolute;
   margin-top: 4px;
   margin-left:320px;
   width: 298px;
   z-index: 15;
}
/* IE7 hack */
*:first-child+html #header #search {
    left:320px;
   margin-left:0px;
}


to powinno pomóc ale lepiej zrób kopie bezpieczeństwa tego pliku

a plik językowy do Google checkout jest powgrywany do każdego katalogu z językiem w sklepie (katalog language)?

Re: [Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 20:13
przez Stafu
a wiec tak
zmniejszylem wyszukiwarke i przesunalem ale w dalszym ciagu cos nachodzi na dwa pierwsze jezyki i nie da sie ich wybrac


kolejna sprawa do przesuniecie w dol linii "Strona główna - Lista życzeń (0) - Moje konto - KoszykZamówienie" bo np w ruskim nachodza na siebie napisy logowania i tej linii

Re: [Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 21:02
przez adikon.oc
z tego co podałem wcześniej zmniejsz jeszcze lewy margines do 280px czyli zamień
Kod: Zaznacz cały
margin-left:320px;

na
Kod: Zaznacz cały
margin-left:280px;

oraz
Kod: Zaznacz cały
left:320px;

na
Kod: Zaznacz cały
left:280px;


ogólnie szablon nie jest zoptymalizowany pod wszystkie języki
więc bez większych zmian w pliku CSS się nie obejdzie
większość bloków w headerze jest zbudowane na
position: absolute;
i dlatego są takie problemy

Edit
można by było zamienić miejscami te boksy
koszyk dać do prawej a te linki w miejsce koszyka...możliwe że to by rozwiązało problem

Re: [Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 21:10
przez Stafu
Maminne wymiary i tez nie dziala


#header #search {
position: absolute;
margin-top: 4px;
margin-left:390px;
width: 100px;
z-index: 15;
}
/* IE7 hack */
*:first-child+html #header #search {
left:390px;
margin-left:0px;
}
#header .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #333;
cursor: pointer;
}
#header #search input {
background: #000;
color:#999;
padding: 1px 1px 1px 33px;
width: 150px;
height: 21px;
border: 1px solid #333;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

Re: [Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 21:14
przez adikon.oc
Stafu napisał(a):Maminne wymiary i tez nie dziala


#header #search {
position: absolute;
margin-top: 4px;
margin-left:390px;
width: 100px;
z-index: 15;
}
/* IE7 hack */
*:first-child+html #header #search {
left:390px;
margin-left:0px;
}
#header .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #333;
cursor: pointer;
}
#header #search input {
background: #000;
color:#999;
padding: 1px 1px 1px 33px;
width: 150px;
height: 21px;
border: 1px solid #333;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

w pogrubione miejsca miały być wpisane liczby 280px
a jest 390px
a widze że problem rozwiązany przez zmiejszenie boksu wyszukiwarki

Re: [Edycja] Przesuniecie wyszukiwarki

PostNapisane: 28 wrz 2011, o 21:18
przez Stafu
nie jest rozwiazany nie da sie wybrac 2 pierwszych jezykow