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
Pro tlačítko použij <input type='image'>.
zdeno1981
Profil *
Str4wberry

díky moc, jednu věc bych tedy měl vyřešenou (stránku jsem aktualizoval).
Str4wberry
Profil
A druhou věc bych osobně nestyloval.
zdeno1981
Profil *
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>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: