No proste...mám dva štýly pre default pre všetky a jeden pre IE. ale..je tu taky problém že pri kliknutí na na fieldset dostane tlacidlo input.send o 1x borderu viac. A ja neviem prečo, či to nahodou nema vliv css defaultu.
tu su tie dva subory:
PS: robi to iba v IE
ie.css
Kód:
body{
text-align: center;
}
a{
color: gray;
font-weight: bold;
}
a.ietrieda1{
color: #b22222;
text-decoration: Underline;
}
a.odkaz{
color: gray;
font-weight: bold;
}
fieldset.field{
margin: 0 auto;
background-color: silver;
width: 820px;
font-weight: bold;
border: 1px;
padding: 3px;
}
legend.ieblb{
color: black;
}
input.send{
background-color: #a9a9a9;
border: 1px solid black;
height: 25px;
width: 150px;
font-weight: bold;
}
div.errorMessage{
text-align: center;
margin: 0 auto;
font-weight: bold;
padding: 5px;
background-color: #a9a9a9;
width: 820px;
border: 2px solid #b22222;
height: 26px;
}
div.post{
margin: 0 auto;
text-align: left;
padding: 3px;
background-color: silver;
width: 820px;
}
a
style.css
Kód:
body{
background-color: gray;
}
a{
font-weight: bold; text-decoration: none;
color: Black;
}
a:hover{
border: 1px solid #b22222;
}
input.polozka{
background-color: #a9a9a9;
border: 1px solid black;
width: 200px;
}
input.polozka:focus{
background-color: #d3d3d3;
border-left: 1px solid #b22222;
border-bottom: 1px solid #b22222;
}
input.polozka:hover{
border: 1px solid #b22222;
}
textarea.polozka{
background-color: #a9a9a9;
border: 1px solid black;
}
textarea.polozka:focus{
background-color: #d3d3d3;
border-left: 1px solid #b22222;
border-bottom: 1px solid #b22222;
}
textarea.polozka:hover{
border: 1px solid #b22222;
}
input.send{
background-color: #a9a9a9;
border: 1px solid black;
height: 25px;
width: 150px;
font-weight: bold;
}
input.send:focus{
background-color: #d3d3d3;
border: 1px solid #b22222;
height: 25px;
width: 150px;
font-weight: bold;
}
input.send:hover{
border: 1px solid #b22222;
}
fieldset.field{
margin: auto;
background-color: silver;
width: 806px;
font-weight: bold;
border: 0px;
}
div.post{
margin: auto;
padding: 3px;
background-color: silver;
width: 820px;
}
div.errorMessage{
text-align: center;
font-weight: bold;
padding: 5px;
background-color: #a9a9a9;
margin: auto;
width: 820px;
border: 2px solid #b22222;
height: 26px;
}
a este keby niekto vedel jak sa dá v IE nahodit focus, ten tam totiž jaksi nefunguje
hoover obchadzam javascriptom (viz. ietrieda1 v ie.css)
ale ak to chces odstranit tak mozno by sa to dalo odstranit takto :
