Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML/CSS] input jako obrazek i obramowanie w IE
Forum PHP.pl > Forum > Po stronie przeglądarki
Kildyt
Witam forumowiczów

Mam następujący problem: jest tobie input jako typ ma wpisany image, a jego klasa to search4. Czyli wygląda tak:
Kod
<input class="search4" type="image" value="">


Klasa search4 w CSS wygląda tak:
Kod
.search4 {
    display: inline;

    float: left;
    width: 14px;
    height: 29px;
    background-image: url(images/search4.png);
    border: 0px;
    margin-bottom: 8px;
}


Problem jest w tym, że w mojej ukochanej przeglądarce, czyli oczywiście IE wyświetla obramowanie wokół tego inputu. W firefoxie i operze nie ma obramowania.

Jestem na linuksie i używam IEs4Linux do odpalenia IE 6.0. Może nie działa on identycznie, jak na jedynym słusznym systemie operacyjnym?


Za wszystkie odpowiedzi dziękuję!
phpion
Spróbuj dać jak należy:
  1. border-width: 0px;
Kildyt
Nie działa. sad.gif
.radex
upewnij się, że żaden inny styl nie koliduje z tym.

border-width: 0px !important;
Kildyt
Nic się nie pojawiło, nic się nie zmieniło.

To może jednak to przez ies4linux?
.radex
http://browsershots.org/

Zrób screenshota tej strony na IE - będzie wiadomo, czy to wina ies4linux
JoShiMa
Cytat(Kildyt @ 6.08.2008, 19:52:35 ) *
Problem jest w tym, że w mojej ukochanej przeglądarce, czyli oczywiście IE wyświetla obramowanie wokół tego inputu. W firefoxie i operze nie ma obramowania.

Spróbuj uściślić:

  1. input.search4 {...


A tak przy okazji może to Cię zainteresuje:
stylowanie formularzy
Kildyt
Problem rozwiązany.

Podpatrzyłem kod na innej stronie i znalazłem, że jest podana wartość w src.
Zamiast:
Kod
<input class="search4" type="image" value="">
powinno być:
Kod
<input class="search4" type="image" value="" src="theme/web/monstrum/images/search4.png">


Uff... smile.gif
Dzięki wszystkim za pomoc. smile.gif
.radex
Cytat(JoShiMa @ 7.08.2008, 09:15:29 ) *
A tak przy okazji może to Cię zainteresuje:
stylowanie formularzy


"Dodam także (korzystając z zasady, że 75% ludzi komentuje tylko ostatni akapit tekstu), że treść postu tyczy się dużych serwisów korzystających z wszystkich typów pól. Jeśli projektujesz bloga albo mini stronkę z jednym input type="text", powyższe kazanie nie jest skierowane do ciebie." winksmiley.jpg

Cytat
Kod
<input class="search4" type="image" value="" src="theme/web/monstrum/images/search4.png">


Nie możesz tego zrobić w CSS? Trochę nieładnie korzystać z "prezentacyjnych" atrybutów HTML-a smile.gif
JoShiMa
Cytat(.radex @ 7.08.2008, 12:14:52 ) *
"Dodam także (korzystając z zasady, że 75% ludzi komentuje tylko ostatni akapit tekstu), że treść postu tyczy się dużych serwisów korzystających z wszystkich typów pól. Jeśli projektujesz bloga albo mini stronkę z jednym input type="text", powyższe kazanie nie jest skierowane do ciebie." winksmiley.jpg
Nie możesz tego zrobić w CSS? Trochę nieładnie korzystać z "prezentacyjnych" atrybutów HTML-a smile.gif

Dodałam to jako ciekawostkę orbitującą wokół tematu smile.gif
nrafal
Cytat(.radex @ 7.08.2008, 12:14:52 ) *
Nie możesz tego zrobić w CSS? Trochę nieładnie korzystać z "prezentacyjnych" atrybutów HTML-a smile.gif


Ładnie ładnie winksmiley.jpg Jeśli już ma być input image, to nie wyobrażam sobie inaczej niż przez "src". Wszak grafika tam to esencja, a nie jakiś tam ozdodnik.

Tylko nie zapominać o alt i wszystko będzie w porządku.
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.