Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: obrazkowy submit i obramowanie
Forum PHP.pl > Forum > Po stronie przeglądarki
Cliassi
Witam,
wie ktoś jak usunąć białe obramowanie z obrazkowego submita? bo troche to psuje efekt strony:(
pedro84
  1. border:none;
  2. outline:none;
Cliassi
sorka ale zobaczylem ze to jest białe tło a miałem obrazek z tłem i dlatego wyglądało to jak ramka. Tło nadal jest i ten kod:

  1. backgound: black;


nie działa:(
muniekw
Możesz pokazać to gdzieś na jakimś screenie ? Myślę że będzie łatwiej smile.gif
Cliassi
mam wszystko na localhoscie:(
pedro84
Cytat(Cliassi @ 2.05.2012, 13:21:19 ) *
mam wszystko na localhoscie:(

To zrób zrzut i go wrzuć gdzieś.
Cliassi


zdjecie jest w .png probowalem z .jpg i .gif ale to samo
pedro84
Cytat(Cliassi @ 2.05.2012, 13:27:12 ) *
zdjecie jest w .png probowalem z .jpg i .gif ale to samo

Chodzi Ci o te białe tło? To jest na 99% tło obrazka, musisz go zapisać jako przezroczysty plik .png.
Cliassi
to nie jest tło obrazka bo probowalem w png jpg i gifie i jest to samo. Ten obrazek jest w png.
pedro84
Skoro nie tak, to w CSS masz tło. Pokaż CSS.
muniekw
Cytat(Cliassi @ 2.05.2012, 13:43:45 ) *
to nie jest tło obrazka bo probowalem w png jpg i gifie i jest to samo. Ten obrazek jest w png.


PNG moze występować w 2 formach.
1. Z tłem - i taki masz w tym momencie przypadek.
2. Bez tła - trzeba obrobić obrazek ( wyciąć tło jakimś programem do obróbki grafiki )
Cliassi
Posiadam:

1. obrazek .png z prezroczystym tlem i efekt jest taki jak widać
2. obrazek w .jpg gdzie jako tlo dalem to ktore powinno byc w tym divie i sie robie ramka wtedy ktora opisywalem na poczatku
3. obrazek w .gif ktory wyglada jakt ten wyzej.

  1. #product_list{
  2. width: 200px;
  3. color: white;
  4. padding: 5px;
  5. background: #444444;
  6. border: 0px solid #ccc;
  7. font-size: 14px;
  8. height: 200px;
  9. text-align: center;
  10. float: left;
  11. margin: 5px 5px 5px 5px;
  12. moz-border-radius:5px;
  13. webkit-border-radius:5px;
  14. khtml-border-radius:5px;
  15. border-radius:5px;
  16. behaviour:url(border-radius.htc);
  17. }
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  


Dobra udalo mi sie:)

  1. <input type="submit" Value="" style="border: none; background: url(\'img/add_cart.jpg\'); width: 64px; height: 31px;">


Do zamkniecia
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.