| Autor | Zpráva | ||
|---|---|---|---|
| zdeno1981 Profil * |
zdravím,
potřeboval bych poradit, styluji formulář hledání pomoci CSS, ve Firefoxu to je celkem v pohodě ale v IE katastrofa, nahradil jsem klasický obdelník inputu obrázkem s kulatými rohy, o místo buttonu pouzil obrazek lupy, problém je v tom že v IE nedokážu dát obrázek lupy do středu, a nejhorší je že při psaní textu se v IE pozadí inputu posune a úplně zmizne. jak to přesně vypadá se můžete podívat zde http://svatebnidekorace.eu/sv/test.html nebo zde je zdroják: <style>
form, p, html, body {
margin: 0; padding: 0;
}
form{
width: 220px;
}
body {
padding: 50px 0 0 50px;
}
input {
font: .8em Arial, Helvetica, sans-serif;
margin: 0; padding: 0; background: url(img/svt_10.gif) no-repeat;
width: 196px; height: 26px; border: 0;
}
.search {
font: .8em Arial, Helvetica, sans-serif;
margin: 0; padding: 0; background: url(img/svt_04.gif) no-repeat;
width: 17px; height: 13px; border: 0; vertical-align: middle; cursor: pointer;
}
</style>
</head>
<body bgcolor="#e238a4">
<form>
<p>
<input id="name" name="name">
<input type="submit" class="search" value="" />
</p>
</form>
|
||
| Str4wberry Profil |
#2 · Zasláno: 29. 6. 2008, 19:22:49
Pro tlačítko použij <input type='image'>.
|
||
| zdeno1981 Profil * |
#3 · Zasláno: 29. 6. 2008, 21:18:31
Str4wberry
díky moc, jednu věc bych tedy měl vyřešenou (stránku jsem aktualizoval). |
||
| Str4wberry Profil |
#4 · Zasláno: 30. 6. 2008, 08:10:29
A druhou věc bych osobně nestyloval.
|
||
| zdeno1981 Profil * |
#5 · Zasláno: 30. 6. 2008, 22:24:37
Tak jsem to nakonec dal dohromady a vypadá to super !
<style>
/* forms */
.forser {
width: 216px; float: left;
}
.input {
margin: 0; padding: 5px 8px 5px 8px; background: url(img/svt_10.gif) no-repeat;
width: 180px; height: 16px; float: left;
}
input {
font: 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0; padding: 0; border: 0; width: 180px; height: 16px;
}
.search {
margin: 6px 0 0 0; padding: 0;
width: 17px; height: 13px; border: 0; cursor: pointer;
}
</style>
<form class="forser">
<div class="input"><input name="name" type="text"></div>
<input type="image" class="search" value="" src="img/svt_04.gif" align="top" />
</form> |
||
|
Časová prodleva: 16 let
|
|||
0