Не получается задать высоту строчки тега <a>, она упорно остается 17 пикселов!!! В результате вообще хочу прижать текста в <a> к бордеру.
Измучился уже.
Единственная мысль сейчас пришла на ум.. положить этот инпут в блочный элемент, например fieldset.Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> * *<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> * *<title>Ы</title> * *<link rel= "stylesheet" type= "text/css" href= "indexCSS.css" /> * *<style type = "text/CSS"> * * * ** {margin: 0;padding: 0; border: 0} * * * *body{background:#000000} * * * * * * * *#ain{width:auto; height:auto; font-size:11px; line-height:8px; border-bottom: 1px solid #ffd254; color:#ffd254} * * * *#ain input{width:29px; height:10px; color:#ffd25;font: normal 11px/8px Arial; vertical-align:bottom} * * * *#ain a:link {color:#ffd254; text-decoration:none; font: normal 11px/8px Arial;vertical-align:bottom} * * * *#ain a:visited {color:#ffd254; text-decoration:none; font: normal 11px/8px Arial;vertical-align:bottom} * * * *#ain a:hover {color:#ffd254; text-decoration:none; font: normal 11px/8px Arial;vertical-align:bottom} * *</style> </head> <body> * * * <div id = "ain"> * * * *<input type = "image" src = "images/enter.gif" alt = "Войти"/> *| * * * *<a style = "background:#ff0000" href = "#" title = "Регистрация">Регистрация</a> * *</div> </body> </html>
Теперь кракозябится, но уже не так.. может с помощью условных коментариев еще поднажать да что-то выйдет. Сдавать завтро в обед работу.
Кстати несмотря на то что инпут-картинка у меня на странице изначально не лежала в блочном элементе - все равно валидацию прошел документ.
Эх.. нету времени в тонкости просветится.
