[HTML/CSS] input jako obrazek i obramowanie w IE Opcje

[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:

[HTML] pobierz, plaintext 
border-width: 0px;
[HTML] pobierz, plaintext 

[Kildyt]

Nie działa. (IMG:http://forum.php.pl/style_emoticons/default/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]

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ć:

[HTML] pobierz, plaintext 
input.search4 {...
[HTML] pobierz, plaintext 

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... (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Dzięki wszystkim za pomoc. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[.radex]

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." (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[JoShiMa]

"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." (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Nie możesz tego zrobić w CSS? Trochę nieładnie korzystać z "prezentacyjnych" atrybutów HTML-a (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dodałam to jako ciekawostkę orbitującą wokół tematu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[nrafal]

Nie możesz tego zrobić w CSS? Trochę nieładnie korzystać z "prezentacyjnych" atrybutów HTML-a (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ładnie ładnie (IMG:http://forum.php.pl/style_emoticons/default/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.